/* Ponte visual para páginas públicas anteriores ao reposicionamento.
   Aplicada apenas quando o body opta por .marca-2026. */
body.marca-2026{
  --paper:#fff;--paper2:#f5f8f7;--paper3:#eaf2ef;
  --ink:#0d1f1b;--ink2:#5b6f69;
  --green:#0b7a6b;--green-d:#04211c;--green-l:#12a390;
  --coral:#ff6b4a;--sun:#ff6b4a;--mint:#d7eee8;--sky:#dfece9;
  --line:#e4ece9;--hair:#e4ece9;
  --serif:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --sans:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;
  --vidro:rgba(255,255,255,.78);--vidro-forte:rgba(255,255,255,.92);
  --vidro-fio:rgba(11,122,107,.18);--vidro-desfoque:blur(14px) saturate(1.2);
  --vidro-sombra:0 12px 32px rgba(4,33,28,.08);
  --vidro-sombra-rasa:0 5px 18px rgba(4,33,28,.07);
  background:var(--paper);color:var(--ink);font:400 16px/1.62 var(--sans);
}
body.marca-2026::before{display:none}
body.marca-2026 a:focus-visible,
body.marca-2026 button:focus-visible,
body.marca-2026 input:focus-visible,
body.marca-2026 summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
body.marca-2026 .wrap{max-width:1180px}
body.marca-2026 h1,body.marca-2026 h2,body.marca-2026 h3,body.marca-2026 h4{
  font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:.99;
  color:var(--ink);text-wrap:balance}
body.marca-2026 h1{font-size:clamp(42px,6vw,82px)}
body.marca-2026 h2{font-size:clamp(34px,4.2vw,54px)}
body.marca-2026 h3{font-size:clamp(23px,2.3vw,30px)}
body.marca-2026 h1 em,body.marca-2026 h2 em,body.marca-2026 h3 em{
  color:var(--ink);background:none;padding:0;font-weight:600}
body.marca-2026 h1{color:var(--ink2)}
body.marca-2026 h1 em{color:var(--ink)}
body.marca-2026 h2 em{color:var(--ink2)}
body.marca-2026 .mark,body.marca-2026 .mark-green{background:none;color:var(--green);font-weight:600}
body.marca-2026 .lead{color:var(--ink2)}
body.marca-2026 .tiny{color:var(--ink2)}
body.marca-2026 a{color:var(--green)}

/* O cabeçalho conversa com Vídeos e Bio. O vidro fica na barra que flutua. */
body.marca-2026 header.topo{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}
body.marca-2026 header.topo .wrap{display:flex;align-items:center;gap:26px;min-height:78px;height:auto}
body.marca-2026 .logo{font:700 27px/.9 var(--serif);letter-spacing:-.06em;color:var(--ink)}
body.marca-2026 .logo svg{width:29px;height:29px}
body.marca-2026 nav.menu{margin-left:auto;display:flex;gap:24px;align-items:center}
body.marca-2026 nav.menu a:not(.btn){display:inline-flex;align-items:center;min-height:40px;
  color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}
body.marca-2026 nav.menu a[aria-current=page]{color:var(--green)}
body.marca-2026 .header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
body.marca-2026 .header-actions .entrar{font-size:14px;color:var(--ink)}

body.marca-2026 .btn{border:1px solid var(--green);border-radius:999px;
  background:var(--green);box-shadow:none;color:#fff;font:700 14px/1.25 var(--sans);
  min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;
  white-space:normal}
body.marca-2026 .btn:hover{background:var(--green-d);border-color:var(--green-d);box-shadow:none;color:#fff}
body.marca-2026 .btn.sm{min-height:40px;border-radius:999px;padding:10px 17px;
  box-shadow:none;font-size:13px}
body.marca-2026 .btn.ghost{background:var(--vidro-forte);color:var(--green);
  border-color:var(--vidro-fio);box-shadow:none}
body.marca-2026 .btn.ghost:hover{background:var(--paper2);color:var(--green-d)}
body.marca-2026 .cta-alt a{color:var(--green);font-weight:600}
body.marca-2026 .reassure{color:var(--ink2)}

/* A prévia é uma página aberta no navegador; não há moldura de aparelho. */
body.marca-2026 .hero{background:var(--paper)}
body.marca-2026 .hero .blob{display:none}
body.marca-2026 .hero-grid{gap:clamp(30px,5vw,70px)}
body.marca-2026 .hero-fone-wrap{min-width:0}
body.marca-2026 .fone{width:min(390px,100%);max-width:100%;border:1px solid var(--line);
  border-radius:16px;background:var(--paper2);transform:none;aspect-ratio:9/16;
  box-shadow:0 18px 46px rgba(4,33,28,.12)}
body.marca-2026 .fone::before{content:'Prévia da página';position:absolute;top:0;left:0;right:0;
  height:30px;z-index:3;display:flex;align-items:center;padding:0 13px;
  background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);
  font:600 11px/1 var(--sans);color:var(--ink2);letter-spacing:.02em;
  pointer-events:none}
