main {
    padding: 40px 20px;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column; /* Cambia a columna para pantallas pequeñas */
}

img {
    max-width: 100%;
    height: auto; /* Asegura que las imágenes mantengan su proporción */
}

.container-all {
    position: relative;
    max-width: 900px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin: auto; /* Centra el contenedor */
}

.slide {
    display: flex;
    transform: translate3d(0,0,0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 80s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

@keyframes autoplay {
    0% { transform: translate3d(calc(-100%*0),0,0); }
    5% { transform: translate3d(calc(-100%*1),0,0); }
    10% { transform: translate3d(calc(-100%*2),0,0); }
    15% { transform: translate3d(calc(-100%*3),0,0); }
    20% { transform: translate3d(calc(-100%*4),0,0); }
    25% { transform: translate3d(calc(-100%*5),0,0); }
    30% { transform: translate3d(calc(-100%*6),0,0); }
    35% { transform: translate3d(calc(-100%*7),0,0); }
    40% { transform: translate3d(calc(-100%*8),0,0); }
    45% { transform: translate3d(calc(-100%*9),0,0); }
    50% { transform: translate3d(calc(-100%*10),0,0); }
    55% { transform: translate3d(calc(-100%*11),0,0); }
    60% { transform: translate3d(calc(-100%*12),0,0); }
    65% { transform: translate3d(calc(-100%*13),0,0); }
    70% { transform: translate3d(calc(-100%*14),0,0); }
    75% { transform: translate3d(calc(-100%*15),0,0); }
    80% { transform: translate3d(calc(-100%*16),0,0); }
    85% { transform: translate3d(calc(-100%*17),0,0); }
    90% { transform: translate3d(calc(-100%*18),0,0); }
    95% { transform: translate3d(calc(-100%*19),0,0); }
    100% { transform: translate3d(calc(-100%*20),0,0); }
}
footer{
    justify-content: center;
}
.politicas{
    display: flex;
    padding: 5px;
    color: black;
    position: relative;
}
.politicas a, .politicas p{
    margin: 5px;
    text-decoration: none;
    color: black;
    cursor: pointer;
    align-items: center;
    font-size: 17px;
}

/* Media Queries */

@media (max-width: 768px) {
    main {
        padding: 180px 10px;
        margin-top: 100px; /* Reduce el margen superior */
    }
    
    .container-all {
        max-width: 600px; /* Reduce el ancho máximo */
        width: 100%;
    }
    
    .slide {
        animation-duration: 60s; /* Reduce la duración de la animación */
    }
}

@media (max-width: 480px) {
    main {
        padding: 10px 5px;
        margin-top: 80px; /* Ajusta el margen superior para pantallas pequeñas */
    }
    
    .container-all {
        max-width: 100%; /* Permite que el contenedor se ajuste al ancho de la pantalla */
        height: auto; /* Permite que la altura se ajuste automáticamente */
    }
    
    .slide {
        animation-duration: 40s; /* Reduce aún más la duración de la animación */
    }
    
    .item-slide {
        flex-direction: column;
        align-items: center;
    }
}