/* ===== CORES (tiradas da logo) — troque aqui e muda o site todo ===== */
:root{--navy:#2E3192;--navy-deep:#1A1C5C;--sky:#06A7EF;--sky-soft:#E6F5FD;--ink:#16183F;--muted:#5A5E7A;--line:#DDE3F0;--soft:#F5F8FC;
--font-title:'Sora',system-ui,sans-serif;--font-body:'Source Sans 3',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:400 1.0625rem/1.65 var(--font-body);color:var(--ink);background:#fff}
h1,h2,h3{font-family:var(--font-title);line-height:1.2;letter-spacing:-.015em;margin:0 0 .6em}
h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy)}h3{font-size:1.2rem}
a{color:inherit;text-decoration:none}p{margin:0 0 1em}
.container{width:min(1140px,100% - 2.5rem);margin-inline:auto}.center{text-align:center}
.icon{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
/* Botão principal (azul claro, cantos arredondados) */
.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--sky);color:var(--navy-deep);font:600 1rem var(--font-body);padding:.85rem 1.6rem;border:0;border-radius:999px;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:#38bdf5;transform:translateY(-1px)}
.btn--wa{background:#1FAF5A;color:#fff}.btn--wa:hover{background:#18964b}
/* ===== CABEÇALHO ===== */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:84px}
.brand img{height:66px;width:auto;display:block}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.4rem}
.nav a,.nav button{font:600 1rem var(--font-body);color:var(--ink);background:none;border:0;cursor:pointer;padding:.6rem .9rem;border-radius:8px;display:flex;align-items:center;gap:.35rem}
.nav a:hover,.nav button:hover{color:var(--navy);background:var(--sky-soft)}
.has-sub{position:relative}
.submenu{position:absolute;right:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.5rem!important;flex-direction:column;align-items:stretch!important;gap:0!important;box-shadow:0 12px 30px rgba(26,28,92,.12);display:none!important}
.has-sub:hover .submenu,.has-sub.open .submenu{display:flex!important}
.submenu .icon{color:var(--sky)}
.nav-toggle{display:none;background:none;border:0;color:var(--navy);cursor:pointer;padding:.5rem}.nav-toggle .icon{width:30px;height:30px}
/* ===== BANNER ===== */
.hero,.page-hero{position:relative;overflow:hidden;color:#fff;background:
 linear-gradient(90deg,rgba(26,28,92,.92),rgba(26,28,92,.45)),var(--img,none),linear-gradient(120deg,#1A1C5C,#2E3192 60%,#0b78b3);background-size:cover;background-position:center}
.hero{min-height:clamp(520px,78vh,720px);display:flex;align-items:center}
.hero__gear,.page-hero__gear{position:absolute;right:-6%;top:50%;translate:0 -50%;width:min(620px,70vw);color:var(--sky);opacity:.16}
.hero__content{position:relative;animation:in .9s ease both}
.hero h1{font-size:clamp(2rem,4.6vw,3.4rem);max-width:19ch;margin-bottom:.5em}
.hero__tag{font:600 1.15rem var(--font-title);color:var(--sky)}
.hero p:not(.hero__tag){max-width:52ch;color:#dfe4f7;font-size:1.15rem;margin-bottom:1.8rem}
@keyframes in{from{opacity:0;translate:0 18px}}
/* ===== SEÇÕES ===== */
.section{padding:clamp(3.5rem,8vw,6rem) 0}.section--soft{background:var(--soft)}
.about{display:grid;grid-template-columns:1fr 1.6fr;gap:3rem}
.about__text{max-width:68ch}.lead{font-size:1.3rem;line-height:1.5;color:var(--navy-deep);font-weight:600}
.pills{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem}
.pills li{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:999px;background:var(--sky-soft);color:var(--navy);font-weight:600}
/* Cards de serviços */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.5rem}
.card{background:#fff;border:1.5px solid var(--sky);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s}
.card:hover{box-shadow:0 14px 34px rgba(46,49,146,.14)}
.card__media{height:210px;display:grid;place-items:center;color:#fff;background:var(--img,none) center/cover,linear-gradient(135deg,var(--navy),var(--sky))}
.card__ghost{width:84px;height:84px;opacity:.4;stroke-width:1.2}
.card__body{padding:1.5rem}.card__body p{color:var(--muted)}
.card__more{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--navy)}
/* Faixa de atendimento */
.band{background:var(--navy-deep);color:#fff;padding:3.5rem 0}.band h2{color:#fff;margin-bottom:.3em}.band p{color:#c9cff0;margin:0}
.band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
/* ===== PÁGINAS DE SERVIÇO ===== */
.page-hero{padding:clamp(3.5rem,8vw,6rem) 0}.page-hero .container{position:relative;animation:in .8s ease both}
.page-hero h1{font-size:clamp(1.9rem,4vw,3rem);max-width:20ch}.page-hero p{max-width:58ch;color:#dfe4f7;font-size:1.15rem;margin-bottom:1.6rem}
.page-hero__badge{width:64px;height:64px;border-radius:18px;background:var(--sky);color:var(--navy-deep);display:grid;place-items:center;margin-bottom:1.3rem}.page-hero__badge .icon{width:34px;height:34px}
.items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2rem}
.item{display:flex;gap:1.1rem;padding:1.5rem;border:1px solid var(--line);border-radius:16px}
.item .icon{width:42px;height:42px;padding:9px;border-radius:12px;background:var(--sky-soft);color:var(--navy)}
.item h3{margin-bottom:.3em}.item p{margin:0;color:var(--muted)}
.others{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}
.others a{display:flex;align-items:center;gap:.6rem;border:1.5px solid var(--sky);border-radius:999px;padding:.6rem 1.2rem;font-weight:600;color:var(--navy)}
.others a:hover{background:var(--sky-soft)}
/* ===== RODAPÉ ===== */
.site-footer{background:#12143f;color:#c9cff0;padding:3.5rem 0 1.5rem}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}
.site-footer h3{color:#fff;font-size:1rem}.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.site-footer .icon{color:var(--sky)}.site-footer a{display:flex;align-items:center;gap:.6rem}.site-footer a:hover{color:#fff}
.footer__copy{border-top:1px solid #2a2d6b;margin-top:2.5rem;padding-top:1.2rem;font-size:.9rem}
/* ===== POP-UP DE CONTATO ===== */
dialog{border:0;border-radius:22px;padding:2.2rem;width:min(440px,92vw);text-align:center;box-shadow:0 24px 60px rgba(10,12,50,.35)}
dialog::backdrop{background:rgba(18,20,63,.6)}
dialog h2{font-size:1.4rem}dialog p{color:var(--muted)}
.dialog__close{position:absolute;right:.8rem;top:.8rem;background:none;border:0;cursor:pointer;color:var(--muted);padding:.4rem}
.dialog__alt{margin:1.2rem 0 0;font-size:.95rem}
/* ===== CELULAR ===== */
@media(max-width:900px){
 .nav-toggle{display:block}
 .nav{position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1rem;display:none}
 .nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch}
 .submenu{position:static;box-shadow:none;border:0;padding:0 0 0 1rem!important}
 .about,.footer__grid{grid-template-columns:1fr;gap:1.5rem}
 .cards,.items{grid-template-columns:1fr}.band__inner{flex-direction:column;align-items:flex-start}
 .brand img{height:56px}.header__inner{height:76px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}