/* assets/app.css */ /* ===== Base ===== */ * { -webkit-tap-highlight-color: transparent; } html { scroll-behavior: smooth; } /* ===== Hero glow (fundo premium) ===== */ .hero-glow{ position: absolute; inset: -50px; pointer-events: none; opacity: .9; background: radial-gradient(650px 320px at 12% 10%, rgba(56,189,248,.18), transparent 60%), radial-gradient(520px 260px at 85% 20%, rgba(59,130,246,.14), transparent 60%), radial-gradient(620px 300px at 50% 85%, rgba(16,185,129,.10), transparent 60%); filter: blur(8px); } /* ===== Reveal on scroll ===== */ .reveal{ opacity: 0; transform: translateY(14px); transition: opacity .65s ease, transform .65s ease; } .reveal.is-visible{ opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce){ .reveal{ opacity: 1; transform: none; transition: none; } } /* ===== Hover premium (cards) ===== */ .card-hover{ transition: transform .25s ease, box-shadow .25s ease; } .card-hover:hover{ transform: translateY(-4px); } /* ===== Espaço pro CTA fixo do mobile ===== */ .mobile-cta-space{ padding-bottom: 78px; /* ajuste se mudar a altura do CTA */ } /* ========================================================= Temas customizados (daisyUI) Controlados por: ========================================================= */ /* Padrão Corais (praia / azul sofisticado) */ html[data-theme="corais"]{ --p: 210 90% 45%; --pc: 0 0% 100%; --s: 200 60% 92%; --sc: 210 40% 18%; --a: 170 70% 35%; --ac: 0 0% 100%; --n: 210 25% 12%; --nc: 0 0% 100%; --b1: 0 0% 100%; --bc: 215 25% 15%; --b2: 210 30% 98%; --b3: 210 25% 96%; --in: 205 90% 45%; --inc: 0 0% 100%; --su: 140 55% 42%; --suc: 0 0% 100%; --wa: 38 90% 52%; --wac: 20 40% 15%; --er: 0 75% 55%; --erc: 0 0% 100%; } /* Copa do Mundo (verde/amarelo/azul – seleção) */ html[data-theme="copa"]{ --p: 143 70% 33%; --pc: 0 0% 100%; --s: 48 95% 55%; --sc: 20 40% 15%; --a: 220 90% 52%; --ac: 0 0% 100%; --n: 140 30% 12%; --nc: 0 0% 100%; --b1: 0 0% 100%; --bc: 140 25% 15%; --b2: 60 40% 98%; --b3: 55 35% 96%; --in: 220 90% 52%; --inc: 0 0% 100%; --su: 143 70% 33%; --suc: 0 0% 100%; --wa: 48 95% 55%; --wac: 20 40% 15%; --er: 0 75% 55%; --erc: 0 0% 100%; } /* Réveillon (noite + dourado + branco) */ html[data-theme="reveillon"]{ --p: 42 90% 55%; --pc: 20 40% 15%; --s: 0 0% 100%; --sc: 220 30% 12%; --a: 210 70% 50%; --ac: 0 0% 100%; --n: 220 30% 10%; --nc: 0 0% 100%; --b1: 0 0% 100%; --bc: 220 30% 12%; --b2: 220 25% 98%; --b3: 220 20% 96%; --in: 210 70% 50%; --inc: 0 0% 100%; --su: 160 55% 40%; --suc: 0 0% 100%; --wa: 42 90% 55%; --wac: 20 40% 15%; --er: 0 75% 55%; --erc: 0 0% 100%; }