/* ========================================================== * Desafio B (R$147) — custom styles * Mínimo absoluto. Tudo que o Tailwind não dá. * ========================================================== */ /* DELAYED REVEAL — sagrado. * Definido também inline no pra evitar FOUC, repetido aqui pra robustez. */ .esconder { display: none !important; } /* Animação fade-up nas seções reveladas (suave, não chamativa) */ .revelado .reveal-anim { animation: fadeUp 0.5s ease-out both; } @keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } /* Smooth scroll global (CTA âncoras + reveal scroll) */ html { scroll-behavior: smooth; } /* Override leve do Vturb (evita CLS quando o player carrega) */ #vturb-wrapper { min-height: 200px; } /* Carrossel mobile horizontal: scrollbar discreta */ .snap-x::-webkit-scrollbar { height: 4px; } .snap-x::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 2px; } /* Sticky CTA mobile: respeita safe area do iPhone */ #sticky-cta { padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)); } /* Garantia: nenhum hover state esconde conteúdo no mobile */ @media (hover: none) { .hover\:brightness-110:hover { filter: none; } } /* Fonte responsiva pra headlines (clamp opcional, mas Tailwind já cobre via breakpoints) */