* {
    margin: 0;
    padding: 0;
    /* Eliminé font-family vacío para evitar errores */
}

h2 {
    text-align: center;
    font-size: 1rem;
    padding-top: 50px;
}

.slider-frame {
    width: 100%; /* Cambiado de auto a 100% para asegurar que llene la pantalla */
    height: auto;
    margin: 50px auto 0;
    overflow: hidden;
}

.slider-frame ul {
    display: -webkit-box; /* Prefijo para navegadores antiguos */
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 800%;
    
    /* Agregué prefijos para la animación */
    -webkit-animation: slide 160s infinite alternate ease-in-out;
    animation: slide 160s infinite alternate ease-in-out;
}

.slider-frame li {
    width: 100%;
    list-style: none;
}

.slider-frame img {
    width: 100%;
    display: block; /* Quita espacios extra debajo de la imagen */
    height: auto;
}

/* Keyframes con prefijos para Safari y otros navegadores */
@-webkit-keyframes slide {
    0% { margin-left: 0; }
    12.5% { margin-left: 0; }
    12.5% { margin-left: -100%; }
    25% { margin-left: -100%; }
    25% { margin-left: -200%; }
    37.5% { margin-left: -200%; }
    37.5% { margin-left: -300%; }
    50% { margin-left: -300%; }
    50% { margin-left: -400%; }
    62.5% { margin-left: -400%; }
    62.5% { margin-left: -500%; }
    75% { margin-left: -500%; }
    75% { margin-left: -600%; }
    87.5% { margin-left: -600%; }
    87.5% { margin-left: -700%; }
    100% { margin-left: -700%; }
}

@keyframes slide {
    0% { margin-left: 0; }
    12.5% { margin-left: 0; }
    12.5% { margin-left: -100%; }
    25% { margin-left: -100%; }
    25% { margin-left: -200%; }
    37.5% { margin-left: -200%; }
    37.5% { margin-left: -300%; }
    50% { margin-left: -300%; }
    50% { margin-left: -400%; }
    62.5% { margin-left: -400%; }
    62.5% { margin-left: -500%; }
    75% { margin-left: -500%; }
    75% { margin-left: -600%; }
    87.5% { margin-left: -600%; }
    87.5% { margin-left: -700%; }
    100% { margin-left: -700%; }
}