/* Estilos adicionais ao Tailwind */

html { scroll-behavior: smooth; }
body { padding-bottom: 88px; } /* compensa CTA flutuante mobile */
@media (min-width: 768px) { body { padding-bottom: 0; } }

/* Esconder seta do <summary> padrão */
details > summary::-webkit-details-marker { display: none; }
details > summary { list-style: none; }

/* CTA hover effect extra */
.cta-primary { transition: transform .15s ease, box-shadow .25s ease, filter .2s ease; }
.cta-primary:hover { transform: translateY(-2px); filter: brightness(1.05); }
.cta-primary:active { transform: translateY(0); }

/* Texturas / vinheta nas seções escuras */
.section-grain { position: relative; }
.section-grain::after {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 30% 20%, rgba(255,23,68,.06), transparent 40%),
                    radial-gradient(circle at 70% 80%, rgba(255,215,0,.05), transparent 40%);
  pointer-events: none;
}

/* Aparecer suave ao scrollar */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }

/* Foco visível para acessibilidade */
:focus-visible { outline: 2px solid #ffd700; outline-offset: 2px; border-radius: 6px; }