body.marca-2026 .fone .cam{top:30px}
body.marca-2026 .fone .fone-vivo{top:30px}
body.marca-2026 .fone .fone-demo{top:30px;height:calc(100% - 30px)}
body.marca-2026 .fone .fone-video{top:30px;height:calc(100% - 30px)}
body.marca-2026 .fone-legenda{max-width:42ch;margin-inline:auto}
body.marca-2026 .cam-leg{max-width:390px}
body.marca-2026 .prova-fone{border:1px solid var(--line);border-radius:16px;
  box-shadow:0 12px 30px rgba(4,33,28,.09);background:var(--paper)}
body.marca-2026 .demo-fone,
body.marca-2026.tem-demo .demo-fone{border:1px solid var(--line);border-radius:16px;
  transform:none;box-shadow:0 12px 30px rgba(4,33,28,.09)}
body.marca-2026 .demo-passos li{border-color:var(--line)}
body.marca-2026 .df-bolha:nth-child(2){background:var(--mint)}

/* Fio discreto para conteúdo; vidro só onde a camada realmente flutua. */
body.marca-2026 .band-paper2{background:var(--paper2);border-block:1px solid var(--line)}
body.marca-2026 .band-dark{background:var(--green-d);color:#eff6f2}
body.marca-2026 .band-dark h1,body.marca-2026 .band-dark h2,
body.marca-2026 .band-dark h3,body.marca-2026 .band-dark h4,
body.marca-2026 .band-dark strong{color:#fff}
body.marca-2026 .band-dark .lead,body.marca-2026 .band-dark .tiny{color:#b9d3c9}
body.marca-2026 .band-dark a{color:#61d8c4}
body.marca-2026 .band-dark em{color:#61d8c4}
body.marca-2026 .motivos{grid-template-columns:minmax(0,1fr);max-width:100%}
body.marca-2026 .motivo{min-width:0;overflow-wrap:anywhere}
@media(min-width:760px){
  body.marca-2026 .motivos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
body.marca-2026 .lista,body.marca-2026 .plano,body.marca-2026 details.faq{
  background:var(--paper);border:1px solid var(--line);box-shadow:none;backdrop-filter:none;
  -webkit-backdrop-filter:none;border-radius:12px}
body.marca-2026 .plano.destaque{border-color:var(--green);box-shadow:none;background:var(--paper)}
body.marca-2026 details.faq summary::after{color:var(--green)}
body.marca-2026 .prova-forma input{background:var(--vidro);border:1px solid var(--vidro-fio);
  border-radius:12px;box-shadow:var(--vidro-sombra-rasa)}
body.marca-2026 .quem-atende li{background:var(--vidro-forte);color:var(--ink2);
  border-color:var(--vidro-fio)}
body.marca-2026 .prova-viva{box-shadow:var(--vidro-sombra-rasa)}
body.marca-2026 .barra-cta{background:rgba(255,255,255,.92);border-color:var(--line)}
body.marca-2026 .barra-cta .btn{font-size:13px;padding:9px 12px;white-space:normal}
body.marca-2026 footer.pe{border-color:var(--line)}
body.marca-2026 footer.pe .footer-products{display:flex;flex-wrap:wrap;gap:8px 20px;
  margin:8px 0 18px;font-size:14px}
body.marca-2026 footer.pe .footer-products a{color:var(--green);text-decoration:none}
body.marca-2026 footer.pe .footer-products a:hover{text-decoration:underline}

@media(max-width:900px){
  body.marca-2026 header.topo .wrap{flex-wrap:wrap;gap:8px 16px;padding-block:12px}
  body.marca-2026 nav.menu{order:3;margin:0;width:100%;gap:18px;overflow-x:auto}
  body.marca-2026 .header-actions{margin-left:auto}
}
@media(max-width:599px){
  body.marca-2026 .wrap{padding-inline:16px}
  body.marca-2026 h1{font-size:clamp(38px,10.5vw,58px)}
  body.marca-2026 h2{font-size:clamp(31px,8vw,44px)}
  body.marca-2026 .logo{font-size:23px}
  body.marca-2026 .logo svg{width:25px;height:25px}
  body.marca-2026 nav.menu{justify-content:space-between;gap:10px}
  body.marca-2026 nav.menu a:not(.btn){font-size:13px}
  body.marca-2026 .header-actions .entrar{font-size:12px}
  body.marca-2026 .header-actions .btn.sm{font-size:12px;padding:9px 12px}
  body.marca-2026 .fone{width:100%;aspect-ratio:auto;height:auto;
    border:1px solid var(--line);border-radius:14px;box-shadow:none}
  body.marca-2026 .fone .cam{position:relative;inset:auto;margin-top:30px;height:min(600px,76vh);
    border:0;border-radius:0}
  body.marca-2026 .fone .fone-vivo{position:relative;inset:auto;margin-top:30px;
    max-height:70vh;padding:0}
  body.marca-2026 .fone .fone-demo{position:relative;inset:auto;margin-top:30px;
    height:min(600px,76vh)}
  body.marca-2026 .fone .fone-video{top:30px}
  body.marca-2026.bio-legacy-page .fone:not([data-vivo="1"]){height:min(560px,145vw)}
  body.marca-2026 .prova-forma .btn{width:100%;flex:1 1 100%}
}
@media(max-width:360px){
  body.marca-2026 .header-actions .entrar{display:none}
  body.marca-2026 .barra-cta{gap:8px;padding-inline:10px}
  body.marca-2026 .barra-cta .btn{max-width:48%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  body.marca-2026 .btn{transition:none}
  body.marca-2026 .btn:hover{transform:none}
}