/* === CONTENEDOR GENERAL === */
#slider_home{
    width:100%;
    margin:0 auto 5px auto; /* Reducido de 25px para acercar al título inferior */
    text-align:center;
}

/* === SLIDER CORE (TAMAÑO, QUE NO DESAPAREZCA) === */
.flexslider {
  width: 100%;
  margin: 0 0 0px 0;
  background: white;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* === UL SLIDES === */
/*
.flexslider .slides li{
    display:block !important;
}
*/
.flexslider .slides > li { display:none; }
.flexslider .slides > li.flex-active-slide { display:block; }

/* Botones de navegación del slider */
.flexslider .flex-direction-nav a{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    line-height: 32px;   /* centra el icono verticalmente */
    top: 50%;
    transform: translateY(-50%);
}

/* Iconos de flecha dentro del círculo */
.flexslider .flex-direction-nav a:before{
    font-size: 18px;     /* que no sea gigante */
    line-height: 32px;   /* mismo que el alto del botón */
    color: #000;         /* color de la flecha */
}

/* === BLOQUE GENERAL DE OFERTA (estructura vieja, por si se usa en otro lado) === */
.oferta{
    width:100%;
    height:260px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:8px;
    overflow:hidden;
    padding:15px;
}

/* === COLUMNA IZQUIERDA (estructura vieja) === */
.oferta_bloque_izq{
    width:48%;
    text-align:left;
    color:#002650;
    font-family:Arial;
}

/* LOGO EMPRESA (estructura vieja) */
.oferta_logo_slider img{
    height:55px;
    margin-bottom:10px;
}

/* TEXTO CENTRAL (oferta_dice) estructura vieja */
.oferta_abajo_adentro{
    font-size:22px;
    font-weight:bold;
    line-height:25px;
}

/* PRECIO estructura vieja */
.oferta_precio_adentro{
    font-size:30px;
    font-weight:bold;
    color:#d60000;
}

.pago_slider{
    font-size:12px;
    letter-spacing:1px;
    margin-top:5px;
}

/* === FOTO PRODUCTO estructura vieja === */
.oferta_cont_foto_slider img{
    height:170px;
    width:auto;
    margin-right:20px;
}

/* === SLIDER FLECHAS (genérico) === */
.flex-direction-nav a{
    background:#fff;
    border-radius:100%;
    width:30px;
    height:30px;
    line-height:21px;
    text-align:center;
    font-size:18px;
    opacity:.85;
    transition:.2s;
}

.flex-direction-nav a:hover{
    opacity:1;
}

/* === RESPONSIVE === */
@media(max-width:900px){
    .oferta{
        flex-direction:column;
        height:auto;
        padding:20px;
        text-align:center;
    }

    .oferta_bloque_izq{
        width:100%;
        margin-bottom:12px;
    }

    .oferta_cont_foto_slider img{
        margin:auto;
    }
}

/* ============================================
   SLIDER LYS — ESTILO ORIGINAL REPLICADO
============================================ */

#slider_home .flexslider {
    background: none;
    border: none;
    margin:0;
    padding:0;
}

/* Slide base (no se usa directamente, pero lo dejamos) */
.slide_lys {
    width:100%;
    height:260px;
    position:relative;
    background-size:cover !important;
    background-position:center;
    display:flex;
}

/* CONTENEDOR DEL SLIDE (izquierda + centro + derecha) */
.fondo_slider_general{
   width: 100%;
   height: 277px;
   margin: 1% 0 0 0;
   position:relative;
   background-repeat: repeat;         /* textura que se repite */
   background-position: 0 0;
   display:flex;                      /* fila: left + centro + right */
   align-items:center;                /* todos a la misma altura vertical */
   justify-content:space-between;
   padding:0 5%;
   box-sizing:border-box;
}

/* --- Bloque Izquierdo --- */
.slide_left{
    width: 30%;
    margin: 0;
}

.slide_logo{
    height:50px;
    margin-bottom:5px;
}

.slide_texto{
    font-size:18px;
    font-weight:bold;
    color:#000;
    margin-top:8px;
    white-space: pre-wrap;
}

