/*
Theme Name: TVS Tec
Author: Vinicius
Version: 1.0
*/
:root{
 --primary:#29B2FE;
 --bg:#040816;
 --card:#08152F;
 --text:#fff;
 --muted:#B8C5D6;
}
body.page-template-front-page *::before,
body.page-template-front-page *::after{
	display:none !important;
}
.page-template-front-page .logo-icon::before,
.page-template-front-page .logo-icon::after{
	display:block !important;
}
body.page-template-page-contato *::before,
body.page-template-page-contato *::after{
	display:none !important;
}
.page-template-page-contato .logo-icon::before,
.page-template-page-contato .logo-icon::after{
	display:block !important;
}
body.page-template-page-projetos *::before,
body.page-template-page-projetos *::after{
	display:none !important;
}
.page-template-page-projetos .logo-icon::before,
.page-template-page-projetos .logo-icon::after{
	display:block !important;
}
body.page-template-page-servicos *::before,
body.page-template-page-servicos *::after{
	display:none !important;
}
.page-template-page-servicos .logo-icon::before,
.page-template-page-servicos .logo-icon::after{
	display:block !important;
}
body.page-template-page-sobre *::before,
body.page-template-page-sobre *::after{
	display:none !important;
}
.page-template-page-sobre .logo-icon::before,
.page-template-page-sobre .logo-icon::after{
	display:block !important;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.6}
.container{width:90%;max-width:1400px;margin:auto}

.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}
.hero h1{font-size:64px}.hero h1 span{color:var(--primary)}
.btn{display:inline-block;padding:14px 24px;border-radius:10px;text-decoration:none;margin-right:12px}
.btn-primary{background:var(--primary);color:#fff}
.btn-secondary{border:1px solid var(--primary);color:var(--primary)}
.cards,.diffs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--card);border:1px solid rgba(41,178,254,.25);padding:24px;border-radius:20px}
.section-title{text-align:center;margin:60px 0 30px}
.cta{margin:50px 0;background:var(--card);padding:30px;border-radius:20px;display:flex;justify-content:space-between}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.navbar .logo{display:flex;align-items:center;gap:10px;margin:0}
.navbar .logo h2{margin:0;color:var(--text)}
.subtitle{display:inline-block;color:var(--primary);font-size:13px;font-weight:bold;letter-spacing:1px}
.hero-services,.about-hero,.contact-hero{padding:80px 0 56px}
.hero-services h1,.about-hero h1,.contact-hero h1{max-width:820px;font-size:clamp(38px,6vw,68px);line-height:1.08;margin:18px 0}
.hero-services p,.contact-hero p{max-width:680px;color:var(--muted);font-size:18px}
.services,.contact-cards,.advantages,.numbers{padding:40px 0 80px}
.services-grid,.cards-grid,.advantages-grid,.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.service-card,.contact-card,.number-card{background:var(--card);border:1px solid rgba(41,178,254,.25);border-radius:14px;padding:28px}
.service-icon,.contact-card>i,.advantages-grid>div>i{color:var(--primary);font-size:30px}
.service-card h2{line-height:1.2}
.service-card p,.service-card li,.contact-card p,.number-card p,.advantages-grid p,.mission-item p{color:var(--muted)}
.service-card ul{padding-left:20px}
.cta{background:var(--card)}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}
.about-left h1 span,.contact-hero h1 span{color:var(--primary)}
.about-left>p{color:var(--muted);font-size:18px}
.mission-list{display:grid;gap:18px;margin-top:32px}
.mission-item{display:flex;gap:16px;align-items:flex-start}
.mission-item>i,.specialty-card>i{color:var(--primary);font-size:22px;margin-top:5px}
.mission-item h3,.mission-item p{margin:0}
.illustration{display:flex;justify-content:center;align-items:center;min-height:220px;background:var(--card);border:1px solid rgba(41,178,254,.25);border-radius:14px;color:var(--primary);font-size:90px}
.specialties{margin-top:28px}
.specialties h2{font-size:18px;color:var(--primary)}
.specialty-card{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(184,197,214,.2)}
.specialty-card h3,.specialty-card p{margin:0}
.specialty-card p{color:var(--muted)}
.number-card h2{color:var(--primary);font-size:42px;margin:0}
.number-card h3{margin:0}
.contact-card{text-align:center}
.contact-card h3{font-size:20px;margin:12px 0 4px}
.contact-card a{color:var(--primary);text-decoration:none}
.meeting{padding:0 0 70px}
.meeting-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--primary);color:#03101f;padding:30px;border-radius:14px}
.meeting-box h2,.meeting-box p{margin:0}
.meeting-button{background:#03101f;color:var(--text)}
.advantages-grid>div{text-align:center;padding:20px}
.advantages-grid h3{margin-bottom:5px}
@media(max-width:900px){
	.hero,.cards,.diffs,.cta{display:block}.card{margin-bottom:20px}
	.navbar,.cta-box,.meeting-box{flex-wrap:wrap}
	.navbar{gap:18px}
	.menu{order:3;width:100%;justify-content:center;flex-wrap:wrap}
	.services-grid,.cards-grid,.advantages-grid,.numbers-grid{grid-template-columns:repeat(2,1fr)}
	.about-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:560px){
	.services-grid,.cards-grid,.advantages-grid,.numbers-grid{grid-template-columns:1fr}
	.hero-services,.about-hero,.contact-hero{padding-top:40px}
	.navbar .button,.header-button{width:100%;justify-content:center}
}


body.page-template-front-page>div,
body.page-template-front-page>main,
body.page-template-page-contato>div,
body.page-template-page-contato>main,
body.page-template-page-sobre>div,
body.page-template-page-sobre>main,
body.page-template-page-servicos>div,
body.page-template-page-servicos>main{position:relative;z-index:1}
