/* ============================================================
   site_animacoes.css — Fontes e animações do site público
   ------------------------------------------------------------
   Carregado em TODAS as páginas do site (via layout.blade.php).
   Isolado aqui por ser estático — raramente muda.
   ============================================================ */


/* ── Fontes customizadas ─────────────────────────────────────── */

@font-face {
    font-family: "Goldman-Bold";
    src: url("../fonts/Goldman-Bold.ttf");
}

@font-face {
    font-family: "Pushster-Regular";
    src: url("../fonts/Pushster-Regular.ttf");
}

@font-face {
    font-family: "Lobster-Regular";
    src: url("../fonts/Lobster-Regular.ttf");
}

@font-face {
    font-family: "Play-Bold";
    src: url("../fonts/Play-Bold.ttf");
}


/* ── Animação: entrada deslizando do topo (logo) ─────────────── */

@keyframes slide-in-blurred-top {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}


/* ── Animação: expansão de letras (título h1) ────────────────── */

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}


/* ── Animação: sombra de texto (subtítulo h2) ────────────────── */

@keyframes text-shadow-drop-bottom {
    0%   { text-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    100% { text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); }
}