/* Apresentação pública: cores da marca independentes do tema da conta. */
.apresentacao { --ap-bg:#14130f; --ap-ink:#efe9dc; --ap-muted:#b8b2a5; --ap-green:#5fbf97; width:min(1180px,100%);margin:auto;padding:24px 36px 20px;color:var(--ap-ink);background:var(--ap-bg); }
body.na-apresentacao {background:#14130f;}
.ap-nav,.ap-footer,.ap-marca {display:flex;align-items:center;}
.ap-nav {justify-content:space-between;gap:20px;margin-bottom:46px;}
.ap-marca {gap:10px;font-family:Literata,Georgia,serif;font-size:25px;font-weight:650;text-decoration:none;color:var(--ap-ink);}
.ap-marca img {display:block;border-radius:5px;}
.ap-link,.ap-login {border:0;background:none;color:var(--ap-green);font:inherit;cursor:pointer;min-height:44px;padding:8px 0;}
.ap-link {padding:8px 12px;}
.ap-hero {display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.ap-texto h1 {font-size:clamp(36px,4.6vw,58px);line-height:1.13;letter-spacing:-.025em;}
.ap-descricao {font-size:20px;line-height:1.5;margin:25px 0 28px;max-width:500px;}
.ap-cta {display:flex;align-items:center;justify-content:center;gap:25px;min-height:56px;padding:14px 28px;border:0;border-radius:12px;background:var(--ap-green);color:#0f1a15;font:inherit;font-size:19px;font-weight:750;cursor:pointer;}
.ap-login {display:block;text-decoration:underline;text-underline-offset:4px;margin-top:8px;}
.ap-dispositivos {color:var(--ap-muted);font-size:14px;margin-top:30px;}
.ap-telas {display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:5px;}
.ap-telefone {margin:0;width:52%;min-width:0;}
.ap-pdf {width:43%;margin-top:70px;}
.ap-visor {border:6px solid #262721;border-radius:30px;overflow:hidden;background:#f3effa;box-shadow:0 16px 40px #0006;aspect-ratio:658/1398;}
.ap-visor img {display:block;width:100%;height:auto;margin-top:-9.1%;} 
.ap-telefone figcaption {font-size:12px;text-align:center;color:var(--ap-muted);margin-top:12px;}
.ap-beneficios {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;}
.ap-cartao {display:flex;align-items:flex-start;gap:18px;padding:22px;border:1px solid #322f27;border-radius:14px;background:#171610;}
.ap-icone {display:flex;align-items:center;justify-content:center;flex:none;width:55px;height:55px;background:#223227;border-radius:12px;color:var(--ap-green);font-size:34px;}
.ap-icone svg {width:32px;height:32px;}
.ap-cartao h2,.ap-extras h2 {font-family:Literata,Georgia,serif;font-size:21px;font-weight:550;line-height:1.25;margin:0 0 8px;}
.ap-cartao p,.ap-extras p {margin:0;color:var(--ap-muted);line-height:1.5;}
.ap-extras {display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px;padding:24px;border:1px solid #322f27;border-radius:14px;}
.ap-extras h2 {font-size:19px;}
.ap-limites {grid-column:1/-1;font-size:13px;}
.ap-extras a {color:var(--ap-green);}
.ap-footer {justify-content:space-between;gap:20px;border-top:1px solid #322f27;margin-top:28px;padding-top:20px;}
.ap-footer .ap-marca {font-size:18px;}
.ap-footer small {font:13px Figtree,system-ui,sans-serif;color:var(--ap-muted);margin-left:12px;}
.ap-footer>div {display:flex;gap:20px;flex-wrap:wrap;}
.ap-footer a {color:var(--ap-muted);font-size:13px;text-underline-offset:3px;}
.apresentacao button:focus-visible,.apresentacao a:focus-visible {outline:3px solid var(--ap-green);outline-offset:5px;}
.ap-voltar {align-self:flex-start;}
@media(max-width:700px){
.apresentacao{padding:20px 20px 28px}.ap-nav{margin-bottom:28px}.ap-marca{font-size:23px}
.ap-hero{grid-template-columns:1fr;gap:28px}.ap-texto h1{font-size:clamp(34px,8.5vw,46px)}
.ap-descricao{font-size:18px;margin:20px 0 24px}.ap-cta{width:100%}.ap-login{margin:12px auto 0}.ap-dispositivos{text-align:center;margin-top:20px}
.ap-telas{max-width:480px;margin:auto;gap:10px}.ap-visor{border-width:4px;border-radius:24px}
.ap-pdf{margin-top:35px}.ap-beneficios{grid-template-columns:1fr;margin-top:30px}.ap-cartao{padding:19px;gap:15px}.ap-cartao h2{font-size:20px}
.ap-extras{grid-template-columns:1fr;padding:20px;gap:22px}.ap-footer{flex-direction:column;align-items:flex-start}.ap-footer>div{gap:16px}
}
@media(prefers-reduced-motion:no-preference){.ap-cta{transition:background .15s,transform .15s}.ap-cta:hover{background:#75d1aa;transform:translateY(-1px)}}