/* PERROS — Header neon */
#masthead .ast-primary-header-bar {
    position: relative;
}

/* Luzes azul-elétrico */
#masthead .ast-primary-header-bar::before,
#masthead .ast-primary-header-bar::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 6px;
    z-index: 999;
    pointer-events: none;

    background: linear-gradient(
    90deg,
    #142D4E 0%,
    #007BFF 50%,
    #8DD8FF 100%
);

    box-shadow:
        0 0 12px #007BFF,
        0 0 25px #007BFF,
        0 0 40px #142D4E;
}

/* Energia da esquerda */
#masthead .ast-primary-header-bar::before {
    left: 0;
    transform-origin: left center;
    animation: perros-energia 4s linear infinite !important;
}

/* Energia da direita */
#masthead .ast-primary-header-bar::after {
    right: 0;
    transform-origin: right center;
    animation: perros-energia 4s linear infinite !important;
}

/* Espelha as cores da luz direita */
#masthead .ast-primary-header-bar::after {
    background: linear-gradient(
        270deg,
        #142D4E 0%,
        #007BFF 50%,
        #8DD8FF 100%
    );
}

/* Movimento e colisão */
@keyframes perros-energia {
    0%, 10% {
        transform: scaleX(0);
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    55% {
        transform: scaleX(1);
        opacity: 1;
    }

    58% {
        filter: brightness(5);
    }

    62% {
        filter: brightness(1);
    }

    66% {
        filter: brightness(6);
    }

    75%, 100% {
        transform: scaleX(0);
        opacity: 0;
    }
}


/* PERROS — Ponto de colisão */
.perros-choque {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;

    box-shadow:
        0 0 15px #ffffff,
        0 0 30px #007BFF,
        0 0 60px #007BFF;
}



/* PERROS — Descarga horizontal central */
#masthead .ast-primary-header-bar .perros-choque {
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 25%;
    height: 12px;
    border-radius: 8px;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    pointer-events: none;
    z-index: 1000;
    opacity: 0;

    background: linear-gradient(
        180deg,
        #bceeff 0%,
        #ffffff 45%,
        #008cff 100%
    );

    box-shadow:
        0 0 12px #ffffff,
        0 0 25px #00bfff,
        0 0 45px #007bff;

    animation: perros-curto 4s linear infinite !important;
}

/* Choque — dois pulsos */
@keyframes perros-curto {
    0%, 54% {
        transform: translateX(-50%) scaleX(0);
        opacity: 0;
    }

    57% {
        transform: translateX(-50%) scaleX(1);
        opacity: 1;
        filter: brightness(3);
    }

    60% {
        transform: translateX(-50%) scaleX(0.65);
        opacity: 0.5;
    }

    63% {
        transform: translateX(-50%) scaleX(1);
        opacity: 1;
        filter: brightness(5);
    }

    70%, 100% {
        transform: translateX(-50%) scaleX(0);
        opacity: 0;
    }
}