/* Contenedor principal del Slider */
.slider-novedades-wrapper {
    width: 100%;
    overflow: hidden;
    background-color: transparent !important; /* Fuerza a quitar el fondo blanco */
    border: none !important; /* Fuerza a quitar líneas */
    box-shadow: none !important; /* Fuerza a quitar sombras residuales */
    border-radius: 0 !important; /* Fuerza a quitar la curva de la caja */
    margin-bottom: 30px; 
}

/* Cabecera del Slider (Título y Botón) */
.slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

/* La pista infinita */
.slider-track {
    display: flex;
    gap: 15px;
    width: max-content;
    /* Animación de 40 segundos, lineal e infinita */
    animation: scrollSlider 35s linear infinite; 
}

/* Pausar al pasar el cursor o mantener el dedo en móviles */
.slider-track:hover, .slider-track:active {
    animation-play-state: paused; 
}

/* Cada tarjeta dentro del slider */
.slider-item {
    width: 180px; 
    flex-shrink: 0;
    
    /* 1. Forzar aceleración por hardware para mayor nitidez */
    transform: translateZ(0); 
    
    /* 2. Suavizar bordes y evitar el desenfoque en la tipografía */
    -webkit-font-smoothing: antialiased; 
    
    /* 3. Evitar que la imagen parpadee o se pixelee al moverse */
    backface-visibility: hidden;
    perspective: 1000px;
}

.slider-item .card-body {
    padding: 0.75rem;
}

.slider-item .card-title {
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Animación de deslizamiento infinito */
@keyframes scrollSlider {
    0% { transform: translateX(0); }
    /* Se mueve exactamente a la mitad porque duplicaremos el contenido con PHP */
    100% { transform: translateX(-50%); } 
}

/* =========================================
   COLORES PASTEL PARA TARJETAS DEL SLIDER
   ========================================= */

/* 1. ZONA SUPERIOR (Fondo de la Imagen) */
.slider-item .img-catalogo {
    background-color: #ffffff !important; /* Azul Hielo Pastel: Mayor contraste frío vs cálido */
    border-bottom: 3px solid #ffffff !important; 
}

/* 2. ZONA INFERIOR (Fondo de textos y botones) */
.slider-item .card {
    background-color: #fffaf0 !important; /* Pastel Crema/Vainilla */
    border-radius: 16px !important; /* Redondeo premium para la tarjeta individual */
    border: none !important;
    box-shadow: 0 5px 15px rgba(255, 20, 147, 0.08) !important; /* Sombra sutil rosada para que la tarjeta parezca flotar */
    overflow: hidden; /* Asegura que la imagen respete las esquinas redondas */
}

/* Aseguramos que el contenedor interno deje ver el color Crema */
.slider-item .card-body {
    background-color: transparent !important; 
}