/* KM Bens — site v2.0 · Marenzo · paleta e tipografia do Brand Book aprovado (19/10/2026) */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../fonts/open-sans-latin-var.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-italic-400.woff2) format("woff2")}
/* Anton (SIL OFL 1.1, ver ../fonts/ANTON-OFL.txt) — só no título 3D do hero */
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton-latin-400.woff2) format("woff2")}

:root{
  --navy:#001D58; --navy-noite:#00143B; --navy-medio:#012A74;
  --aco:#838081; --verde:#025A2A; --verde-esc:#01441F; --verde-claro:#E3F1E8;
  --areia:#E2C59F; --perola:#F6F1E8; --texto:#595657; --corpo:#222;
  --branco:#fff; --linha:#E4DED3;
  --raio:14px; --sombra:0 10px 30px rgba(0,20,59,.10);
  --wrap:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;color:var(--corpo);background:var(--branco);overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:var(--navy)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2A6BE0;outline-offset:2px}
h1,h2,h3{color:var(--navy);line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.6vw,3.2rem)}
h2{font-size:clamp(1.55rem,3vw,2.25rem)}
h3,.h3{font-size:1.18rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.ico{width:24px;height:24px;flex:none}
.ico--s{width:18px;height:18px}

/* faixa de prévia */
.previa-faixa{background:var(--areia);color:var(--navy);text-align:center;font-size:.85rem;font-weight:700;padding:6px 12px;letter-spacing:.02em}

/* topo */
.topbar{background:var(--navy-noite);color:#fff;font-size:.86rem}
.topbar__in{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:40px;flex-wrap:wrap}
.topbar__item{display:inline-flex;align-items:center;gap:7px}
.topbar__wa{color:#fff;text-decoration:none;font-weight:700;min-height:44px}
.topbar__wa:hover{color:var(--areia)}
@media (max-width:719px){.topbar__hide-sm{display:none}.topbar__in{gap:10px;flex-wrap:nowrap}.topbar__item:first-child{font-size:.78rem}}
@media (max-width:400px){.topbar__item:first-child{display:none}.topbar__in{justify-content:center}}

.site-header{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:40}
.site-header__in{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.logo{display:inline-flex;align-items:center;min-height:48px}
.logo img{width:auto;height:38px}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px;min-width:48px;padding:0 12px;border:1px solid var(--linha);border-radius:10px;color:var(--navy);font-weight:700}
.menu summary::-webkit-details-marker{display:none}
.menu__bar{width:20px;height:2px;background:var(--navy);position:relative;display:block}
.menu__bar::before,.menu__bar::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--navy)}
.menu__bar::before{top:-6px}.menu__bar::after{top:6px}
.menu__nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linha);box-shadow:var(--sombra);display:flex;flex-direction:column;padding:8px 20px 20px}
.menu__nav a{display:flex;align-items:center;min-height:48px;text-decoration:none;font-weight:600;color:var(--navy);border-bottom:1px solid var(--linha)}
.menu__nav a.btn{border:0;margin-top:12px;justify-content:center;color:#fff}
.nav-desk{display:none}
.logo{flex-shrink:0}
.site-header .btn{white-space:nowrap}
@media (min-width:1100px){
  .menu{display:none}
  .nav-desk{display:flex;align-items:center;gap:clamp(18px,2vw,30px);flex-wrap:nowrap}
  .nav-desk a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600;color:var(--navy);font-size:.97rem;white-space:nowrap;line-height:1}
  .nav-desk a.btn{margin-left:6px;padding:0 24px}
  .nav-desk a:not(.btn):hover{color:var(--verde)}
  .nav-desk a.btn{color:#fff}
}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.btn--sm{min-height:44px;padding:0 18px;font-size:.95rem}
.btn--lg{min-height:54px;padding:0 28px;font-size:1.05rem}
.btn--verde{background:var(--verde);color:#fff}
.btn--verde:hover{background:var(--verde-esc)}
.btn--claro{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--claro:hover{border-color:var(--areia);color:var(--areia)}
.btn--areia{background:var(--areia);color:var(--navy)}
.btn--areia:hover{background:#efd9bb}
.link-seta{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--verde);text-decoration:none;min-height:44px}
.link-seta:hover{text-decoration:underline}

.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--verde);margin-bottom:.7em}
.eyebrow--areia{color:var(--areia)}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-noite) 70%);color:#fff;padding:56px 0 120px}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--areia) 0 40%,var(--verde) 40% 60%,var(--aco) 60%)}
.hero__marca{position:absolute;right:-60px;bottom:-80px;width:460px;height:auto;opacity:.06;pointer-events:none}
.hero__in{position:relative;display:grid;gap:40px;align-items:center}
.hero h1{color:#fff;max-width:20ch}
.hero__lede{font-size:1.12rem;color:#E6EAF3;max-width:56ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.hero__selos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.93rem;color:#E6EAF3}
.hero__selos li{display:flex;align-items:center;gap:7px}
.hero__selos .ico{color:var(--areia)}
@media (min-width:960px){.hero{padding:80px 0 150px}.hero__in{grid-template-columns:1.25fr .75fr}}

/* título do hero em duas camadas: abertura em Open Sans + frase-chave em letra 3D (Anton, estilo extrudado) */
.hero h1.hero__titulo{max-width:none;margin:0 0 22px;font-size:1rem;line-height:1;letter-spacing:0}
.hero__t1{display:block;font-size:clamp(1.12rem,2.1vw,1.55rem);font-weight:800;line-height:1.3;color:#fff;margin-bottom:.45em;letter-spacing:-.005em;text-shadow:0 2px 14px rgba(0,10,30,.55)}
.hero__t2{display:block;font-family:"Anton",Impact,"Haettenschweiler","Arial Narrow Bold",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(2.6rem,12vw,5.2rem);line-height:.98;letter-spacing:.012em;color:#fff;max-width:640px;overflow-wrap:break-word;
  /* extrusão diagonal (aço -> navy) + sombra difusa que descola a letra do fundo */
  text-shadow:
    0 1px 0 #e9edf4,
    1px 2px 0 #c9d1e0,
    2px 3px 0 #aab3c6,
    3px 4px 0 #8a93a8,
    4px 5px 0 #5d6886,
    5px 6px 0 #3a4a75,
    6px 7px 0 #2a3b66,
    7px 8px 0 #1b2a52,
    8px 12px 10px rgba(0,8,28,.45),
    0 16px 34px rgba(0,0,0,.45)}
@media (max-width:420px){.hero__t2{text-shadow:0 1px 0 #e9edf4,1px 2px 0 #c9d1e0,2px 3px 0 #9aa3b8,3px 4px 0 #6e7895,4px 5px 0 #3a4a75,5px 6px 0 #2a3b66,6px 9px 8px rgba(0,8,28,.45),0 12px 26px rgba(0,0,0,.45)}}

/* hero com foto de fundo (só quando assets/img/hero-kmbens.jpg existe) */
.hero--foto{background:var(--navy-noite);padding:60px 0 118px}
.hero__foto{position:absolute;inset:0;z-index:0;margin:0}
.hero__foto img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% 50%}
.hero--foto::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,20,59,.5) 0%,rgba(0,20,59,.62) 40%,rgba(0,20,59,.82) 100%)}
.hero--foto::after{z-index:1} /* faixa acima do overlay, abaixo dos cartões .pilares (z 2) */
.hero--foto .hero__in{z-index:2}
.hero--foto .btn--claro{background:rgba(0,20,59,.55)} /* contraste AA sobre a foto (QA Camila, 1024px) */
@media (max-width:719px){.hero--foto .hero__foto img{object-position:50% 50%}}
.hero--foto .hero__lede,.hero--foto .hero__micro,.hero--foto .hero__t1,.hero--foto .eyebrow{text-shadow:0 1px 3px rgba(0,10,30,.7),0 2px 14px rgba(0,10,30,.6)}
.hero--foto .hero__lede{color:#EEF1F7}
@media (min-width:960px){
  .hero--foto{min-height:660px;display:flex;align-items:center;padding:72px 0 140px}
  .hero--foto .hero__in{width:100%;grid-template-columns:minmax(0,690px)}
  .hero__foto img{object-position:70% 50%}
  .hero--foto::before{background:linear-gradient(90deg,rgba(0,20,59,.88) 0%,rgba(0,20,59,.84) 36%,rgba(0,20,59,.66) 48%,rgba(0,20,59,.3) 64%,rgba(0,20,59,.15) 100%)}
}

/* mockup de celular (ilustração do atendimento) */
.fone{margin:0 auto;max-width:330px;width:100%}
.fone__tela{background:#fff;border-radius:30px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.35);border:8px solid #0B1633}
.fone__topo{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid var(--linha)}
.fone__topo img{width:32px;height:32px;border-radius:50%;background:#fff}
.fone__topo b{display:block;color:var(--navy);font-size:.95rem;line-height:1.2}
.fone__topo span{display:block;color:var(--texto);font-size:.78rem}
.fone__chat{padding:12px 4px 6px;display:flex;flex-direction:column;gap:8px;background:var(--perola);border-radius:0 0 18px 18px;margin:0 -12px -12px;padding:14px 14px 18px}
.bolha{margin:0;padding:9px 12px;border-radius:14px;font-size:.84rem;line-height:1.45;max-width:88%;color:var(--corpo)}
.bolha--km{background:#fff;border-top-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bolha--cli{background:var(--verde-claro);border-top-right-radius:4px;align-self:flex-end}
.fone figcaption{text-align:center;font-size:.78rem;color:#C9D1E3;margin-top:10px}

/* pilares (cartões sobre o hero) */
.pilares{position:relative;z-index:2;margin-top:-80px}
.pilares__grid{display:grid;gap:18px}
.pilar{background:#fff;border-radius:var(--raio);padding:26px 24px;box-shadow:var(--sombra);border-top:4px solid var(--navy)}
.pilar h2{font-size:1.25rem}
.pilar p{color:var(--texto);margin-bottom:.4em}
.pilar__ico{display:inline-flex;width:48px;height:48px;border-radius:12px;background:var(--perola);color:var(--navy);align-items:center;justify-content:center;margin-bottom:14px}
.pilar--destaque{background:var(--navy);border-top-color:var(--areia)}
.pilar--destaque h2{color:#fff}.pilar--destaque p{color:#E6EAF3}
.pilar--destaque .pilar__ico{background:var(--verde);color:#fff}
.pilar--destaque .link-seta{color:var(--areia)}
@media (min-width:860px){.pilares__grid{grid-template-columns:repeat(3,1fr)}.pilares{margin-top:-100px}}

/* seções */
.secao{padding:72px 0}
.secao--perola{background:var(--perola)}
.secao--navy{background:var(--navy);color:#fff}
.secao--navy h2{color:#fff}
.secao__cab{text-align:center;max-width:720px;margin:0 auto 40px}
.secao__cab p{color:var(--texto)}
.secao__cab--esq{text-align:left;margin:0 0 28px}

/* modalidades */
.mods{display:grid;gap:16px;grid-template-columns:1fr}
.mod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.mod:hover{border-color:var(--navy);box-shadow:var(--sombra);transform:translateY(-2px)}
.mod__ico{width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.mod__ico .ico{width:28px;height:28px}
.mod p{color:var(--texto);font-size:.97rem;flex:1}
@media (min-width:640px){.mods{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.mods{grid-template-columns:repeat(3,1fr)}}
.mods--mini .mod{flex-direction:row;align-items:center;gap:14px;padding:16px 18px}
.mods--mini .mod__ico{margin:0;width:44px;height:44px}
.mods--mini .mod h3{margin:0;font-size:1.02rem}

/* faixa cartas contempladas */
.faixa-carta{background:linear-gradient(120deg,var(--navy-noite),var(--navy-medio));color:#fff;padding:56px 0}
.faixa-carta__in{display:grid;gap:22px;align-items:center}
.faixa-carta h2{color:#fff}
.faixa-carta p{color:#E6EAF3}
.faixa-carta__ico{width:72px;height:72px;border-radius:50%;border:2px solid var(--areia);color:var(--areia);display:flex;align-items:center;justify-content:center}
.faixa-carta__ico .ico{width:36px;height:36px}
.faixa-carta__nota{font-size:.9rem;color:#C9D1E3!important;border-left:3px solid var(--areia);padding-left:12px}
@media (min-width:960px){.faixa-carta__in{grid-template-columns:auto 1fr auto;gap:36px}}

/* passos */
.passos{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:p}
.passo{background:#fff;border-radius:var(--raio);padding:26px 22px;position:relative}
.passo p{color:var(--texto);margin:0}
.passo__n{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--verde);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px;font-size:1.1rem}
@media (min-width:720px){.passos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.passos{grid-template-columns:repeat(4,1fr)}}

/* para quem */
.quem{display:grid;gap:36px;align-items:center}
.quem__txt p{color:var(--texto)}
.quem__tipos{display:grid;gap:14px;margin-top:20px}
.quem__tipo{display:flex;gap:14px;align-items:flex-start;background:var(--perola);border-radius:var(--raio);padding:18px}
.quem__tipo .ico{width:30px;height:30px;color:var(--navy);margin-top:2px}
.quem__tipo b{display:block;color:var(--navy)}
.quem__tipo span{color:var(--texto);font-size:.96rem}
.quem__perfis{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.quem__perfis li{border:1px solid var(--linha);border-left:4px solid var(--verde);border-radius:10px;padding:14px 16px;font-weight:600;color:var(--navy);background:#fff}
@media (min-width:900px){.quem{grid-template-columns:1.1fr .9fr}.quem__perfis{grid-template-columns:1fr 1fr}}

/* sobre */
.sobre{display:grid;gap:32px}
.sobre p{color:var(--texto)}
.parceiras{background:#fff;border-radius:var(--raio);padding:26px;border:1px dashed var(--aco)}
.parceiras p{font-size:.97rem}
.parceiras__lista{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.parceiras__lista li{display:flex;gap:8px;align-items:center;color:var(--navy);font-weight:600;font-size:.95rem}
.parceiras__lista .ico{color:var(--verde)}
@media (min-width:900px){.sobre{grid-template-columns:1.3fr .7fr;align-items:start}}

/* simulador */
.sim-wrap{display:grid;gap:32px;align-items:start}
.sim-wrap__txt p{color:#E6EAF3}
.sim-wrap__info{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;color:#E6EAF3;font-size:.95rem}
.sim-wrap__info li{display:flex;gap:8px;align-items:flex-start}
.sim-wrap__info .ico{color:var(--areia);margin-top:3px}
@media (min-width:960px){.sim-wrap{grid-template-columns:.85fr 1.15fr}}
.sim{background:#fff;color:var(--corpo);border-radius:var(--raio);padding:24px;box-shadow:var(--sombra)}
.sim__grid{display:grid;gap:14px}
@media (min-width:600px){.sim__grid{grid-template-columns:1fr 1fr}.campo--full{grid-column:1/-1}}
.campo{display:flex;flex-direction:column;gap:6px}
.campo span{font-weight:700;color:var(--navy);font-size:.92rem}
.campo input,.campo select{font:inherit;font-size:1rem;min-height:50px;padding:0 14px;border:1.5px solid #B9B4AE;border-radius:10px;background:#fff;color:var(--corpo);width:100%}
.campo input:focus,.campo select:focus{border-color:var(--navy)}
.campo input[aria-invalid=true],.campo select[aria-invalid=true]{border-color:#B3261E}
.sim__erro{color:#B3261E;font-weight:600;margin:12px 0 0}
.sim__btn{width:100%;margin-top:18px}
.sim__nota{font-size:.84rem;color:var(--texto);margin:14px 0 0}
.mod-pg__sim .sim{box-shadow:none;border:1px solid var(--linha);padding:20px}
.mod-pg__sim .sim__grid{grid-template-columns:1fr}

/* FAQ */
.faq-wrap{display:grid;gap:20px}
@media (min-width:960px){.faq-wrap{grid-template-columns:.8fr 1.2fr;gap:48px}}
.faq__item{border-bottom:1px solid var(--linha)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:12px 0}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary h3{margin:0;font-size:1.05rem}
.faq__item summary::after{content:"+";font-size:1.6rem;font-weight:400;color:var(--verde);flex:none;line-height:1}
.faq__item[open] summary::after{content:"–"}
.faq__item p{color:var(--texto);padding:0 0 18px;margin:0}

/* páginas internas */
.pg-topo{background:var(--perola);padding:36px 0 40px;border-bottom:4px solid var(--areia)}
.pg-topo h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.pg-topo p{color:var(--texto);max-width:64ch;margin:0}
.pg-topo__in{display:flex;gap:18px;align-items:flex-start}
.pg-topo__ico{flex:none;width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.pg-topo__ico .ico{width:32px;height:32px}
@media (max-width:560px){.pg-topo__ico{width:52px;height:52px}.pg-topo__ico .ico{width:26px;height:26px}}
.migalha{font-size:.9rem;color:var(--texto);margin-bottom:18px}
.migalha a{color:var(--navy);display:inline-block;min-height:24px}
.mod-pg{display:grid;gap:36px;align-items:start}
.mod-pg__txt h2{font-size:1.45rem;margin-top:1.2em}
.mod-pg__txt h2:first-child{margin-top:0}
.mod-pg__txt p{color:var(--texto)}
@media (min-width:960px){.mod-pg{grid-template-columns:1.25fr .75fr}.mod-pg__sim{position:sticky;top:96px}}
.lista-check{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.lista-check li{display:flex;gap:8px;align-items:flex-start}
.lista-check .ico{color:var(--verde);margin-top:4px}
.nota{font-size:.92rem;background:var(--perola);border-left:3px solid var(--aco);padding:10px 14px;border-radius:0 8px 8px 0}
.compara{display:grid;gap:14px;margin-bottom:12px}
.compara__col{border:1px solid var(--linha);border-radius:var(--raio);padding:20px}
@media (min-width:700px){.compara{grid-template-columns:1fr 1fr}}
.alerta{display:flex;gap:12px;align-items:flex-start;background:var(--perola);border:1px solid var(--areia);border-radius:var(--raio);padding:18px;margin:18px 0 24px}
.alerta .ico{color:var(--navy);margin-top:2px}
.alerta p{margin:0;color:var(--corpo);font-size:.96rem}
.texto-longo{max-width:780px}
.texto-longo h2{font-size:1.3rem;margin-top:1.4em}
.texto-longo p{color:var(--texto)}

/* CTA final + rodapé */
.cta-final{background:var(--perola);border-top:1px solid var(--linha);padding:48px 0}
.cta-final__in{display:grid;gap:20px;align-items:center}
.cta-final h2{font-size:clamp(1.35rem,2.6vw,1.9rem)}
.cta-final p{color:var(--texto);margin:0}
@media (min-width:900px){.cta-final__in{grid-template-columns:1fr auto;gap:40px}}

.site-footer{background:var(--navy-noite);color:#C9D1E3;padding:56px 0 26px;font-size:.93rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--areia);text-decoration:underline}
.foot-cols{display:grid;gap:30px}
.foot-col h3{color:var(--areia);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot-col li a{display:inline-flex;align-items:center;min-height:44px}
.foot-col--marca img{height:34px;width:auto;margin-bottom:14px}
@media (min-width:720px){.foot-cols{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.foot-cols{grid-template-columns:1.4fr 1fr 1.2fr .9fr}}
.aviso-legal{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem;line-height:1.6}
.aviso-legal strong{color:#fff}
.foot-base{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:.82rem;color:#AEB8CF}
.foot-base a{color:#E6EAF3}
.sig{display:flex;align-items:center;gap:8px}
.sig a{display:inline-flex;align-items:center;min-height:32px}
.sig img{height:22px;width:auto;opacity:.92;display:block} /* Regra #33: fundo escuro = logomarca branca */

/* botão flutuante de WhatsApp */
.wa-flutuante{position:fixed;right:16px;bottom:16px;width:58px;height:58px;border-radius:50%;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.28);z-index:50}
.wa-flutuante .ico{width:30px;height:30px}
.wa-flutuante:hover{background:var(--verde-esc)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v2.0 — blocos de texto aprovado (Arthur, 07/10) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.centro{text-align:center;margin-top:28px}
.hero__micro{font-size:.9rem;color:#C9D1E3;margin:0}
.mods__nota{text-align:center;font-size:.9rem;color:var(--texto);margin:22px auto 0;max-width:760px}
.passos__grupo{font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;margin-bottom:14px}
.passos__divisoria{display:flex;align-items:center;gap:14px;margin:28px 0 14px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.passos__divisoria::before,.passos__divisoria::after{content:"";flex:1;height:2px;background:var(--areia)}
.passos__divisoria span{text-align:center}
@media (min-width:720px){.passos--3{grid-template-columns:repeat(3,1fr)}.passos--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.passos--3{grid-template-columns:repeat(3,1fr)}.passos--2{grid-template-columns:repeat(2,1fr)}}
.tabela-wrap{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--raio)}
.tabela{width:100%;border-collapse:collapse;min-width:560px;font-size:.96rem}
.tabela th,.tabela td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.tabela thead th{background:var(--navy);color:#fff;font-weight:700}
.tabela tbody th{color:var(--navy);font-weight:700;background:var(--perola);width:24%}
.tabela td{color:var(--corpo)}
.tabela tr:last-child th,.tabela tr:last-child td{border-bottom:0}
.perfis{display:grid;gap:16px}
@media (min-width:700px){.perfis{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.perfis{grid-template-columns:repeat(4,1fr)}}
.perfil{display:flex;flex-direction:column;background:#fff;border-radius:var(--raio);padding:22px;text-decoration:none;color:inherit;border-top:4px solid var(--verde)}
.perfil p{color:var(--texto);font-size:.96rem;flex:1}
.perfil:hover{box-shadow:var(--sombra)}
.porque{display:grid;gap:16px;margin-bottom:28px}
@media (min-width:700px){.porque{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.porque{grid-template-columns:repeat(4,1fr)}}
.porque__item{border:1px solid var(--linha);border-radius:var(--raio);padding:22px}
.porque__item>.ico{width:32px;height:32px;color:var(--navy);margin-bottom:12px}
.porque__item p{color:var(--texto);font-size:.96rem;margin:0}
.sobre__inst{color:var(--texto);font-size:.95rem;margin:0}
.mitos{display:grid;gap:16px}
@media (min-width:700px){.mitos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.mitos{grid-template-columns:repeat(3,1fr)}}
.mito{background:#fff;border-radius:var(--raio);padding:22px}
.mito__frase{font-weight:700;color:var(--navy);font-size:1.05rem}
.mito__resp{color:var(--texto);margin:0;font-size:.96rem}
.selo{display:inline-block;font-weight:800;padding:1px 10px;border-radius:999px;font-size:.85rem;margin-right:4px}
.selo--verdade{background:var(--verde);color:#fff}
.selo--mito{background:var(--navy);color:#fff}
.sim-wrap__txt a,.sim__nota a{color:inherit}
section[id]{scroll-margin-top:90px}

/* tabela consórcio x financiamento empilhada no celular (QA Camila, 2ª rodada) */
@media (max-width:599px){
  .tabela-wrap{overflow:visible;border:0}
  .tabela{min-width:0;font-size:.95rem}
  .tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela tr{display:block;border:1px solid var(--linha);border-radius:var(--raio);margin-bottom:12px;overflow:hidden}
  .tabela tbody th,.tabela td{display:block;width:auto;border:0}
  .tabela tbody th{padding:12px 16px}
  .tabela td{padding:8px 16px}
  .tabela td:last-child{padding-bottom:14px}
  .tabela td::before{content:attr(data-label) ": ";font-weight:700;color:var(--navy)}
}

/* ==========================================================================
   v2.02 — ritmo visual das dobras da home (pedido do Reginaldo, 22/10/2026)
   Fundos claros variados (sem zebra fixa), layouts diferentes por seção,
   respiro vertical desigual e 2 divisores orgânicos (curva + faixa tricolor).
   Contraste medido (texto --texto #595657): areia-suave 5,90 · verde-claro 6,23 ·
   pérola 6,45 · azul-claro 6,33 · areia-media 5,46 (todos AA).
   ========================================================================== */
:root{--areia-suave:#F3E6D3;--areia-media:#EFDDC2;--azul-claro:#EAF0F8;--areia-escura:#B98A4E}

.secao--areia{background:var(--areia-suave)}
.secao--verde{background:var(--verde-claro)}
.secao--azul{background:var(--azul-claro)}

/* cabeçalho em duas colunas: título à esquerda, apoio ao lado */
.secao__cab--lado{text-align:left;max-width:none;margin:0 0 34px}
.secao__cab--lado p:last-child{margin:0}
@media (min-width:900px){
  .secao__cab--lado{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:40px}
  .secao__cab--lado h2{margin:0}
  .secao__cab--lado>p{border-left:3px solid var(--areia);padding-left:20px}
}
.secao__cab--largo{max-width:640px}
.secao__cab--largo h2{font-size:clamp(1.65rem,3.3vw,2.5rem)}

/* respiro vertical desigual */
.secao--modalidades{padding:clamp(56px,7vw,84px) 0 clamp(52px,6vw,68px)}
.secao--areia{padding:clamp(60px,8vw,100px) 0 clamp(84px,10vw,124px)}
.secao--comparativo{padding:clamp(44px,5vw,60px) 0 clamp(60px,7vw,84px)}
.secao--verde{padding:clamp(60px,8vw,92px) 0}
.secao--sobre{padding:clamp(56px,7vw,80px) 0 clamp(48px,6vw,64px)}
.secao--azul{padding:clamp(60px,8vw,88px) 0 clamp(64px,8vw,96px)}

/* modalidades: cartões mais leves, ícone sem medalhão */
.mods--home .mod{border-radius:10px;padding:22px 22px 18px}
.mods--home .mod__ico{width:auto;height:auto;border-radius:0;background:none;color:var(--navy);justify-content:flex-start;margin-bottom:10px}
.mods--home .mod__ico .ico{width:34px;height:34px}
.mods--home .mod:hover{transform:none;box-shadow:none;border-color:var(--navy);background:#FCFAF6}
.mods__nota--esq{text-align:left;margin-left:0}

/* como funciona: areia + escudo K em marca d'água + linha do tempo conectada */
.secao--areia{position:relative;overflow:hidden}
.secao--areia>.wrap{position:relative;z-index:1}
.secao__escudo{position:absolute;right:-80px;top:18px;width:220px;height:auto;opacity:.6;pointer-events:none;z-index:0}
@media (min-width:860px){.secao__escudo{right:-40px;top:auto;bottom:70px;width:360px;opacity:.55}}
.secao--areia .passos__divisoria::before,.secao--areia .passos__divisoria::after{background:rgba(0,29,88,.22);height:1px}
.trilho{list-style:none;margin:0;padding:0}
.etapa{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:26px;align-content:start}
.etapa::before{content:"";position:absolute;left:23px;top:54px;bottom:6px;width:2px;background:var(--navy);opacity:.3}
.etapa:last-child::before{display:none}
.etapa__n{display:flex;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:1.15rem;align-items:center;justify-content:center}
.trilho--adm .etapa__n{background:var(--areia-suave);color:var(--navy);border:2px solid var(--navy)}
.trilho--adm .etapa::before{background:none;border-left:2px dashed var(--navy);width:0}
.etapa__txt h3{margin:10px 0 .35em}
.etapa__txt p{color:var(--texto);margin:0;max-width:44ch}
.trilho__cta{margin:6px 0 0}
@media (min-width:860px){
  .trilho{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}
  .etapa{grid-template-columns:1fr;gap:6px;padding-bottom:0}
  .etapa::before{left:62px;right:-22px;top:23px;bottom:auto;width:auto;height:2px}
  .trilho--adm .etapa::before{border-left:0;border-top:2px dashed var(--navy);height:0;width:auto}
  .trilho-fim{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;align-items:center}
  .trilho-fim .trilho{grid-column:span 2;grid-template-columns:1fr 1fr}
  .trilho__cta{margin:0;padding-left:8px}
}

/* divisor orgânico 1: curva suave no fim da seção areia */
.secao--curva::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-1px;height:56px;background:var(--branco);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:0}
@media (max-width:719px){.secao--curva::after{height:30px}}

/* comparativo: cabeçalho da tabela claro, coluna consórcio em destaque */
.secao--comparativo .tabela thead th{background:transparent;color:var(--navy);border-bottom:3px solid var(--navy);font-size:1.02rem}
.secao--comparativo .tabela thead th:nth-child(2){color:var(--verde);border-bottom-color:var(--verde)}
.secao--comparativo .tabela td:nth-child(2){background:#F2F8F4}
.secao--comparativo .tabela-wrap{border-color:var(--linha)}

/* para quem: título fixo à esquerda + lista com destaque lateral */
.quem2{display:grid;gap:28px}
.quem2__cab p{color:var(--texto)}
.perfis2{display:grid}
.perfil2{display:block;text-decoration:none;color:inherit;padding:22px 0 18px;border-top:1px solid rgba(2,90,42,.28)}
.perfil2 h3{font-size:1.28rem;margin-bottom:.4em}
.perfil2 p{color:var(--texto);margin:0 0 4px;font-size:.98rem}
.perfil2:hover h3{color:var(--verde)}
.perfil2:hover .link-seta{text-decoration:underline}
.perfil2--voce{background:#fff;border:0;border-left:5px solid var(--verde);border-radius:0 12px 12px 0;padding:22px 22px 16px;margin-top:10px}
@media (min-width:700px){.perfil2{display:grid;grid-template-columns:190px 1fr;gap:24px}.perfil2 h3{margin:0}}
@media (min-width:960px){.quem2{grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.quem2__cab{padding-top:22px;position:sticky;top:110px}.quem2__cab h2{font-size:clamp(1.6rem,2.6vw,2.15rem)}}

/* sobre: composição assimétrica, nota lateral, razões em lista */
.secao--sobre{border-top:4px solid var(--areia)}
.sobre2{display:grid;gap:28px}
.sobre2__principal h2{font-size:clamp(1.65rem,3.4vw,2.55rem);max-width:18ch}
.sobre2__principal .sobre__inst{font-size:1.06rem;line-height:1.7;max-width:62ch}
.parceiras--nota{background:transparent;border:0;border-left:3px solid var(--aco);border-radius:0;padding:4px 0 4px 20px}
.parceiras--nota h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--navy);margin-bottom:.6em}
.parceiras--nota p{margin:0;font-size:.94rem}
@media (min-width:900px){.sobre2{grid-template-columns:1.5fr .7fr;gap:64px;align-items:end}}
.porque--lista{margin:44px 0 0;gap:0}
.porque--lista .porque__item{display:flex;gap:16px;align-items:flex-start;border:0;border-top:1px solid #DCD2C2;border-radius:0;padding:22px 0 20px}
.porque--lista .porque__item>.ico{width:30px;height:30px;margin:2px 0 0;color:var(--verde)}
.porque--lista .porque__item h3{font-size:1.08rem;margin-bottom:.35em}
@media (min-width:700px){.porque--lista{grid-template-columns:1fr 1fr;column-gap:56px}}
@media (min-width:1060px){.porque--lista{grid-template-columns:1fr 1fr}}

/* mitos: aspas grandes, selo marcado, Mito e Verdade com tratamentos distintos */
.mitos--aspas{gap:22px}
.mitos--aspas .mito{background:transparent;border-radius:0;border-top:3px solid var(--navy);padding:22px 22px 10px}
.mitos--aspas .mito--verdade{background:#fff;border-top-color:var(--verde);border-radius:0 0 12px 12px;padding:22px 22px 20px}
.mito__frase{position:relative;font-size:1.12rem;line-height:1.4}
.mito__aspa{display:block;font-family:Georgia,"Times New Roman",serif;font-size:3.6rem;line-height:.7;height:.42em;color:var(--areia-escura);font-weight:400}
.mitos--aspas .selo{display:inline-block;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;padding:4px 10px;border-radius:4px;margin:0 8px 0 0;vertical-align:1px}
@media (min-width:1060px){.mitos--aspas{gap:30px 34px}}

/* CTA final em areia + divisor orgânico 2: faixa tricolor da marca (a mesma do hero) */
.cta-final{position:relative;background:var(--areia-media);border-top:0;padding:56px 0 52px}
.cta-final::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--areia) 0 40%,var(--verde) 40% 60%,var(--aco) 60%)}

/* ===== v2.04 (29/10/2026) — hero mais claro, 3D suavizado, CTA redesenhado =====
 * Pedido do Reginaldo: fundo menos escuro (sobretudo no celular), letra 3D mais leve,
 * botão de chamada mais bonito no desktop. Contraste do texto garantido pelas sombras. */
.hero__foto img{filter:brightness(1.55) saturate(1.05) contrast(.95)}
.hero--foto::before{background:linear-gradient(180deg,rgba(60,115,200,.28) 0%,rgba(30,80,165,.40) 45%,rgba(1,42,116,.66) 100%)}
@media (min-width:960px){
  .hero__foto img{filter:brightness(1.3) saturate(1.05)}
  .hero--foto::before{background:linear-gradient(90deg,rgba(1,42,116,.82) 0%,rgba(10,55,135,.64) 38%,rgba(30,80,160,.30) 56%,rgba(30,80,160,.04) 76%,transparent 100%)}
}
/* 3D suavizado: extrusão curta em 4 degraus claros + sombra difusa leve */
.hero__t2{text-shadow:
    0 1px 0 #eef1f6,
    1px 2px 0 #cfd6e3,
    2px 3px 0 #a9b3c8,
    3px 4px 0 #7f8aa6,
    4px 8px 10px rgba(0,12,40,.30),
    0 10px 26px rgba(0,0,0,.22)}
@media (max-width:420px){.hero__t2{text-shadow:0 1px 0 #eef1f6,1px 2px 0 #cfd6e3,2px 3px 0 #a3adc2,3px 6px 8px rgba(0,12,40,.30),0 8px 20px rgba(0,0,0,.2)}}
/* CTA do hero */
.hero__cta{align-items:center;gap:14px 26px}
.hero__cta-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16)}
.hero__cta-ico .ico{width:18px;height:18px}
.hero__cta-pri{background:linear-gradient(180deg,#047A3A 0%,var(--verde) 100%);box-shadow:0 8px 22px rgba(1,40,20,.35),inset 0 1px 0 rgba(255,255,255,.18);padding:0 26px 0 14px;letter-spacing:.005em;transition:transform .15s,box-shadow .15s,background .15s}
.hero__cta-pri:hover{background:linear-gradient(180deg,#058C43 0%,#036a32 100%);transform:translateY(-1px);box-shadow:0 12px 28px rgba(1,40,20,.4),inset 0 1px 0 rgba(255,255,255,.2)}
.hero--foto .hero__cta-sec{background:transparent;border-color:transparent;padding:0 6px;min-height:48px;text-decoration:underline;text-decoration-color:rgba(226,197,159,.7);text-underline-offset:6px;text-decoration-thickness:2px;text-shadow:0 1px 3px rgba(0,10,30,.7)}
.hero--foto .hero__cta-sec:hover{color:var(--areia);text-decoration-color:var(--areia)}
.hero__cta-sec .ico{transition:transform .15s}
.hero__cta-sec:hover .ico{transform:translateX(3px)}
/* no celular os dois continuam como botões de largura total, mais fáceis de tocar */
@media (max-width:719px){
  .hero__cta{gap:12px}
  .hero__cta .btn{width:100%;text-align:center;padding-left:16px;padding-right:20px}
  .hero--foto .hero__cta-sec{background:rgba(0,20,59,.35);border-color:rgba(255,255,255,.55);text-decoration:none;padding:0 22px}
}

/* ===== Hero B (v2.05) — mini-simulador no topo ===== */
.hero--b{padding-top:44px}
.heroB{grid-template-columns:1fr}
.hero--b .hero__t2{font-size:clamp(2.4rem,9vw,4.4rem)}
.heroB__selos{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:700;font-size:.97rem;color:#fff;text-shadow:0 1px 3px rgba(0,10,30,.7)}
.heroB__selos li{display:flex;align-items:center;gap:8px}
.heroB__selos .ico{color:var(--areia)}
.heroB__card{background:#fff;color:var(--corpo);border-radius:22px;padding:22px 22px 18px;box-shadow:0 24px 60px rgba(0,10,40,.35);display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px}
.heroB__card-t{margin:0;font-weight:800;font-size:1.3rem;color:var(--navy);line-height:1.2}
.heroB__card fieldset{border:0;margin:0;padding:0;min-width:0}
.heroB__card legend{font-weight:700;font-size:.92rem;color:var(--navy);margin-bottom:8px;padding:0}
.heroB__tipos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.heroB__tipos legend{grid-column:1/-1}
.heroB__tipo input,.heroB__modo input{position:absolute;opacity:0;width:1px;height:1px}
.heroB__tipo span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:8px 4px;border:1.5px solid var(--linha);border-radius:14px;font-size:.82rem;font-weight:700;color:var(--navy);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.heroB__tipo .ico{width:26px;height:26px}
.heroB__tipo:hover span{border-color:var(--verde)}
.heroB__tipo input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.heroB__tipo input:focus-visible+span,.heroB__modo input:focus-visible+span{outline:3px solid var(--areia);outline-offset:2px}
.heroB__seg{display:grid;grid-template-columns:1fr 1fr;background:#F1EEE8;border-radius:999px;padding:4px}
.heroB__modo span{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;font-weight:700;color:var(--navy);cursor:pointer}
.heroB__modo input:checked+span{background:var(--verde);color:#fff;box-shadow:0 4px 12px rgba(2,90,42,.3)}
.heroB__valor-r{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-weight:700;font-size:.92rem;color:var(--navy)}
.heroB__valor-r output{font-size:1.55rem;font-weight:800;color:var(--verde);white-space:nowrap}
.heroB__range{width:100%;accent-color:var(--verde);height:28px;margin:-6px 0 0;cursor:pointer}
.heroB__lim{display:flex;justify-content:space-between;font-size:.8rem;color:var(--texto);margin-top:-10px}
.heroB__nome span{font-weight:700;font-size:.92rem;color:var(--navy)}
.heroB__nome input{width:100%;min-height:48px;margin-top:6px;padding:0 14px;border:1.5px solid var(--linha);border-radius:12px;font:inherit}
.heroB__nome input:focus{outline:3px solid var(--areia);outline-offset:1px;border-color:var(--navy)}
.heroB__nome input[aria-invalid="true"]{border-color:#B3261E}
.heroB__btn{width:100%;background:linear-gradient(180deg,#047A3A 0%,var(--verde) 100%);box-shadow:0 8px 22px rgba(1,40,20,.3)}
.heroB__btn:hover{background:linear-gradient(180deg,#058C43 0%,#036a32 100%)}
.heroB__nota{margin:0;font-size:.82rem;color:var(--texto);text-align:center;line-height:1.45}
.heroB__card .sim__erro{margin:-6px 0 0;color:#B3261E;font-weight:600;font-size:.88rem}
@media (min-width:960px){
  .hero--b.hero--foto .heroB,.hero--b .heroB{grid-template-columns:minmax(0,1fr) 440px;gap:56px}
  .hero--b.hero--foto{padding-top:56px}
  .heroB__card{justify-self:end}
}
@media (max-width:420px){.heroB__tipos{grid-template-columns:repeat(2,1fr)}.heroB__card{padding:22px 16px 18px}}

/* Slide show do topo (v2.07) — 3 chamadas empilhadas na mesma área, troca por opacidade */
.heroB__show{display:grid}
.heroB__slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.heroB__slide.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.heroB__dots{display:flex;gap:10px;margin-top:18px}
.heroB__dots button{width:28px;height:6px;border:0;border-radius:3px;background:rgba(246,241,232,.35);cursor:pointer;padding:0}
.heroB__dots button[aria-selected="true"]{background:#E2C59F}
.heroB__lei{margin-top:14px;font-size:.78rem;line-height:1.45;color:rgba(246,241,232,.72);max-width:560px}
@media (prefers-reduced-motion:reduce){.heroB__slide,.heroB__slide.is-on{transition:none}}
/* chamadas 2 e 3 são <p> (só um h1 por página): herdam o visual do título */
.heroB__slide p.hero__titulo{color:#fff;max-width:none;margin:0 0 22px;font-size:1rem;line-height:1;letter-spacing:0;font-weight:400}

/* v2.08 — Falar com a Sara: WhatsApp ou chat no site (GPTMaker) */
.sara{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.sara__botao{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--verde);color:#fff;font:700 1rem "Open Sans",system-ui,sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:pointer}
.sara__botao:hover{background:var(--verde-esc)}
.sara__botao .ico{width:26px;height:26px}
.sara__menu{width:280px;max-width:calc(100vw - 32px);background:#fff;border-radius:var(--raio);box-shadow:0 14px 40px rgba(0,20,59,.22);padding:16px;display:flex;flex-direction:column;gap:10px}
.sara__menu[hidden],.sara__janela[hidden]{display:none}
.sara__ola{margin:0 0 4px;font-size:.95rem;line-height:1.45;color:var(--corpo)}
.sara__opc{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:10px;font:700 .98rem "Open Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer;border:1px solid var(--linha);background:#fff;color:var(--navy);text-align:left}
.sara__opc--wa{background:var(--verde);border-color:var(--verde);color:#fff}
.sara__opc--wa:hover{background:var(--verde-esc)}
.sara__opc--chat:hover{border-color:var(--navy)}
.sara__opc .ico{width:22px;height:22px}
.sara__janela{width:380px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 110px));background:#fff;border-radius:var(--raio);box-shadow:0 14px 40px rgba(0,20,59,.25);overflow:hidden;display:flex;flex-direction:column}
.sara__topo{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:0 6px 0 16px;min-height:48px;font-weight:700}
.sara__fechar{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.sara__janela iframe{flex:1;width:100%;border:0}
.link-sara{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;text-align:left}
@media (max-width:560px){.sara__botao span{display:none}.sara__botao{padding:0;width:58px;justify-content:center}.sara__janela{position:fixed;inset:0;width:auto;max-width:none;height:auto;border-radius:0}}