/* PRECIO */
.slide_precio_wrap{
    background:#FFEB3B;
    display:inline-block;
    padding:5px 12px;
    margin-top:12px;
    border-radius:4px;
}

.slide_precio{
    font-size:28px;
    font-weight:900;
    color:#d40000;
}

.slide_pago{
    font-size:11px;
    color:#333;
    font-weight:bold;
}

/* --- Derecha: foto producto con fondo rojo --- */
.slide_right{
    flex:0 0 250px;              /* ancho fijo */
    height: 250px;
    display: flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:auto;
    right:auto;
    float:none;
}
.slide_foto{
    height: 190px; 
    object-fit: contain;
}
/* Imagen central (oferta_foto) entre left y right */
#slider_home .flexslider img.foto_medio_slider{
    flex:0 0 auto;
    max-height: 220px;           /* alto máximo de la promo central */
    width:auto;
    margin:0 20px;               /* separación respecto a los bloques */
    display:block;
}
/* ID para este producto: textura + color */
#oferta_nonisec_leve{
   background-image:url(../img/img_prod/nonisec/apositos/textura_leve.avif);
}
#oferta_nonisec_25xxg{
   background-color: #5eb2e1;
   background-image:url(../img/img_prod/nonisec/apositos/textura_fuerte.avif);
   }
#oferta_nonisec_25xg{
   background-image: url(../img/img_prod/tena/apositos/medium/textura_moderada.avif);
   }
   #oferta_plenitud_protect_m{
   background-image: url(../img/img_prod/plenitud/protect/textura_plenitud_pro_m.avif);
   }
#oferta_nonisec_maxi{
   background-image:url(../img/img_prod/nonisec/apositos/textura_leve.avif);
   }
   #oferta_nonisec_ropa_xg{
   background-image: url(../img/img_prod/nonisec/ropa_interior/textura_nonisec_ropa_xg.avif);
   }
   #oferta_comodin_basico_g{
   background-image: url(../img/img_prod/comodin/basico/textura_comodin_basico_G.avif);
   }
   #oferta_comodin_basico_xg{
   background-image: url(../img/img_prod/comodin/basico/textura_comodin_basico_XG.avif);
   }
   #oferta_comodin_fuerte{
   background-image: url(../img/img_prod/comodin/apositos/textura_moderada.avif);
   }
   #oferta_comodin_post{
   background-image: url(../img/img_prod/comodin/post_parto/textura_post.avif);
   }
   #oferta_comodin_anatomico_g{
   background-image:url(../img/img_prod/comodin/anatomico/textura_comodin_anat_g.avif);
   }
#oferta_hennia_xg{
   background-image:url(../img/img_prod/hennia/premium/textura_hennia_xg.avif);
   }
   #oferta_nonisec_moderada{;
   background-image: url(../img/img_prod/nonisec/apositos/textura_moderada.avif);
   }
   #oferta_comodin_toallas{
   background-image:url(../img/img_prod/nonisec/apositos/textura_fuerte.avif);
   }
   #oferta_nonisec_ultra_juv{
   background-image: url(../img/img_prod/nonisec/ultra/textura_juv.avif);
   }
#oferta_bano_facil{
   background-image: url(../img/img_prod/nonisec/apositos/textura_fuerte.avif);
   }
   #oferta_tena_maxi_nocturna{
   background-image: url(../img/img_prod/tena/apositos/maxi_nocturna/textura_tena_maxi_nocturna.avif);
   }
#oferta_tena_maxi{
  background-image:url(../img/img_prod/nonisec/apositos/textura_leve.avif);
   }
#oferta_comodin_refuerza_m{
   background-image: url(../img/img_prod/comodin/refuerza/textura_m.avif);
   }
   #oferta_nonisec_basico_g{
   background-image: url(../img/img_prod/comodin/anatomico/textura_comodin_anat_xg.avif);
   }
   #oferta_nonisec_extra_xg{
   background-image: url(../img/img_prod/nonisec/extra/textura_nonisec_extra_XG.avif);
   }
   #oferta_plenitud_classic_m{
   background-image: url(../img/img_prod/plenitud/classic/textura_plenitud.avif);
   }
   #oferta_hennia_xxg{
   background-image: url(../img/img_prod/hennia/premium/textura_hennia_xxg.avif);
   }
