/**
 * AJUSTE DE ESPACIADO SUPERIOR - TIENDA MORFEO
 * Reduce el padding superior de los sliders y selector de líneas
 * para que los títulos suban más arriba
 */

/* ============================================
   SLIDERS DE PRODUCTOS - SUBIR ARRIBA
============================================ */
.productos-sliders-section {
    padding: 40px 0 100px 0 !important;
}

/* ============================================
   SELECTOR DE LÍNEAS - SUBIR ARRIBA
============================================ */
.lineas-selector-section {
    padding: 40px 0 80px 0 !important;
}

/* Ajuste del título del selector */
.lineas-titulo {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ============================================
   HEADER DE SLIDERS - REDUCIR ESPACIO
============================================ */
.slider-header {
    margin-bottom: 25px !important;
    padding-bottom: 20px !important;
}

/* Reducir padding del contenedor de slider */
.slider-linea {
    padding: 30px 40px 40px 40px !important;
}

/* ============================================
   RESPONSIVE - TABLETS
============================================ */
@media (max-width: 992px) {
    .productos-sliders-section {
        padding: 30px 0 50px 0 !important;
    }

    .lineas-selector-section {
        padding: 30px 0 60px 0 !important;
    }

    .slider-linea {
        padding: 20px 20px 30px 20px !important;
    }
}

/* ============================================
   RESPONSIVE - MÓVILES
============================================ */
@media (max-width: 768px) {
    .productos-sliders-section {
        padding: 25px 0 40px 0 !important;
    }

    .lineas-selector-section {
        padding: 25px 0 50px 0 !important;
    }

    .slider-linea {
        padding: 18px 18px 25px 18px !important;
    }

    .slider-header {
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
    }
}

/* ============================================
   RESPONSIVE - MÓVILES PEQUEÑOS
============================================ */
@media (max-width: 576px) {
    .productos-sliders-section {
        padding: 20px 0 30px 0 !important;
    }

    .lineas-selector-section {
        padding: 20px 0 40px 0 !important;
    }

    .slider-linea {
        padding: 15px 15px 20px 15px !important;
    }

    .slider-header {
        margin-bottom: 15px !important;
        padding-bottom: 12px !important;
    }
}