
:root{--pitaya:#FF007A;--pitaya-esc:#A3004F;--pitaya-cl:#FFE1EE;--acai:#2B0B3A;--acai-m:#6D5872;--fundo:#FFF6F9;--linha:#F0D7E2;--noite:#12051A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--acai);font:17px/1.6 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--pitaya-esc)}
img{max-width:100%}
.topo{position:sticky;top:0;z-index:5;background:rgba(255,246,249,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.topo .in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:14px max(20px,env(safe-area-inset-left))}
.topo img{height:28px;width:auto;display:block}
.topo nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.topo nav a{color:var(--acai);text-decoration:none;font-weight:700;font-size:15px}
.topo nav a[aria-current]{color:var(--pitaya-esc)}
.heroi{background:var(--noite);color:#fff}
.heroi .in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 20px}
.heroi h1{font:italic 800 clamp(36px,6vw,60px)/1.02 Sora,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
.heroi p{color:#E6D3EA;font-size:19px;max-width:30em;margin:0 0 28px}
.heroi .foto{border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-height:560px}
.heroi .foto img{width:100%;height:100%;object-fit:cover;object-position:right}
.botao{display:inline-block;background:var(--pitaya);color:#fff;font-weight:800;text-decoration:none;padding:15px 26px;border-radius:16px;box-shadow:0 4px 0 var(--pitaya-esc)}
.blocos{max-width:1080px;margin:0 auto;padding:56px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bloco{background:#fff;border:1px solid var(--linha);border-radius:22px;padding:24px}
.bloco h3{font:800 20px/1.2 Sora,system-ui,sans-serif;margin:0 0 8px}
.bloco p{margin:0;color:var(--acai-m);font-size:16px}
.texto{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.texto h1{font:800 clamp(30px,5vw,42px)/1.1 Sora,system-ui,sans-serif;letter-spacing:-.01em;margin:0 0 8px;text-wrap:balance}
.texto .vig{color:var(--acai-m);font-size:15px;margin:0 0 32px}
.texto h2{font:800 22px/1.25 Sora,system-ui,sans-serif;margin:40px 0 10px;text-wrap:balance}
.texto h3{font:700 18px/1.3 Figtree,system-ui,sans-serif;margin:24px 0 6px}
.texto li{margin:6px 0}
.caixa{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:18px 20px;margin:20px 0}
.tabela{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;border-radius:14px;overflow:hidden}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--linha)}
th{background:var(--pitaya-cl);font-weight:800}
details{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px 18px;margin:10px 0}
summary{font-weight:800;cursor:pointer}
.rodape{background:var(--noite);color:#CBB9D0;font-size:14px}
.rodape .in{max-width:1080px;margin:0 auto;padding:32px 20px;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.rodape a{color:#fff}
@media (max-width:820px){.heroi .in{grid-template-columns:1fr;padding:40px 20px}.heroi .foto{max-height:420px}.blocos{grid-template-columns:1fr}.topo nav{gap:12px}.topo nav a{font-size:14px}}
