{
    margin: 0;
    padding: 0;
}

body {
    background: linear-gradient(140deg, #275D90, #3380B5); /* Color del fondo */
    width: 100%;
    height: 100%;
}

#two .container {
    display: flex;
    flex-direction: column; /* Todo en columna: texto arriba, carrusel abajo, lista después */
    align-items: flex-start; /* Alinea a la izquierda para un flujo natural */
}

#two h3 {
    width: 100%; /* Ocupa todo el ancho */
    margin-bottom: 10px; /* Espacio abajo del título */
}

#two p {
    width: 100%; /* Ocupa todo el ancho */
    margin-bottom: 30px; /* Espacio generoso abajo del texto para separar del carrusel */
}

.contenedor {
    width: 300px; /* Ancho más pequeño para el carrusel */
    max-width: 100%; /* Responsivo: se ajusta al contenedor padre */
    margin: 0 auto 40px auto; /* Centrado horizontalmente y espacio abajo para separar de la lista */
    position: relative; /* Para contener el posicionamiento absoluto interno */
}

#two ul.feature-icons {
    width: 100%; /* Ocupa todo el ancho */
    margin-top: 20px; /* Espacio arriba de la lista para evitar cercanía con el carrusel */
}

.vaicontenedor {
    width: 100%;
    height: 200px; /* Altura fija para controlar el tamaño en móviles */
    position: absolute;
    animation: girar 60s infinite linear; /* Velocidad para girar 60 */
    transform-style: preserve-3d;
}

.vaicontenedor:hover {
    animation-play-state: paused; /* Se detiene al pasar el mouse en una imagen */
    cursor: pointer;
}

.vaicontenedor figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: 0px 0px 20px 0px black;
}

/* translateZ reducido para un radio más pequeño y compacto */
.vaicontenedor figure:nth-child(1){transform: rotateY(60deg) translateZ(300px);}
.vaicontenedor figure:nth-child(2){transform: rotateY(120deg) translateZ(300px);}
.vaicontenedor figure:nth-child(3){transform: rotateY(180deg) translateZ(300px);}
.vaicontenedor figure:nth-child(4){transform: rotateY(240deg) translateZ(300px);}
.vaicontenedor figure:nth-child(5){transform: rotateY(300deg) translateZ(300px);}
.vaicontenedor figure:nth-child(6){transform: rotateY(360deg) translateZ(300px);}

.vaicontenedor img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que las imágenes quepan sin distorsión */
    transition: all 300ms;
}

.vaicontenedor img:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

@keyframes girar {
    from {
        transform: rotateY(0deg);
    } to {
        transform: rotateY(360deg);
    }
}

/* Media query para celulares convencionales (pantallas < 768px) */
@media (max-width: 768px) {
    .contenedor {
        width: 100%; /* Ocupa todo el ancho disponible en móvil */
        max-width: 300px; /* Limita el máximo para no abarcar toda la pantalla */
        margin: 0 auto 40px auto; /* Centrado y espacio abajo */
    }
    
    .vaicontenedor {
        height: 150px; /* Altura más pequeña en móvil para mejor ajuste */
    }
}