*{
    transition: background-color 0.3s, filter 0.3s;
}

#contenido{
    animation: aparicion;
    animation-duration: 0.7s ;
    animation-delay: 0s;
}

.sub_menu_apartado, #header{
    animation: aparicion;
    animation-duration: 0.7s ;
    animation-delay: 0s;

    

}

.cargar{
    animation: aparicion;
    animation-duration: 0.7s ;
    animation-delay: 0s;
}

/*
#header h1{
    animation: sacudir;
    animation-duration: 0.6s ;
    animation-delay: 0s;

    animation-fill-mode: forwards;
}
*/




@keyframes aparicion{
    0%{
        opacity: 0;
        transform: scale(0.97);
    }
    
    100%{
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes sacudir{
    0%{
        transform: translateX(0px);

    }

    16.66%{
        transform: translateX(6px);
    }

    33.33%{
        transform: translateX(-6px);
    }

    49.33%{
        transform: translateX(6px);
        color : var(--colorTextoRechazado);
    }

    66.66%{
        transform: translateX(-6px);
    }

    83.33%{
        transform: translateX(6px); 
        
    }
    
    100%{
        transform: translateX(0px); 
        color:var(--colorTextoRechazado);
        border-color: var(--colorTextoRechazado);
    }
}

@keyframes animacionPOPEntrada{
    0%{
        height: 0;
        opacity: 0;
    }

    50%{
        opacity: 0;
    }

    100%{
        height: 130px;
        visibility: visible;
        opacity: 100%;
    }
}
@keyframes animacionPOPSalida{
    0%{
        height: 130px;
        visibility: visible;
        opacity: 100%;
    }
    50%{
        opacity: 0;
    }
    100%{
        height: 0;
        opacity: 0;
    }
}


@keyframes desvanecido-entrada{
    0%{
        opacity: 0%;
    }
    
    100%{
        
        opacity: 100%;
    }
}

@keyframes desvanecido-salida{
    0%{
        opacity: 100%;
    }
    
    100%{
        
        opacity: 0%;
    }
}

@keyframes cambio-icono-menu-entrada{
    0%{
        background: url(imagenes/sol.svg) no-repeat;
    }
    100%{
        background: url(imagenes/moon.svg) no-repeat;
    }
}