@layer components{.site{background:var(--background);color:var(--foreground);overflow-x:clip}.site-topo{z-index:30;height:72px;transition:background .24s var(--ease-standard), box-shadow .24s var(--ease-standard);align-items:center;gap:16px;padding:0 max(clamp(16px,4vw,40px),50% - 600px + clamp(16px,4vw,40px));display:flex;position:sticky;top:0}.site-topo[data-rolou]{background:color-mix(in oklab, var(--background) 84%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 1px 0 var(--border-subtle)}.site-link{color:var(--text-secondary);border-radius:11px;padding:8px 14px;font-size:15px;font-weight:500;transition:color .16s,background .16s}.site-link:hover{color:var(--foreground);background:var(--surface-muted)}.site-cta{background:var(--surface-inverse);height:42px;color:var(--text-inverse);transition:transform .16s var(--ease-standard), box-shadow .16s;border-radius:13px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.site-cta:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px)}.site-botao{background:var(--primary);height:56px;color:var(--primary-foreground);transition:transform .16s var(--ease-standard), background .16s;border-radius:16px;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:0 8px 22px oklch(53.72% .093 185.14/.28),inset 0 1px oklch(100% 0 0/.16)}.site-botao:hover{background:var(--accent-strong);transform:translateY(-2px)}.site-botao:active{transform:translateY(0)scale(.98)}.site-botao-2{height:56px;color:var(--foreground);box-shadow:inset 0 0 0 1.5px var(--border-strong);border-radius:16px;align-items:center;padding:0 22px;font-size:17px;font-weight:600;transition:background .16s,box-shadow .16s;display:inline-flex}.site-botao-2:hover{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--foreground)}.site-conteudo{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.site-abertura{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:min(720px,100dvh - 72px);padding-top:16px;padding-bottom:40px;display:grid}@media (width<=960px){.site-abertura{grid-template-columns:1fr;padding-top:32px}}.site-chip{background:var(--surface);box-shadow:var(--shadow-floating);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.site-como{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;padding-top:48px;padding-bottom:48px;display:grid}@media (width<=960px){.site-como{grid-template-columns:1fr}}.site-palco{background:radial-gradient(60% 70% at 50% 55%, color-mix(in oklab, var(--menta-200) 60%, transparent), transparent 72%);border-radius:32px;height:480px;position:relative}.site-passo{transition:background .3s var(--ease-standard), box-shadow .3s;border-radius:20px;gap:16px;padding:18px 20px;display:flex}.site-passo[data-on]{background:var(--surface);box-shadow:var(--shadow-raised)}.site-passo-n{background:var(--surface-muted);width:40px;height:40px;color:var(--text-secondary);font:700 16px/1 var(--font-display);border-radius:13px;flex:none;place-items:center;transition:background .3s,color .3s;display:grid}.site-passo[data-on] .site-passo-n{background:var(--primary);color:var(--primary-foreground)}.site-secao{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}.site-moldura{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-floating);border-radius:28px;overflow:hidden}.site-faixa{background:var(--azul-900);color:var(--nevoa-50);border-radius:32px;align-items:flex-start;gap:28px;padding:clamp(32px,5vw,64px);display:flex}@media (width<=640px){.site-faixa{flex-direction:column}}.site-rodape{background:var(--azul-900);color:var(--nevoa-50);flex-wrap:wrap;align-items:center;gap:24px 40px;margin-top:32px;padding:40px max(clamp(16px,4vw,40px),50% - 600px + clamp(16px,4vw,40px));display:flex}.site-rodape nav{margin-left:auto}.site-rodape a:hover{text-decoration:underline}.opcao-diag{background:var(--surface);min-height:112px;box-shadow:inset 0 0 0 1px var(--border), var(--shadow-resting);transition:box-shadow .16s, transform .16s var(--ease-standard), background .16s;border-radius:20px;flex-direction:column;justify-content:center;padding:18px;font-size:15px;display:flex}.opcao-diag:hover{box-shadow:inset 0 0 0 1px var(--border-strong), var(--shadow-raised);transform:translateY(-2px)}.opcao-diag[data-on]{background:var(--surface-brand);box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-raised)}}