#oferta_comodin_extrema{
   background-image: url(../img/img_prod/comodin/apositos/textura_moderada.avif);
   }
#oferta_nonisec_fuerte{
   background-image: url(../img/img_prod/nonisec/apositos/textura_fuerte.avif);
   }
#oferta_nonisec_ropa_g{
   background-image: url(../img/img_prod/nonisec/ropa_interior/textura_nonisec_ropa_g.avif);
   }
#oferta_comodin_clasico_xg{
   background-image: url(../img/img_prod/comodin/clasico/textura_comodin_clasico_xg.avif);
   }
#oferta_comodin_clasico_g{
   background-image: url(../img/img_prod/comodin/clasico/textura_comodin_clasico_g.avif);
   }
   #oferta_comodin_anatomico_xg{
   background-image: url(../img/img_prod/comodin/anatomico/textura_comodin_anat_xg.avif);
   }
   #oferta_nonisec_extra_juv{
   background-image: url(../img/img_prod/nonisec/extra/textura_nonisec_extra_juv.avif);
   }
   #oferta_gasa_20x20{
   background-image: url(../img/img_prod/gasa/textura_gasa.avif);
   }
   #oferta_gasa_10x10{
   background-image: url(../img/img_prod/gasa/textura_gasa.avif);
   }
   #oferta_adult_care_XG{
   background-image: url(../img/img_prod/adult_care/textura_adult_xg.avif);
   }
   #oferta_adult_care_G{
   background-image: url(../img/img_prod/adult_care/textura_adult_l.avif);
   }
   #oferta_adult_care_M{
   background-image: url(../img/img_prod/adult_care/textura_adult_m.avif);
   }
   #oferta_nonisec_clasico{
   background-image: url(../img/img_prod/nonisec/apositos/textura_moderada.avif);
   }
#oferta_dermpad{
   background-image: url(../img/img_prod/dermpad/textura_pad.avif);
   }
#oferta_plenitud_protect_g{
   background-image: url(../img/img_prod/plenitud/protect/textura_plenitud_pro_g.avif);
   }
#oferta_plenitud_classic_g{
   background-image: url(../img/img_prod/plenitud/classic/textura_plenitud.avif);
   }
#oferta_pad_incontinencia{
   background-image: url(../img/img_prod/dermpad/pad_incontinencia/textura_incontinencia.avif);
   } 
   #oferta_nonisec_toallas{
   background-image: url(../img/img_prod/nonisec/toallas/textura_toallas.avif);
   }
   #oferta_goodnites_l-xl{
   background-image: url(../img/img_prod/goodnites/textura_goodnite_l-xl.avif);
   }
   #oferta_goodnites_s-m{
   background-image: url(../img/img_prod/goodnites/textura_goodnite_s-m.avif);
   }
   #oferta_hennia_g{
   background-image: url(../img/img_prod/hennia/premium/textura_hennia_g.avif);
   }
   #oferta_indasec_pant_plus_m{
   background-image: url(../img/img_prod/indas/indasec_pants_plus/textura_indasec_plus.avif);
   }
   #oferta_tena_pants_comfort_M{
   background-image: url(../img/img_prod/tena/pants_comfort/textura_comfort_m.avif);
   }
#oferta_tena_pants_comfort_L{
   background-image: url(../img/img_prod/tena/pants_comfort/textura_comfort_l.avif);
   }
   #oferta_tena_medium{
   background-image: url(../img/img_prod/tena/apositos/medium/textura_tena_medium.avif);
   }
   #oferta_tena_extra{
   background-image: url(../img/img_prod/tena/apositos/natural_care/textura_tena_extra.avif);
   }
#oferta_nonisec_extra_gde{
   background-image: url(../img/img_prod/nonisec/extra/textura_nonisec_extra_G.avif);
   }
   #oferta_igfit_M{
   background-image: url(../img/img_prod/igfit/textura_ig_m.avif);
   }
#oferta_guante_latex{
   background-image: url(../img/img_prod/igfit/textura_ig_m.avif);
   }
