/* ============================================================
   Estilos que NÃO podem ser Tailwind (pseudo-selectors, keyframes)
   Tudo que pode ser Tailwind está no JS (cf7-tailwind.js)
   ============================================================ */

/* Scroll suave para links âncora do menu */
html {
    scroll-behavior: smooth;
}

/* Offset para compensar o header sticky ao saltar para âncoras */
[id] {
    scroll-margin-top: 90px;
}

/* CF7: esconde mensagem padrão (usamos modal JS) */
.cf7-styled .wpcf7-response-output {
    display: none !important;
}

/* CF7: spinner */
.cf7-styled .wpcf7-spinner {
    margin: 0.5rem auto;
    display: block;
}

/* ============================================================
   Keyframes (animações)
   ============================================================ */

@keyframes lightboxFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes lightboxFadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes formModalSlideUp {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ============================================================
   Vídeos
   ============================================================ */

.grid video {
    pointer-events: none;
}

#cascodeouro-lightbox video {
    outline: none;
    border-radius: 0.5rem;
}

#cascodeouro-lightbox video::-webkit-media-controls-panel {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}