.swiper {
    width: 100%;
    height: 300px;
}

/* Estructura responsive */
.contenedor-destacado {
    display: flex; /* Activa el modelo de caja flexible */
    flex-wrap: wrap; /* Permite que los elementos se ajusten en varias líneas */
    gap: 40px; /* Espacio entre elementos internos */
    padding: 10px; /* Relleno interno del contenedor */
    background-color: #121212;
    box-sizing: border-box;
}

.swiper-destacado {
    flex: 1; /* Permite que el swiper ocupe el espacio disponible */
    width: 100%; /* Ancho mínimo para mantener legibilidad (300 por defecto) */
    max-width: 1000px; /* Ancho máximo para controlar el tamaño (600 por defecto) */
    height: 480px;
    
}

    .swiper-destacado img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.info-producto {
    flex: 1; /* Permite que la info ocupe el espacio disponible */
    min-width: 300px; /* Ancho mínimo para mantener legibilidad */
    
}

.titulo-producto {
    font-family: Cascadia Code SemiBold;
    color: white;
}

.descripcion {
    color: white;
}

.descripcion-destacado {
    height: 27px;
    border-radius: 5px;
    display: inline-block;
    padding: 0 10px;
    background-color: red;
    /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
    letter-spacing: 1.5px;
}

/* Estilos swiper */
.swiper-slide img {
    width: 100%; /* Ocupa todo el ancho disponible */
    height: auto; /* Mantiene proporciones de la imagen */
    max-height: 100%; /* Limita la altura máxima */
    object-fit: contain; /* Ajusta la imagen sin distorsionarla */
    display: block;
}

/* BOTONES DE NAVEGACIÓN */

.swiper-destacado .swiper-button-prev {

    --swiper-navigation-size: 20px;

}

.swiper-destacado .swiper-button-next {

    --swiper-navigation-size: 20px;

}

/* ///////////////////// */



/* PRODUCTO DESTACADO RESPONSIVE */


.activo {
    width: 85%;
    height: 370px;
}

@media (min-width: 1024px) {

    .contenedor-destacado, .contenido {
        margin: 0;
    }

    .swiper-destacado {
        min-width: 943px;
        max-width: 2000px;
        
    }

    .swiper-slide {
        font-size: 18px;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {

    .contenedor-destacado {
        gap: 0px;
        flex-direction: column;
    }

    .swiper-slide {
        font-size: 14px;
        justify-content: center;
        align-items: center;
    }

    .swiper-destacado,
    .info-producto {
        width: 100%;
        max-width: 720px;
        height: 345px;
    }

    .info-producto {
        flex: 0;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        font-size: 20px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 601px) and (max-width: 767px) {

    .contenedor-destacado {
        gap: 0px;
        flex-direction: column;
        
    }

    .swiper-slide {
        font-size: 14px;
        justify-content: center;
        align-items: center;
    }

    .swiper-destacado,
    .info-producto {

        width: 100%;
        max-width: 720px;
        height: 345px;

    }

    .info-producto {
        flex: 0;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        font-size: 20px;
        margin: 0 auto;
        width: 100%;
    }

    

}

@media (max-width: 600px) {

    .contenedor-destacado {
        gap: 0px;
        flex-direction: column;
    }

    .swiper-slide {
        font-size: 14px;
        justify-content: center;
        align-items: center;
    }

    .swiper-destacado,
    .info-producto {
        width: 100%;
        max-width: 720px;
        height: 345px;
    }

    .info-producto {
        flex: 0;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        font-size: 20px;
        margin: 0 auto;
        width: 100%;
    }

        

}

/* ///////////////////// */