#oferta_nonisec_ultra_xg{
   background-image:url(../img/img_prod/comodin/anatomico/textura_comodin_anat_g.avif);
   }
#oferta_nonisec_25g{
   background-image: url(../img/img_prod/igfit/textura_ig_m.avif);
   }
#oferta_indasec_pant_plus_g{
   background-image: url(../img/img_prod/igfit/textura_ig_m.avif);
   }
#oferta_tena_pants_ultra_protect_Lx8{
   background-image: url(../img/img_prod/tena/pants_comfort/textura_comfort_l.avif);
   }
#oferta_adult_care_max_M{
   background-image: url(../img/img_prod/gasa/textura_gasa.avif);
   }
#oferta_adult_care_max_G{
   background-image: url(../img/img_prod/plenitud/protect/textura_plenitud_pro_xg.avif);
   }
#oferta_adult_care_max_XG{
   background-image:url(../img/img_prod/nonisec/apositos/textura_leve.avif);
   }
#oferta_nosotras_maternidad{
   background-image:url(../img/img_prod/nonisec/ultra/textura_g.avif);
   }
#oferta_nonisec_moderada{
   background-image:url(../img/img_prod/nonisec/apositos/textura_moderada.avif);
   }
#oferta_nonisec_ultra_gde{
   background-image:  url(../img/img_prod/nonisec/ultra/textura_g.avif);
   }
#oferta_qsoft_toallas{
   background-image: url(../img/img_prod/nonisec/ultra/textura_g.avif);
   }
#oferta_comodin_moderada{
   background-image: url(../img/img_prod/comodin/apositos/textura_moderada.avif);
   }
#oferta_nonisec_zalea{
   background-image: url(../img/img_prod/gasa/textura_gasa.avif);
   }
#oferta_plenitud_protect_xg{
   background-image:url(../img/img_prod/plenitud/protect/textura_plenitud_pro_xg.avif);
   }
#oferta_doncella_algodon{
   background-image: url(../img/img_prod/dermpad/textura_pad.avif);
   }
#oferta_nonisec_basico_xg{
   background-image: url(../img/img_prod/comodin/anatomico/textura_comodin_anat_g.avif);
   }
#oferta_nonisec_super{
   background-image: url(../img/img_prod/nonisec/apositos/textura_leve.avif);
   }
#oferta_basic_line_oleo{
   background-image: url(../img/img_prod/nonisec/extra/textura_nonisec_extra_juv.avif);
   }  
#oferta_igfit_G{
   background-image:url(../img/img_prod/comodin/basico/textura_comodin_basico_G.avif);
   }
#oferta_igfit_XG{
   background-image:url(../img/img_prod/igfit/textura_ig_m.avif);
   }
#oferta_comodin_refuerza_xg{
   background-image: url(../img/img_prod/comodin/refuerza/textura_xg.avif);
   }
#slider_home .flexslider .slides li a{
    text-decoration: none !important;
}

/* ============================================
   AJUSTES MOBILE PARA EL SLIDER PRINCIPAL
============================================ */
@media (max-width: 800px) {
    .fondo_slider_general {
        flex-direction: column !important;
        height: 450px !important; /* Altura estandarizada estricta para evitar saltos y el cambio de la línea blanca */
        padding: 25px 15px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .slide_left {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .slide_logo {
        height: 60px !important;
        width: auto !important; /* Evita que herede anchos forzados y se estire */
        max-width: 90% !important;
        object-fit: contain !important; /* Mantiene proporciones intactas */
        margin: 0 auto 10px auto !important;
        display: block !important;
    }

    .slide_texto {
        font-size: 20px !important;
        text-align: center !important;
    }

    .slide_precio_wrap {
        display: inline-block !important;
        margin: 15px auto 0 auto !important;
        white-space: nowrap !important; /* Fuerza a que el símbolo $ no salte de línea */
    }

    .slide_precio {
        font-size: 32px !important; /* Excelente lectura de números */
    }

    #slider_home .flexslider img.foto_medio_slider {
        display: none !important; /* Oculta imagen redundante que aplasta el layout en celus */
    }

    .slide_right {
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .slide_foto {
        height: 200px !important;
        object-fit: contain !important;
    }
}