/* EFEITO PREMIUM DIRETO NA LOGO DO TOPO */
img.custom-logo {
    animation: logoEntradaPremium 1.4s cubic-bezier(.2,.8,.2,1.2) both,
               logoRespirarPremium 4.5s ease-in-out 1.4s infinite !important;
    transform-origin: center center !important;
    will-change: transform, filter, opacity !important;
    transition: transform .35s ease, filter .35s ease !important;
}

img.custom-logo:hover {
    transform: scale(1.07) rotate(-1deg) !important;
    filter: drop-shadow(0 14px 24px rgba(0, 55, 95, .35))
            drop-shadow(0 0 16px rgba(255, 183, 0, .45)) !important;
}

@keyframes logoEntradaPremium {
    0% {
        opacity: 0;
        transform: translateY(-35px) scale(.75) rotate(-5deg);
        filter: blur(8px);
    }

    45% {
        opacity: 1;
        transform: translateY(6px) scale(1.08) rotate(2deg);
        filter: blur(0) drop-shadow(0 12px 24px rgba(0, 55, 95, .28));
    }

    70% {
        transform: translateY(-3px) scale(.97) rotate(-1deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(0deg);
        filter: drop-shadow(0 8px 18px rgba(0, 55, 95, .18));
    }
}

@keyframes logoRespirarPremium {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 8px 18px rgba(0, 55, 95, .18));
    }

    50% {
        transform: translateY(-6px) scale(1.025);
        filter: drop-shadow(0 16px 28px rgba(0, 55, 95, .22))
                drop-shadow(0 0 18px rgba(255, 183, 0, .35));
    }
}

/* ===================================
   TÍTULO DO JORNAL
=================================== */

.brand-title h1{
    opacity:0;
    animation: tituloPremium 1.2s ease forwards;
    animation-delay:.5s;
}

.brand-title p{
    opacity:0;
    animation: subtituloPremium 1s ease forwards;
    animation-delay:1.1s;
}

.brand-title .school-pill{
    opacity:0;
    animation: botaoPremium 1s ease forwards;
    animation-delay:1.6s;
}

@keyframes tituloPremium{

    0%{
        opacity:0;
        transform:translateY(25px);
        letter-spacing:-2px;
    }

    60%{
        opacity:1;
        transform:translateY(-4px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
        letter-spacing:0;
    }
}

@keyframes subtituloPremium{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes botaoPremium{

    from{
        opacity:0;
        transform:scale(.85);
    }

    to{
        opacity:1;
        transform:scale(1);
    }
}