@keyframes color-change 
{
    0% { background-position: 0% 0%; }
    12.5% { background-position: 100% 0%; }
    25% { background-position: 200% 0%; }
    37.5% { background-position: 300% 0%; }
    50% { background-position: 400% 0%; }
    62.5% { background-position: 500% 0%; }
    75% { background-position: 600% 0%; }
    87.5% { background-position: 700% 0%; }
    100% { background-position: 800% 0%; }
}

@keyframes border-color-change 
{
    0% { background-position: 0% 0%; }
    14.28% { background-position: 100% 0%; }
    28.57% { background-position: 200% 0%; }
    42.85% { background-position: 300% 0%; }
    57.14% { background-position: 400% 0%; }
    71.42% { background-position: 500% 0%; }
    85.71% { background-position: 600% 0%; }
    100% { background-position: 700% 0%; }
}

.intermedio_charger
{
    height: 3px; /* Ajusta la altura de la barra aquí */
    width: 100%;
    background: linear-gradient(to right, rgb(31,118,176), rgb(165,193,42), rgb(167,152,185), rgb(255,203,0), rgb(220,13,27), rgb(241,135,0), rgb(0,151,69), rgb(0,159,227));
    background-size: 1600% 100%;
    animation: color-change 80s linear infinite;
}

.intermedio_charger>a>img 
{
    display: none;
}

@media screen and (max-width:768px)
{
    .intermedio_charger
    {
        height: 50px;
        width: 100%;
        background: none;
        background-color: #064795;
        position: fixed;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        z-index: 13;
    }

    .intermedio_charger>a>img 
    {
        display: initial;
        height: 30px;
    }

    .intermedio_charger::after 
    {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px; /* Ajusta el grosor del borde aquí */
        background: linear-gradient(to right, rgb(31, 118, 176), rgb(165, 193, 42), rgb(167, 152, 185), rgb(255, 203, 0), rgb(220, 13, 27), rgb(241, 135, 0), rgb(0, 151, 69), rgb(0, 159, 227));
        background-size: 1600% 100%;
        animation: border-color-change 80s linear infinite;
      }
}