/* Ajustes feitos no Claude Design (canvas) sobre o style.css original. */
body{margin:0}
a{color:inherit}a:hover{color:#c46644}
.radar-fixo{min-height:736px}
.palco.palco-radar{transition:background-color 450ms ease}
.palco-radar .cena{flex-direction:column;gap:14px}
.radar-letras span{white-space:nowrap}
.fluxo-setas .linha{stroke-dasharray:6 7;animation:fluir 1.1s linear infinite}
@keyframes fluir{to{stroke-dashoffset:-13}}
@media (prefers-reduced-motion: reduce){.fluxo-setas .linha{animation:none}}
@media (max-width:640px){.fluxo-setas{display:none}}
.funil-pontos i.azul,.funil-pontos i.laranja{width:9px;height:9px}
.funil-pontos i.laranja{background:#c46644}
.est-mov{animation-name:estAnda;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes estAnda{from{transform:translateX(0)}to{transform:translateX(var(--p))}}
.est-trilho{animation:estTrilho .75s linear infinite}
@keyframes estTrilho{to{stroke-dashoffset:-12}}
.est-luz{fill:#3a4660;animation:estLuz 1.5s ease-in-out infinite}
@keyframes estLuz{0%,100%{fill:#3a4660;opacity:.35}50%{fill:#c46644;opacity:1}}
@media (prefers-reduced-motion: reduce){.est-mov,.est-trilho,.est-luz{animation:none}}
.cad-linha li{gap:4px;white-space:nowrap;line-height:1.3}
.cad-linha b{margin-bottom:6px}
.cad-fim b svg{width:18px;height:18px}
.cadencia .bolha.curta{margin:0}
.cadencia .cad-pe{margin:0}
.palco-radar .cena:not(.on){display:none}
.palco-radar .cena{gap:18px}
.rotulo-info{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.rotulo-info label{margin-bottom:0}
.info{position:relative;display:inline-flex}
.info-botao{width:22px;height:22px;padding:0;border:0;background:none;color:#586072;cursor:help;display:inline-grid;place-items:center;border-radius:50%}
.info-botao:hover,.info-botao:focus-visible{color:#c46644}
.info-botao svg{width:18px;height:18px}
.info-balao{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:260px;padding:12px 14px;border-radius:12px;background:#242c3f;color:#ffffff;font-size:0.875rem;line-height:1.45;box-shadow:0 12px 24px -12px rgba(36,44,63,.5);opacity:0;visibility:hidden;transition:opacity 160ms ease;z-index:20;pointer-events:none}
.info-balao::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#242c3f}
.info:hover .info-balao,.info:focus-within .info-balao{opacity:1;visibility:visible}
@media (max-width:640px){.info-balao{left:auto;right:-8px;transform:none}.info-balao::after{left:auto;right:12px;transform:none}}
.calc-cards .calc-card.destaque{min-height:0 !important;gap:14px}
.calc-cards .valor-mes{font-size:1.625rem !important;line-height:1.1 !important}
.calc-cards .valor-mes span{font-size:inherit !important;color:inherit !important;font-weight:inherit !important}
.duvidas-grade{grid-template-columns:1fr !important;gap:12px}
.duvida summary{min-height:0;flex-direction:row;align-items:center;gap:24px;padding:22px 28px}
.duvida summary i{flex:none}
.duvida p{padding:0 28px 26px;max-width:760px}
.cartao-final.torre{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:820px;margin:0 auto;padding:clamp(36px,5vw,72px) clamp(24px,5vw,72px)}
.torre .final-esq{display:flex;flex-direction:column;align-items:center}
.torre .selo-garantia{margin:0 auto 28px}
.torre .final-esq p{margin-left:auto;margin-right:auto}
.torre .passos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;width:100%}
.torre .passos li{flex-direction:column;gap:10px;text-align:center;font-size:1rem;line-height:1.4}
.torre-acao{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.btn-agenda{position:relative;display:inline-flex;align-items:center;gap:18px;padding:18px 22px 18px 18px;border-radius:999px;background:linear-gradient(135deg,#d4744f 0%,#c46644 45%,#a9532f 100%);color:#ffffff;text-decoration:none;text-align:left;box-shadow:0 18px 36px -14px rgba(196,102,68,.75),0 2px 0 rgba(255,255,255,.25) inset;transition:transform 220ms cubic-bezier(.16,1,.3,1),box-shadow 220ms}
.btn-agenda::before{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgba(196,102,68,.45);animation:agendaHalo 2.4s ease-out infinite;pointer-events:none}
@keyframes agendaHalo{0%{transform:scale(.98);opacity:.9}70%{transform:scale(1.08);opacity:0}100%{transform:scale(1.08);opacity:0}}
.btn-agenda:hover{transform:translateY(-3px);box-shadow:0 26px 44px -16px rgba(196,102,68,.85),0 2px 0 rgba(255,255,255,.25) inset}
.btn-agenda:active{transform:translateY(0)}
a.btn-agenda:hover,a.btn-agenda:focus-visible,a.btn-agenda:active{color:#ffffff}
.btn-agenda:focus-visible{outline:3px solid #242c3f;outline-offset:6px}
.btn-agenda-ico{width:58px;height:58px;flex:none;border-radius:50%;background:#ffffff;color:#c46644;display:grid;place-items:center}
.btn-agenda-ico svg{width:28px;height:28px}
.btn-agenda-txt{display:flex;flex-direction:column;gap:2px}
.btn-agenda-txt b{font-family:"Mattone","Proxima Nova",sans-serif;font-size:1.375rem;line-height:1.15;font-weight:600}
.btn-agenda-txt small{font-size:0.9375rem;opacity:.92}
.btn-agenda-seta{width:44px;height:44px;flex:none;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;transition:transform 220ms cubic-bezier(.16,1,.3,1)}
.btn-agenda-seta svg{width:22px;height:22px}
.btn-agenda:hover .btn-agenda-seta{transform:translateX(4px)}
.torre-nota{font-size:0.9375rem !important;color:#586072;margin:0 !important}
@media (prefers-reduced-motion: reduce){.btn-agenda::before{animation:none;opacity:0}}
@media (max-width:640px){.torre .passos{grid-template-columns:1fr}.btn-agenda{gap:12px;padding:14px 16px 14px 14px}.btn-agenda-ico{width:46px;height:46px}.btn-agenda-txt b{font-size:1.125rem}.btn-agenda-seta{display:none}}
.btn-hero{animation:heroFlutua 3.2s ease-in-out infinite}
@keyframes heroFlutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.btn-hero svg{animation:heroSeta 1.6s ease-in-out infinite}
@keyframes heroSeta{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}
.btn-hero:hover{animation-play-state:paused}
.btn-hero:hover svg{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.btn-hero,.btn-hero svg{animation:none}}
.letra-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;width:100%}
.letra-btn:focus-visible{outline:3px solid #c46644;outline-offset:4px;border-radius:12px}
.letra-btn b{transition:transform 200ms cubic-bezier(.16,1,.3,1)}
.letra-btn:hover b{transform:translateY(-3px)}
#agendar.secao{padding:clamp(56px,7vw,96px) 0}
.cartao-final.torre{padding:clamp(28px,3.5vw,48px) clamp(24px,4vw,56px) !important}
.torre .selo-garantia{width:104px;height:104px;margin:0 auto 18px}
.torre .selo-centro svg{width:38px;height:30px}
.torre .final-esq p{margin-top:10px}
.torre .passos{margin-top:22px !important;gap:14px !important}
.torre-acao{margin-top:28px !important;gap:10px !important}
.palco.palco-radar{position:relative}
.radar-seta{position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:0;background:#242c3f;color:#ffffff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 20px -10px rgba(36,44,63,.6);transition:transform 200ms cubic-bezier(.16,1,.3,1),opacity 200ms}
.radar-seta svg{width:22px;height:22px}
.radar-seta-ant{left:-24px}
.radar-seta-prox{right:-24px}
.radar-seta:hover:not(:disabled){transform:scale(1.08)}
.radar-seta:focus-visible{outline:3px solid #c46644;outline-offset:3px}
.radar-seta:disabled{opacity:.25;cursor:default;box-shadow:none}
@media (max-width:640px){.radar-seta{width:40px;height:40px;margin-top:-20px}.radar-seta-ant{left:-10px}.radar-seta-prox{right:-10px}}
.etapa-selo{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:1.1875rem;font-weight:700;letter-spacing:0.01em;line-height:1.2}
.palco.palco-radar.etapa-1{background:#f5f1eb}
.radar-letras li[data-l="1"].feita b,.radar-letras li[data-l="1"].atual b{background:#efe4d6;border-color:#d9c9b4;color:#242c3f}
.radar-letras li[data-l="1"].atual span{color:#242c3f}
.palco.palco-radar.etapa-2{background:#f6ebe2}
.radar-letras li[data-l="2"].feita b,.radar-letras li[data-l="2"].atual b{background:#ebcbb3;border-color:#ebcbb3;color:#242c3f}
.radar-letras li[data-l="2"].atual span{color:#242c3f}
.palco.palco-radar.etapa-3{background:#f7e4d8}
.radar-letras li[data-l="3"].feita b,.radar-letras li[data-l="3"].atual b{background:#e2a888;border-color:#e2a888;color:#242c3f}
.radar-letras li[data-l="3"].atual span{color:#242c3f}
.palco.palco-radar.etapa-4{background:#f8dccd}
.radar-letras li[data-l="4"].feita b,.radar-letras li[data-l="4"].atual b{background:#d4835f;border-color:#d4835f;color:#242c3f}
.radar-letras li[data-l="4"].atual span{color:#242c3f}
.palco.palco-radar.etapa-5{background:#f7d2bf}
.radar-letras li[data-l="5"].feita b,.radar-letras li[data-l="5"].atual b{background:#c46644;border-color:#c46644;color:#ffffff}
.radar-letras li[data-l="5"].atual span{color:#242c3f}
.so-mob{display:none}
@media (max-width:640px){.so-desk{display:none !important}.so-mob{display:inline !important}.lead,.credenciais dd{max-width:none !important;font-size:1.0625rem}}
@media (max-width:339px){.btn-agenda-txt b,.btn-agenda-txt small{white-space:normal !important}}
/* ===== Revisão mobile (só celular) ===== */
@media (max-width:640px){
.dores-rotulo{display:flex !important;width:fit-content;max-width:100%;box-sizing:border-box;font-size:0.6875rem !important;letter-spacing:0.02em !important;line-height:1.35;white-space:nowrap;padding:10px 14px 10px 12px !important;gap:8px !important;margin-top:28px !important}
.dores-rotulo svg{width:16px !important;height:16px !important}
section[aria-labelledby="dor-titulo"] .duas{display:flex !important;flex-direction:column;gap:56px}
section[aria-labelledby="dor-titulo"].secao{padding-bottom:20px !important}
section[aria-labelledby="dor-titulo"] .historia{margin-bottom:0 !important}
section[aria-labelledby="dor-titulo"] + .radar-secao .radar-fixo{padding-top:32px !important}
section[aria-labelledby="dor-titulo"] .aparelho-fone{order:-1;margin-bottom:8px !important;align-self:center;zoom:0.8}
.topo{display:none !important}
.wrap{padding-left:24px !important;padding-right:24px !important}
.secao{padding:60px 0 !important}
.hero{padding:24px 0 56px !important}
.confiam{padding-top:8px !important;padding-bottom:12px !important}
.hero-micro{line-height:1.5 !important;margin-top:20px}
#agendar.secao{padding:52px 0 !important}
.radar-fixo{min-height:0 !important;padding:52px 0 40px !important}
h1{font-size:1.75rem !important;line-height:1.14}
h2{font-size:1.5rem !important;line-height:1.18}
.hero-sub{font-size:1.0625rem !important;line-height:1.55;margin-top:18px}
.hero-sub-extra{display:none}
.logo-hero{margin-bottom:28px !important}
.logo-hero svg{width:220px !important}
.regua-mini{margin-bottom:40px !important}
.hero h1{margin-top:0}
.hero-acoes{margin-top:28px}
.btn-hero{font-size:0.9375rem;padding:0 20px;min-height:52px;white-space:nowrap;gap:10px}
.btn-hero svg{width:18px;height:18px}
.confiam .rotulo-centro{font-size:1.5rem !important;margin-bottom:8px}
.confiam .marquee-trilho{gap:12px !important;padding:8px 0 20px !important}
.cliente{min-width:0 !important;width:272px;flex:none;padding:14px 16px 14px 14px !important;gap:12px !important;border-radius:20px !important}
.cliente .mono{width:48px !important;height:48px !important;border-radius:12px !important}
.cliente .mono img{width:48px;height:48px}
.cliente b{font-size:1rem !important}
.cliente small{font-size:0.8125rem !important;line-height:1.4 !important}
.radar-sub{width:auto !important;max-width:100% !important;font-size:1rem}
.radar-letras{margin:18px 0 20px !important;gap:6px}
.palco.palco-radar{padding:20px 16px 24px !important;min-height:0 !important}
.palco-radar .cena{gap:16px !important}
.etapa-selo{font-size:0.875rem !important;padding:7px 12px !important;max-width:calc(100% - 96px);white-space:nowrap}
.radar-seta{top:20px !important;margin-top:0 !important;width:34px !important;height:34px !important}
.radar-seta svg{width:16px;height:16px}
.radar-seta-ant{left:12px !important}.radar-seta-prox{right:12px !important}
.canais ul{width:100% !important;max-width:280px}
.canais ul li[style*="height: 40px"]{height:36px !important;font-size:0.875rem !important}
.canais > div{flex:1 1 100% !important;max-width:100% !important;margin-top:16px;padding:20px 16px !important}
.est + div p{font-size:0.75rem !important}
.cadencia{gap:20px !important}
.cad-linha li{font-size:0.75rem}
.resultado-cena > div > div{flex:1 1 100% !important}
.rel-linhas dt{font-size:0.875rem}
.cartao-calc{padding:28px 20px !important}
.calc-campos{align-items:end;gap:14px !important}
.calc-card.destaque{padding:20px !important}
.calc-cards .valor-mes{font-size:1.375rem !important}
.cracha{max-width:320px;margin:0 auto !important}
.cartao-final.torre{padding:32px 20px 36px !important}
.torre .final-esq p{max-width:30ch}
.cartao-final.torre{justify-items:stretch !important}
.torre .final-esq{width:100%;min-width:0;box-sizing:border-box}
.btn-agenda::before{inset:-4px}
.torre .selo-garantia{width:88px !important;height:88px !important;margin-bottom:14px !important}
.torre .selo-centro svg{width:32px;height:26px}
.torre .final-esq p{font-size:1.0625rem}
.btn-agenda{width:100%;box-sizing:border-box;gap:10px !important;padding:10px 14px 10px 10px !important}
.btn-agenda-ico{width:38px !important;height:38px !important}
.btn-agenda-ico svg{width:20px;height:20px}
.btn-agenda-txt{min-width:0}
.btn-agenda-txt b{font-size:clamp(0.75rem, 4vw, 0.9375rem) !important;white-space:nowrap}
.btn-agenda-txt small{font-size:clamp(0.625rem, 3.15vw, 0.75rem) !important;white-space:nowrap}
.cartao-final.torre{padding-left:clamp(14px, 5vw, 20px) !important;padding-right:clamp(14px, 5vw, 20px) !important}
.btn-agenda{padding-right:clamp(10px, 3.5vw, 14px) !important}
.rodape{padding:48px 0 24px !important}
.rodape-frase{width:auto !important;font-size:0.875rem !important;line-height:1.35 !important;max-width:30ch !important;padding:0 24px;margin-top:12px !important}
.calc-ano{grid-template-columns:1fr auto;column-gap:16px}
.rodape-marca{width:auto !important;height:auto !important;padding:32px 24px 0 !important}
.rodape-base{justify-content:center;margin-top:20px}
}
/* ===== Escala tipográfica do celular: 28 título · 24 seção · 18 subtítulo · 16 texto · 14 apoio · 12 legenda ===== */
@media (max-width:640px){
body{font-size:1rem}
.hero-sub{font-size:1.0625rem !important}
.hero-micro{font-size:0.875rem !important}
.lead,.lead *,.duas-texto .lead{font-size:1rem !important}
.confiam .rotulo-centro{font-size:1.375rem !important}
.pre-titulo{font-size:0.75rem !important;letter-spacing:0.1em}
.radar-sub{font-size:0.9375rem !important}
.dores li,.dores li b,.dores li span{font-size:1rem !important;line-height:1.5}
.historia-fecho{font-size:1.125rem !important;line-height:1.35}
.legenda-t,.legenda-t span{font-size:1.125rem !important;line-height:1.35}
.legenda-s,.legenda-s span{font-size:1rem !important;line-height:1.5}
.legenda-pratica li{font-size:0.8125rem !important}
.rel-cab b{font-size:1rem !important}
.rel-linhas dt{font-size:0.875rem !important}
.rel-linhas dd{font-size:1rem !important}
.rel-pe{font-size:0.8125rem !important}
.canais-pe{font-size:0.9375rem !important}
.cad-pe,.cad-pe b{font-size:0.9375rem !important}
.cad-pe b{font-size:1.125rem !important}
.calc-sub{font-size:1rem !important}
.campo label{font-size:0.875rem !important}
.entrada input{font-size:1.125rem !important}
.calc-card.destaque > span{font-size:0.9375rem !important}
.calc-cards .valor-mes{font-size:1.375rem !important}
.regua-conta{font-size:0.9375rem !important}
.regua-conta b{font-size:1.125rem !important}
.calc-ano dt{font-size:0.875rem !important;line-height:1.4}
.calc-ano dd,.calc-ano dd span{font-size:1.0625rem !important}
.cracha figcaption b{font-size:1.125rem !important}
.cracha figcaption span{font-size:0.875rem !important}
.credenciais dt{font-size:1.0625rem !important}
.credenciais dd,.credenciais dd span{font-size:0.9375rem !important}
.torre .final-esq p,.torre .final-esq p span{font-size:1rem !important}
.rodape-base{font-size:0.8125rem !important}
}
.palco.palco-radar{touch-action:pan-y}
.confiam .marquee{touch-action:pan-y}
/* ===== Ritmo das seções no celular: faixas alternadas branco/areia, respiro de 56px ===== */
@media (max-width:640px){
.hero{padding:24px 0 40px !important}
.confiam{padding-top:0 !important;padding-bottom:48px !important}
section[aria-labelledby="dor-titulo"].secao{background:#f5f1eb;padding:56px 0 !important}
section[aria-labelledby="dor-titulo"] .dores li{border-bottom-color:#e4ddd2}
.radar-secao{background:#ffffff}
.radar-fixo{padding:56px 0 !important}
section[aria-labelledby="dor-titulo"] + .radar-secao .radar-fixo{padding-top:56px !important}
#calculadora.secao{background:#f5f1eb;height:auto !important;padding:56px 0 !important}
#calculadora .cartao-calc{background:#ffffff;box-shadow:0 18px 36px -24px rgba(36,44,63,.25)}
#calculadora .entrada{background:#f5f1eb}
section[aria-labelledby="renato-titulo"].secao{background:#f5f1eb;padding:56px 0 !important}
#agendar.secao{background:#ffffff;padding:56px 0 !important}
#agendar .cartao-final.torre{background:#f5f1eb;box-shadow:none}
.rodape{padding:48px 0 28px !important;border-top:0}
}
/* Calculadora oculta por enquanto (desktop e celular) — apagar esta linha para voltar a exibir */
#calculadora{display:none !important}
.voltar-topo-wrap{display:flex;justify-content:center;margin-top:20px}
.voltar-topo{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #e4ddd2;color:#586072;font-size:0.875rem;font-weight:700;text-decoration:none;transition:background-color 200ms,color 200ms,border-color 200ms}
.voltar-topo svg{width:16px;height:16px;transition:transform 200ms cubic-bezier(.16,1,.3,1)}
a.voltar-topo:hover,a.voltar-topo:focus-visible{background:#242c3f;border-color:#242c3f;color:#ffffff}
.voltar-topo:hover svg{transform:translateY(-2px)}
@media (max-width:640px){.voltar-topo-wrap{margin-top:16px}.voltar-topo{font-size:0.8125rem;padding:9px 14px}}
@media (max-width:640px){.etapa-selo .selo-num{display:none}}
/* Casa do topo: janelas acendendo (substitui a régua mini) */
.casa-hero{width:min(100%,460px);margin:0 auto 32px}
.casa-hero svg{display:block;width:100%;height:auto;overflow:visible}
.jan{fill:#4a5570;stroke:#242c3f;stroke-width:1.1;transition:fill 700ms ease,stroke 700ms ease}
.jan.acesa{fill:#f7c46f;stroke:#b8673f;filter:drop-shadow(0 0 3px rgba(247,196,111,.85))}
.casa-legendas{display:grid;justify-items:center;margin:10px 0 0}
.casa-legenda{grid-area:1/1;font-size:0.8125rem;font-weight:700;letter-spacing:0.02em;color:#586072;transition:opacity 500ms ease}
.casa-legenda b{color:#242c3f}
.casa-legenda.some{opacity:0}
.casa-legenda.casa-cheia{color:#c46644;opacity:0}
.casa-legenda.casa-cheia.on{opacity:1}
@media (prefers-reduced-motion: reduce){.jan,.casa-legenda{transition:none}}
@media (max-width:640px){.casa-hero{width:min(100%,340px);margin-bottom:24px}}
/* Barra do topo vazia (sem selo e sem links): oculta em todas as telas */
.topo{display:none !important}
html{scroll-padding-top:16px !important}
.casarao-hero{width:min(100%,540px);margin:0 auto 28px}
@media (max-width:640px){.casarao-hero{margin-bottom:20px}}
/* ===== Lote de ajustes 10/10 ===== */
.fluxo-setas-mob,.funil-pontos-mob{display:none}
/* CTA de agendamento com identidade própria */
.cartao-final.torre{background:#242c3f !important;color:#ffffff;box-shadow:0 30px 60px -30px rgba(36,44,63,.55) !important}
.cartao-final.torre::before{opacity:.22}
.torre h2{color:#ffffff}
.torre .final-esq p,.torre .final-esq p span{color:#c9cfdb}
.torre .torre-nota{color:#aab2c4 !important}
.torre .aneis circle:nth-child(3){fill:#3a4660}
.torre-rotulo{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px !important;padding:6px 14px;border-radius:999px;background:rgba(196,102,68,.18);color:#f2b48f !important;font-size:0.75rem !important;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.torre .final-esq p.torre-rotulo{font-size:0.6875rem !important;line-height:1.2;white-space:nowrap;max-width:none}
.torre-rotulo::before{content:"";width:6px;height:6px;border-radius:50%;background:#c46644}
/* Desktop: topo compacto, botão na primeira dobra */
@media (min-width:641px){
.hero{padding-top:28px !important;padding-bottom:72px !important}
.logo-hero{margin-bottom:18px !important}
.logo-hero svg{width:230px !important}
.casarao-hero{width:min(100%,640px) !important;margin-bottom:18px !important}
.hero h1{font-size:3.25rem !important;line-height:1.06;max-width:1000px;margin-left:auto;margin-right:auto}
.hero-sub{font-size:1.125rem !important;max-width:640px !important;margin-top:16px !important}
.hero-acoes{margin-top:24px !important}
}
/* H1 do topo em caixa alta, fonte menor */
.hero h1{text-transform:uppercase;letter-spacing:.02em}
@media (min-width:641px){.hero h1{font-size:2.5rem !important;line-height:1.12;max-width:920px}}
@media (max-width:640px){.hero h1{font-size:1.4375rem !important;line-height:1.2;max-width:none}}
/* Celular */
@media (max-width:640px){
#agendar .cartao-final.torre{background:#242c3f !important;box-shadow:0 24px 48px -28px rgba(36,44,63,.5) !important}
section[aria-labelledby="renato-titulo"] .duas{display:flex !important;flex-direction:column;gap:24px}
section[aria-labelledby="renato-titulo"] .duas-texto{display:contents}
section[aria-labelledby="renato-titulo"] h2{order:1}
section[aria-labelledby="renato-titulo"] .cracha{order:2}
section[aria-labelledby="renato-titulo"] .credenciais{order:3;margin-top:0 !important}
section[aria-labelledby="renato-titulo"] .lead{display:none !important}
section[aria-labelledby="renato-titulo"].secao{padding-top:44px !important}
.radar-fixo{padding-bottom:28px !important}
.legenda{margin-top:20px !important;min-height:0 !important}
.canais{flex-wrap:nowrap !important;align-items:center !important;gap:0 !important}
.canais ul{width:118px !important;flex:none !important;gap:6px !important;max-width:none !important}
.canais ul li[style*="height: 22px"]{height:14px !important;font-size:0.5625rem !important;letter-spacing:0.06em !important}
.canais ul li[style*="height: 40px"]{height:26px !important;padding:0 7px !important;font-size:0.625rem !important}
.fluxo-setas-mob{display:block;flex:none}
.canais > div{flex:1 1 0 !important;min-width:0;max-width:none !important;margin-top:0 !important;padding:14px 8px !important;gap:10px !important}
.canais > div > span{font-size:0.5625rem !important;letter-spacing:0.06em !important}
.canais .funil-pontos{display:none !important}
.funil-pontos-mob{display:grid;grid-template-columns:repeat(10,7px);gap:5px;justify-content:center}
.funil-pontos-mob i{width:7px;height:7px;border-radius:50%;background:#3a4660}
.funil-pontos-mob i.laranja{background:#c46644}
.canais .canais-pe{font-size:0.6875rem !important;line-height:1.3}
.canais .canais-pe b{font-size:1.125rem !important}
.cadencia .bolha.curta{font-size:0.875rem;line-height:1.45}
.cadencia .cad-pe{width:auto !important;max-width:100%}
}
@media (hover:hover) and (pointer:fine){.palco.palco-radar{cursor:grab;user-select:none;-webkit-user-select:none}.palco.palco-radar.arrastando{cursor:grabbing}}
/* RADAR: card jogado para os lados */
@keyframes cenaEntraDir{from{opacity:0;transform:translateX(22%) scale(.9) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes cenaEntraEsq{from{opacity:0;transform:translateX(-22%) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}
.palco-radar .cena.entra-dir{animation:cenaEntraDir 420ms cubic-bezier(.16,1,.3,1)}
.palco-radar .cena.entra-esq{animation:cenaEntraEsq 420ms cubic-bezier(.16,1,.3,1)}
.palco-radar .cena{will-change:transform}
.palco.palco-radar{touch-action:pan-y}
@media (prefers-reduced-motion: reduce){.palco-radar .cena.entra-dir,.palco-radar .cena.entra-esq{animation:none}}
/* ===== RADAR em pilha de cards ===== */
.palco.palco-radar{background:transparent !important;box-shadow:none !important;padding:0 0 34px !important;min-height:0 !important;display:grid !important;grid-template-rows:1fr !important}
.palco-radar .cena{display:flex !important;flex-direction:column;justify-content:flex-start !important;grid-row:1 !important;grid-column:1 !important;align-self:stretch;position:relative !important;inset:auto !important;top:auto !important;border-radius:28px;padding:clamp(20px,2.6vw,32px) clamp(24px,4vw,56px);box-shadow:0 22px 44px -28px rgba(36,44,63,.38),0 2px 6px -2px rgba(36,44,63,.06);transform-origin:50% 100%;transition:transform 480ms cubic-bezier(.16,1,.3,1),opacity 380ms ease;pointer-events:none}
.palco-radar .cena[data-cena="1"]{background:#f5f1eb}
.palco-radar .cena[data-cena="2"]{background:#f6ebe2}
.palco-radar .cena[data-cena="3"]{background:#f7e4d8}
.palco-radar .cena[data-cena="4"]{background:#f8dccd}
.palco-radar .cena[data-cena="5"]{background:#f7d2bf}
.palco-radar .cena.pos-0{z-index:5;opacity:1;transform:none;pointer-events:auto}
.palco-radar .cena.pos-1{z-index:4;opacity:1;transform:translateY(16px) scale(.95)}
.palco-radar .cena.pos-2{z-index:3;opacity:1;transform:translateY(30px) scale(.9)}
.palco-radar .cena.pos-3,.palco-radar .cena.pos-4{z-index:1;opacity:0;transform:translateY(30px) scale(.86)}
.palco-radar .radar-seta{z-index:10}
@media (max-width:640px){
.palco.palco-radar{padding:0 0 24px !important}
.palco-radar .cena{padding:20px 16px 24px !important;border-radius:24px}
.palco-radar .cena.pos-1{transform:translateY(11px) scale(.95)}
.palco-radar .cena.pos-2{transform:translateY(20px) scale(.9)}
.palco-radar .cena.pos-3,.palco-radar .cena.pos-4{transform:translateY(20px) scale(.86)}
}
@media (prefers-reduced-motion: reduce){.palco-radar .cena{transition:none}}
/* conteúdo de cada card centralizado na vertical; o selo da etapa fica no topo */
.palco-radar .cena > :not(.etapa-selo){margin-top:auto !important;margin-bottom:auto !important}
/* ===== Primeira dobra: gradiente branco ↔ creme em vaivém ===== */
.primeira-dobra{position:relative;isolation:isolate;overflow:hidden;
background:linear-gradient(180deg,#ffffff 0%,#f5f1eb 25%,#ffffff 50%,#f5f1eb 75%,#ffffff 100%);
background-size:100% 260%;animation:dobraVaivem 4.5s ease-in-out infinite alternate}
@keyframes dobraVaivem{from{background-position:50% 0%}to{background-position:50% 100%}}
.primeira-dobra::before{content:"";position:absolute;inset:-15%;z-index:-1;pointer-events:none;
background:radial-gradient(42% 34% at 22% 30%,rgba(239,231,220,.95) 0%,rgba(245,241,235,0) 70%),
radial-gradient(40% 32% at 80% 62%,rgba(239,231,220,.9) 0%,rgba(245,241,235,0) 70%);
animation:dobraManchas 4.5s ease-in-out infinite alternate;will-change:transform}
@keyframes dobraManchas{from{transform:translate3d(-10%,-4%,0) scale(1)}to{transform:translate3d(10%,5%,0) scale(1.1)}}
.primeira-dobra .hero,.primeira-dobra .confiam{background:transparent !important}
/* emendas: no desktop a seção seguinte é branca; no celular, creme */
.primeira-dobra::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff)}
@media (max-width:640px){
.primeira-dobra::before{inset:-20%}
.primeira-dobra::after{background:linear-gradient(180deg,rgba(245,241,235,0),#f5f1eb)}
}
@media (prefers-reduced-motion: reduce){.primeira-dobra,.primeira-dobra::before{animation:none}}