/* 1. Estilos generales (Escritorio y base) */
.slider-section .carousel {
    /* Aumentado de 900px a 1170px (~30% más grande) */
    max-width: 1170px;
    margin: 0 auto;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2); /* Sombra un poco más profunda para el tamaño nuevo */
    border-radius: 20px; /* Bordes ligeramente más curvos para acompañar el tamaño */
    overflow: hidden;
}

.slider-section .carousel-inner {
    border-radius: 20px;
    overflow: hidden;
}

.slider-section .carousel-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* 2. Ajustes para Tablets (Pantallas medianas) */
@media (max-width: 1200px) {
    .slider-section .carousel {
        max-width: 95%; /* Se expande más en pantallas que no llegan al tamaño máximo */
    }
}

/* 3. Ajustes para Móviles */
@media (max-width: 767px) {
    .slider-section .carousel {
        max-width: 100%;
        border-radius: 0;
    }

    .slider-section .carousel-inner {
        border-radius: 0;
    }
}