/* MAIN PERSONALIZADO */

.main-color{color:#38B549 !important}
a.main-color:hover{color: #000000 !important;}
.main-background, #boton-lateral-cuenta, .red-background, #principal-perfil #enviar_pass, #principal-perfil #enviar, #principal-perfil .enviar2, #principal-perfil .enviar-nuevo{background: #38B549 !important;}
 /*@font-face {
  font-family: 'Archivo', san sans-serif !important;
  src: url('/web/fonts/Archivo_Condensed-Regular.ttf') format('truetype') !important; 
  font-style: normal !important;
  font-weight: 100 !important; 
  } 
  html, body {
  font-family: "Archivo", sans-serif !important;
}*/

#mensaje-personalizado-principio{font-family: "Montserrat",sans-serif;font-size: 13px;line-height: 23px;text-align: center;padding: 10px 0px; background:#f5f5f5; color:#858686;}
#mensaje-personalizado-principio #envio-gratis-ok{padding-right: 10px;}
#logo {max-width: 380px; padding-top: 3px; width: 120%;}
#header-container {height: 145px;}
#info-header {padding-top: 28px;}
#logo-footer {width: 250px; margin: 0; padding: 0;}
.red-background{background: #38B549 !important}
#boton-lateral-cuenta, #principal-perfil #enviar, #principal-perfil #enviar_pass {background-color: #38B549;}
.boton-ver-ficha-buscador{background-color: #38B549 !important;}



/*Color principal del cliente #38B549*/

.link-acciones-historial-pedido{background: #38B549;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor{background: #38B549;}
#aceptar-condiciones a {color: #38B549;}
#paginacion-familia span, #paginacion-familia-top span {color: #38B549; border: 1px solid #38B549;}	
.catalogo-sidebar h4 span, .catalogo-sidebar h5 span{ color: #38B549;}    
#boton-seguir-comprando a { color: #38B549;border: 2px solid #38B549;}
#boton-continuar {background: #38B549;}
#warp-migas-de-pan ul li a:hover{color: #38B549;}
.red, .red a, #otros-servicios ul li a, #numero-telefono,  #nav-ayuda ul li a, .detalles a, #container-copyright a:hover, .intro-txt a, #envio-gratis, #envio-gratis-ok, #envio-gratis-carrito, #envio-gratis-ok-carrito{color:#38B549 !important;}
#nav-container, .add-producto, #buscar_avanzado, #button-envio-aviso, .paginacion-actual span, #boton_carrito_pop{background:#38B549 !important; }
.btn-product-list-buy {background-image: url("../img/icono_carrito_producto.png") !important;background-position: 23px 7px !important;background-repeat: no-repeat !important;background-color:#38B549;border:1px solid #38B549;}
.btn-product-list-eye{border: 1px solid #38B549;}
a.btn-product-list-eye{color:#38B549 !important;}
#submenu-productos li a:hover, #principal-login #enviar, #submit-contacto{background:#38B549;}
.button-compra {background-color:#38B549 ;}
#boton-editar-direccion, #principal-login .boton-enviar, #principal-login #enviar_pass, #ayuda-header-red, .owl-theme .owl-controls .owl-page span{background:#38B549 !important;}
ul.listado-pdf a{color:#38B549;}
#ayuda-ficha-producto span:hover {color:#38B549;}
ul.nav li.nivel1:hover{background-color:#FFFFFF !important; color:#000000 !important;}
ul.nav li.nivel1 a{color:#757575 !important;}
ul.nav li.nivel1 a:hover{color:#38B549 !important;}
.td-descripcion-product-group-list a, .name-product-list a, .name-product-list-grup a {color:#38B549 !important;}
#principal-login #enviar, #principal-login .enviar2, #principal-login .enviar-nuevo {background-color:#38B549 !important;}
.disponibilidad-container span {color:#38B549 !important;}
.social-contacto a{color:#38B549}
#numero-ayuda-404{color:#38B549;}
*/

/*Color titulo sugerencias*/
.title-sugerencias-productos{background:#38B549 !important;}
/*Fin Color titulo sugerencias


/*Colores Hover*/

#info-top_bar a:hover{color:#38B549;}
#info-header-bloque-tres #info-perfil p a:hover{color:#000000 !important;}
#lost-password a:hover:{color:#38B549;}

/*Fin Colores Hover*/


/*Enviar a un amigo*/

header#enviar-amigo{background: #38B549;}
#form-enviar-amigo a{color:#38B549; }
#form-enviar-amigo input[type="submit"]{background:#38B549;}

/*Fin Enviar a un amigo*/


/*Principio colores sticky el texto en blanco*/

#usuario-cesta-sticky .red, #usuario-cesta-sticky .red a{color:#fefefe !important;}
#usuario-cesta-sticky .red:hover, #usuario-cesta-sticky .red a:hover{color:#38B549 !important;}
#nav-container.is-sticky #menu a:hover { color: #38B549 !important;} /*hover del menu sticky*/
#nav-container.is-sticky #submenu-productos li:hover { color: #ffffff !important;}

/*Fin colores sticky*/


/*Color botón ancla*/
#scroll-to-top{background:#38B549;}
/*Fin Color botón ancla*/



/*Color menú movil*/
#menu{background:#38B549;}
/*Fin Color menú movil*/

/*Principio colores buscador avanzado.02*/

#input-filtro-full-busqueda2-submit input{background-color:#38B549;}
#productos-filtro-busqueda-02-container p span{color:#38B549 !important;}
li.ui-menu-item a .box-pro-search .box-pro-search-left:last-of-type .boton-comprar-buscador{background:#38B549;}


/*Fin colores buscador avanzado.02*/

/* Fin personalización del color*/


/*Botón de disponibilidad del producto*/

.aviso-disponibilidad-producto, header#disponibilidad-producto, #envio-aviso-disponibilidad-producto{background:#38B549 !important;}
.aviso-legal-disponibilidad-producto a{color:#38B549 !important; }
.aviso-legal-disponibilidad-producto a:hover{color: #000000 !important;}

/*Boton cookies*/
#change-cookie-consent{
	background: #38B549;
}


/* Header */

    @media (max-width: 640px){
        #info-header-bloque-tres {width: 100%;margin: 5em auto 0;}
    }
    @media(min-width:768px){
        #logo{margin: 29px auto 0 !important;}
          /*Opciones del menú superior centradas en la página*/
          #menu a.nav-selected {margin-right: 30px;} /*Casita con margen derecho para separar productos porque productos con margen se ve mal*/
          #menu .menuDesplegable {text-align: center; margin-left: 15px; margin-right: 15px;} /*Demás opciones con margenes*/
          span.nav-selected { padding: 23.5px 5px !important;   }
          #nav-container.nav-container-dos #menu a {  /*Letras de la barra superior en blanco*/
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            color: #FFFFFF;
            text-decoration: none;
            padding: 23px 21px;
            font-size: 14px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }


    @media(min-width: 1024px){
        #logo{margin: 16px 0 0 50px !important;}
    }

    @media(min-width: 1200px){
        #logo{margin: 16px 0 0 0 !important;}
    }


/* Footer */
/*
    @media(min-width: 1024px){
        #logo-footer{margin: 6px auto 0;}
    }
*/



#nav-container{background: #000000 !important; } /*Barra superior y opciones*/
#menu{background:#000000;} /*Opciones de la barra superior, excepto Productos*/
#menu span:hover {background-color: #000000;}  /* Hover de productos en la barra superior */
#menu a:hover{background-color: #000000;} /* Hover del resto de opciones de la barra superior */
#menu a.nav-selected  {background-color: #000000;} /* Fondo de la casita y de la opcion seleccionada Novedades, Outlet, etc */
#nav-container a:hover, #nav-container span:hover {color: #38B54A;} /* Hover de palabras Productos y demás las opciones de la barra superior*/

/*Quitar recuadro gris de 'Características', aumentar tamaño de letra, cambiar color y poner línea gris */
.caracteristica-producto {background: none; }
.caracteristica-producto h4 {
    color: #38B54A;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px 0px 0px 38px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}


/*Productos accesorios y productos relacionados con fondo blanco sobre fondo gris*/
/*#product-container-relacionados,  #product-container-accesorios{ background: #F3F5F8;}*/
#product-container-relacionados .product, #product-container-accesorios .product{ border: none; background: #FFFFFF;}
#product-container-relacionados, #product-container-accesorios { border: none; background: #FFFFFF;}
#product-container-relacionados .black-header { background: #FFFFFF !important;}

    /*Encabezado de Productos accesorios y Productos relacionados */
    #product-container-relacionados .black-header, #product-container-accesorios .black-header  {
        width: 100%;
        height: 55px;
        background: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 16px;
        margin-bottom: 30px;
        border-top: none;
    } 
    #product-container-relacionados .black-header h4, #product-container-accesorios .black-header h4 {
        color: #38B54A;
        padding-left: 34.5px;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 2px solid #ccc;
        padding-bottom: 10px;
    }  


    /*Quitar el recuadro de los productos en familias y subfamilas, separados con una línea fina */
    #familia-derecha .product {
        padding-bottom: 70px;
        margin-bottom: 0px;
        width: 25%;
        height: 305px;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        text-align: center;
        position: relative;
        background: #FFFFFF;
        float: left;
    }

    /*Quitar el recuadro de los productos en las categorías destacadas de la página de inicio */
    .product-container .product {
        padding-bottom: 40px;
        margin-bottom: 0px;
        width: 19.8% !important;
        height: 305px;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        text-align: center;
        position: relative;
        background: #FFFFFF;
        float: left;
    }

    /*Quitar el recuadro de los productos en la ficha del producto */
    .imagen-principal-producto {
        width: 100%;
        height: 419px;
        border: none;
        position: relative;
        margin-bottom: 27px;
        display: table;        
    }

    .product-list {
        width: 100%;
        height: 152px;
        border-left: none;
        border-bottom: 1px solid #848484;
        border-top: none;
        border-right: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        margin: 10px 0px;
        float: left;
        overflow: hidden;
        background: #F3F5F8;
    } 


    /*Quitar recuadro de la cantidad en la ficha de artículos*/
    .cantidad-producto {
        width: 35%;
        height: 100%;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 23px;
        float: left;
    }

    /*Quitar el recuadro del botón de añadir al carrito en la ficha de producto*/
    .container-boton-comprar {
        width: 65%;
        float: right;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
    }

    /*Quitar del header horarios, teléfono y camión, y el botón lateral de la cuenta de usuario*/
    #info-header-bloque-uno, #info-header-bloque-dos{display: none;}
    #boton-lateral-cuenta{display:none;}
    
/*Redondear botones*/
#btn_aplicar_vale, #boton-anadir-familia, .aviso-disponibilidad-producto, #principal-login #enviar, #principal-login .enviar2, #principal-login .enviar-nuevo, .add-producto, #buscar_avanzado, #submit-contacto, #boton-seguir-comprando a, #boton-continuar, #boton-continuar input, #boton-vaciar, #principal-perfil #enviar, #principal-perfil #enviar_pass, .btn-product-list-buy, .btn-product-list-eye, .btn-comprar-producto-agrupado, .button-compra, .boton-ver-ficha-buscador   {
    border-radius: 50px !important;
}

/*Redondear borde de estos elementos del sidebar*/
.catalogo-sidebar img, .banner-sidebar img {border-radius: 20px !important;}

/*Redondear catálogos propios*/
.catalogo_propio img{border-radius: 20px !important;}


/*Banner sidebar (el del blog) sea responsive*/
    .banner-sidebar {
    width: 100%;
    max-width: 282px; /* el ancho máximo original */
    margin: 0 auto; /* centrado horizontal */
    }

    .banner-sidebar div {
    width: 100%;
    overflow: hidden; /* evita desbordes de la imagen */
    border-radius: 8px; /* opcional, bordes redondeados */
    }

    .banner-sidebar a {
    display: block;
    width: 100%;
    }

    .banner-sidebar img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
    }

    .banner-sidebar img:hover {
    transform: scale(1.05);
    }


#boton-vaciar, .aplicarDescuento {background-color: #38B54A !important;}
#principal-login #vaciar {
    width: 224px;
    height: 40px;
    background: #38B54A;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 auto 30px;
    text-align: center;
    border-radius: 50px !important;
}

.btn-comprar-producto-agrupado {background-color: #38B54A;}

/*Quitar los comentarios de la ficha de producto*/
.comentarios-producto {display: none;}
#comentarios {display: none;}

/*Eliminar bordes a imágenes secundarias*/
.galeria-producto {
    width: 15%;
    height: auto;
    border: none;
    float: left;
    margin-right: 15px;
}

/*Eliminar bordes a las marcas*/
.marcas {
    width: 17%;
    height: 145px;
    margin-left: 22.5px;
    float: left;
    text-align: center;
    margin-bottom: 60px;
    border: none;
}

/*Eliminar bordes a las agrupaciones*/
#producto-agrupacion-container {
    width: 100%;
    border: none;
    padding: 40px 0px;
    text-align: center;
    position: relative;
}

.product-agrupado-list {
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.5em 0em;
    margin: 1em 0em;
    position: relative;
}

.marca-producto {
    width: 146px;
    border: none;
    margin-bottom: 40px;
}

.familia-name, .subfamilia-name {
    color: #000000;
    font-family: 'Lato', sans-serif;
    padding: 0px 20px 0px 24px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 50px;
    line-height: 45px;
    border: none;
}

.info-product-agrupado-list{
    background-color: #F3F5F8;
}

/* .familia-name a{color: #38B549 !important;} */

/*Productos que te pueden interesar, en carrito*/
.title-sugerencias-productos {
    background: #38B54A none repeat scroll 0 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    margin: 0 auto 20px;
    padding: 15px 0;
    text-align: center;
    max-width: 90%;
    width: 1090px;
}

/*Título FAMILIAS del sidebar en mismo formato que título CARACTERÍSTICAS de la ficha de producto*/
.header-sidebar-familias{
    background: none;
    width: 100%;
    height: 47px;
    border-top: none;
    border-bottom: 2px solid #ccc;
}
.header-sidebar-familias h3 {
    color: #38B54A;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    border-top: none; 
}

/*Quitar el fondo a 'Perfil' de Mi cuenta*/
.red-background {background: #ffffff !important;}

/*Quitar el fondo gris a 'Cerrar sesión' de Mi cuenta y letras en negro*/
.logout-background {background: #ffffff !important;}
ul.nav li.nivel1 a[href="https://www.ferreteriaelpinsapo.es/ecommerce/usuarios/desconexion"] {
    color: black !important;  /* Cambiar a negro para "Cerrar sesión" */
}

.menu-subfamilias a:hover{background:#ffffff !important; color:#38B54A!important;}
.menu-subfamilias a {color:#000000 !important;}

/*Poner el hover de las familias del menú superior fijo y sticky en verde y el fondo en blanco, y quitar los bordes*/
#submenu-productos li a:hover{background:#ffffff; color: #38B549; }
#submenu-productos li a, #submenu-productos li.current a, #submenu-productos li a:hover, #submenu-productos li.current a:hover{border:none;}
/*El hover verde de la familia se mantenga cuando pasas a una subfamilia*/
#submenu-productos > li:hover > a {color: #38B549;}
ul.nav > li.nivel1:hover > a{color:#38B549 !important;}
#nav-container.is-sticky #submenu-productos > li:hover > a {color: #38B549 !important;}

/*Para que el video se reproduzca.*/
#video-producto {position: relative;padding-bottom: 56.25%;overflow: hidden;z-index:1;}

/*Etiqueta del Video de producto*/
.video-presentacion{width:38% !important;max-width: 842px; max-height: 5%;  border-radius: 50px; padding-bottom: 50px;}
.video-presentacion-title{margin-left: 90px;}

.sprite-play-video-producto {
    width: 60px;
    height: 51px;
    background-position: -482px -113px;
    float:right;
    border-radius: 40px;
}

/*Ocultar de la portada la linea que hay encima de las ventajas del footer y el titulo de esa sección*/
.second-title-site.eslogan {display:none;}


@media (max-width: 1024px){
#menu a, #menu span {    padding: 20px 20px 5px 5px;}
    
/*Página de 'Pedidos', poner los encabezados en verde, con linea gris debajo, fondo de la tabla blanco sin separaciones */
        #historial-pedido-pequeno .linea-pedido header {
        width: 100%;
        display: inline-block;
        padding: 15px 0px;
        background: #FFFFFF;
        color: #38B54A;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        border-bottom: 2px solid #ccc;
    }

    #historial-pedido-pequeno .linea-pedido .linea-pedido-info{
    width: 100%;
    background: #FFFFFF;
    font-family: "Lato", sans-serif;
    text-align: center;
    padding: 15px 0px;
    color: #0f0f0f;
    font-weight: 400;
    }

}

/*Fondo gris para las fichas de producto*/
.clase-personalizada {background: #F3F5F8 !important;}

/*Página de 'Pedidos', poner los encabezados en verde, con linea gris debajo, fondo de la tabla blanco sin separaciones */
.header-pedido-grande {
    color: #38B54A;
    background: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    border-top: #ffffff;
    padding-bottom: 10px;
}
.linea-pedido-grande {
        background: #FFFFFF;
        color: #0f0f0f;
        font-family: "Lato", sans-serif;
        font-weight: 300;
        padding: 15px 0px;
        border-bottom: 1px solid #FFFFFF;
        text-align: center;
    }

/*Agrupaciones, estilo del head de la tabla*/
#tabla-productos-agrupados thead {
    background: #fff;
    color: #38B54A;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
}

@media (max-width: 768px){
    #captcha-input {padding-bottom: 50px;}
    #ayuda-header-red{background: #000000 !important;}

    /*Mostrar tres artículos por fila en versión tablet*/
    .col-der-dos #familia-derecha .product{ width: 33% !important;}
    .product-container .product {
        background: #FFFFFF;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        width: 33%;
    }
    
        
    .cantidad-producto {
        width: 35%;
        height: 100%;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 23px;
        float: left;
    }
        
    .container-boton-comprar {
        width: 65%;
        float: right;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
    }
  

    #familia-derecha .product {
        width: 33%;
    }

    #menu-sticky-mobile {
        background: #000000;
        text-align: center;        
    }

    /*Pongo z-index:1 porque se ocultaba la imagen al poner el fondo de página gris*/
    /* .imagen-principal-ficha-producto {
        top: 0px;
        z-index: 1;
        max-width: 305px;
        display: block;
        margin: 57px auto;
    } */

    /*Centrar logo del footer en version tablet y movil*/
    #logo-footer img {
        width: 180px; /* o el que prefieras */
        height: auto;
    }
    #logo-footer {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    /*Centrar logo del header en version tablet y movil*/
    #logo img {
        width: 280px!important; /* o el que prefieras */
        height: auto!important;
    }
    #logo {
        width: 100%!important;
        display: flex!important;
        justify-content: center !important;
        margin-top: 20px!important;
    }

    /*Página de 'Pedidos', poner los encabezados en verde, con linea gris debajo, fondo de la tabla blanco sin separaciones */
    #principal-perfil #historial-pedido-pequeno .linea-pedido header {
        height: 47px;
        background: #FFFFFF;
        border-top: 4px solid #FFFFFF;
    }

     /*Mostrar cuatro artículos por fila en versión tablet*/
    #familia-derecha .product{ width: 25% !important;}
    .product-container .product {
        background: #FFFFFF;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        width: 33.33% !important;
        padding-bottom: 100px;
        margin-bottom: 20px;
    }

    /*Ocultar un botón de productos en tablet y móvil, se veian dos*/
    #nav-container.nav-container-dos #menu li#productos_2 {
        display:none;
    }

    /*Ocultar los botones de casita en tablet y móvil, se veian dos y no hace falta ninguno porque ya está INICIO*/
    #casa_2_no_sticky, #casa_2_sticky{
        display:none;
    }

    /*Ocultar banner-sidebar product-sidebar*/
    .banner-sidebar, .product-sidebar{
    display:none !important;
    }
    
}


@media (max-width: 480px){
    #familia-derecha .product, #familia-derecha .product-group {
        background: #FFFFFF;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        width: 100%;
        height: 100%;
    }
    /*Mostrar dos artículos por fila en versión móvil*/
    .col-der-dos #familia-derecha .product{ width: 50% !important;}
    .product-container .product {
        background: #FFFFFF;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        width: 50% !important;
        padding-bottom: 100px;
        margin-bottom: 20px;
    }
    .box-img-producto {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
    }
    .box-img-producto img {
        width: 80%;
    }

    /*Color de letra de Familias en blanco y hover en verde*/
    #nav-container.nav-container-dos #menu-familia li a{     
    height: 100%;
    color: #ffffff;
    }
    #nav-container.nav-container-dos #menu li a:hover{     
        height: 100%;
        color: #38B54A !important;
    }

    /*Ocultar banner-sidebar*/
    .banner-sidebar{display:none;}

    /*Icono favorito*/
    .favorito img{width: 20px; height: auto; margin-top: 20px; margin-right: 15px; position: relative;}

    /*Referencia miniatura producto*/
    .ref-product {
    font-size: 11px;
    text-align: left;
    padding: 0px 0px 10px;
    color: #333333;
    font-family: 'Lato', sans-serif;
    margin-left: 30px;
    }

    /*Contenedor miniatura producto*/
    .product-container .product {
    background: #FFFFFF;
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-right: none;
    width: 100%;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
}

}


    /*Botón más pequeño para que aparezca al lado de referencia*/
  
    .button-compra-container-familia {
        padding-top: 10px;
        padding-left: 10px;
        float: left;
        width: 50%;   
    }
    .numero-precio {font-size: 15px; }
    .detalles a {font-size: 15px;}
    #boton-anadir-familia {
        background-image: url(../img/icono_carrito_producto.png) !important;
        background-position: 12px 8px !important;
        background-repeat: no-repeat !important;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        padding: 8.5px 13px 8.5px 32px !important;
        margin-top: 10px;
    }
    
    /*Al ampliar imagen de producto, que se vea ajustada a la pantalla*/
    .fancybox-inner, .fancybox-outer{
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    .fancybox-wrap {
        max-width: 360px !important;
        max-height: 360px !important;
    }

    /*Mostrar 3 artículos relacionados y accesorios por fila*/
    #product-container-relacionados .product, #product-container-accesorios .product {width: 33%; }
    .product{height: 100%;}

    /*Botón de añadir en artículos relacionados y accesorios*/
    #product-container-relacionados .button-compra-container-familia, #product-container-accesorios .button-compra-container-familia {padding-left: 0px !important;}
    #product-container-relacionados #boton-anadir-familia,#product-container-accesorios .button-compra-container-familia {
        background-image: url(../img/icono_carrito_producto.png) !important;
        background-position: 6px 8px !important;
        background-repeat: no-repeat !important;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        padding: 7.5px 10px 7.5px 25px !important;
        margin-top: 10px;
    }

    .name-product {
        height: 55px;
        color: #333333;
        margin: 0px 0px 10px;
        padding: 0;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        line-height: 15px;
        text-transform: lowercase;
    }

    .product-container .product {
        background: #FFFFFF;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: none;
        width: 100%;
        padding-bottom: 100px;
        margin-bottom: 20px;
    }

       
    .cantidad-producto {
        width: 35%;
        height: 100%;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 23px;
        float: left;
    }
    
    .container-boton-comprar {
        width: 65%;
        float: right;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
    }
  

    #menu-sticky-mobile {
       
        background: #000000;
        text-align: center;
        
    }

    .imagen-principal-producto {
        width: 100%;
        height: 419px;
        border: none;
        position: relative;
        margin-bottom: 27px;
        display: table;
    }    

    /*Opciones del menú superior centradas en la página*/
    #menu a.nav-selected {margin-right: 30px;} /*Casita con margen derecho para separar productos porque productos con margen se ve mal*/
    #menu .menuDesplegable {text-align: center; margin-left: 0px; margin-right: 0px;} /*Demás opciones con margenes*/
    span.nav-selected { padding: 23.5px 5px !important;   }

    /*Marca del producto centrada*/
    .marca-producto{padding-top:0px;margin-bottom:5px;}

    /*Que se vea el titulo 'Video' en versión móvil y que no se tape 'Características'. */
    .video-presentacion h4{display:flex;}
    .video-presentacion{width:20% !important;max-width: 842px; max-height: 18px; border-radius: 50px;}

    /*Etiqueta del Video de producto*/
    .video-presentacion{width:38% !important;max-width: 842px; height: 12%;  border-radius: 50px; padding-bottom: 50px;}
    .video-presentacion-title{margin-left: 0px;}
    .caracteristica-producto h4{font-size: 17px;}
    .sprite-play-video-producto {
        width: 61px;
        height: 49px;
        background-position: -482px -113px;
        float:right;
        border-radius: 50px;
    }  

}

/*Paginación sin bordes, sin relleno, número verde, seleccionado en negro, quitar modo lista y modo filto*/
#paginacion-familia span, #paginacion-familia-top span {color: #38B549; border: 0px;}
#paginacion-familia a:hover span,
#paginacion-familia-top a:hover span {
    background-color: transparent !important;
    color: #000000 !important;
    border: 0px;
}

/*Producto del sidebar sin bordes*/
.product-sidebar {
    width: 100%;
    display: inline-block;
    border: 0px solid #D0D0D0;
    margin-bottom: 20px;
    position: relative;
    padding: 5px 0px;
}


.paginacion-actual span{background: #FFFFFF !important;color:#000 !important;}

button:has(.lista-click), /* button:has(.table-mayoristas-click) {
    display: none !important;
} */

/*Quitar el nombre de las marcas*/
.marcas a #nombre{display:none;}

/*Para que los menus extra no aparezcan hasta pasar el rato encima de la subfamilia*/
.submenu-familias-extra-nav-dos { display: none; }
.megamenu-categoria:hover .submenu-familias-extra-nav-dos { display: block; }

/*Cabecera de familias y subfamilias con fondo blanco y letra negra*/
#banner-familia{background: #fff; padding-bottom: 30px; }
#title-banner-familia{color: #000000;}
#intro-banner-familia{color: #000000;}



/*CAMBIOS REALIZADOS PARA ADAPTAR LA PLANTILLA_2 DE LA WEB*/

#nav-container.nav-container-dos {border-bottom: 1px solid #000;}

/*Enlaces de Ayuda en verde*/
.cabecera-dos .options-ayuda .info-option-ayuda a {
        color: #38B549;
        text-decoration: none;
        font-size: 12px;
        text-transform: lowercase;
    }

/*Fondo de Productos negro*/
#nav-container.nav-container-dos #menu li#productos_2 {border: none; background: #000 !important;}

#logo img {width: 80%;height: auto;}

/*Opción seleccionada del menú con letra verde*/
#nav-container.nav-container-dos #menu a.nav-selected {color: #38B549 !important; background: transparent !important; padding-right: 0px;}

/*Hover del color de letra de las opciones del menú*/
#nav-container.nav-container-dos #menu a:hover {color: #38B549;background: transparent !important;}

/*El menú de familias blanco con letra negra y hover de letras verde*/
#option-nav-productos nav ul li a {background-color: #FFF; color: #000;}
#option-nav-productos nav ul li a:hover {background-color: #FFF !important; color: #38B549 !important;}

/*Estilos para la página de noticias y de noticia*/
    #portada-noticias {
        padding-bottom: 50px;
        width: 100%;
        background: white;
        border: none;
        display: block;
        float: left;
    }

    #portada-noticias > .container{
        padding-top: 30px;
    }

    .col-first-container-noticias {
        width: 26%;
        padding: 0px 3.46%;
        float: left;
        text-align: center;
        word-wrap: break-word;
    }

    .img-noticia {
        max-height: 25vh;
        min-height: 25vh;
        width: 100%;
        object-fit: cover;
    }

    .col-first-container-noticias .title-col-first-container {
        font-family: unset;
    }

    .col-first-container-noticias .resume-col-first-container {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .col-first-container-noticias a {
        color: red;
    }

    .noticias-title-site {
        text-align: center;
        font-family: "Lato",sans-serif;
        font-weight: 300;
        color: #4a4a4a;
        font-size: 25px;
        margin-bottom: 30px;
        margin-top: 20px;
        border-bottom: 1px solid #D0D0D0;
        line-height: 0;
    }

    .noticias-title-site span {
        background: white;
        padding: 0px;
    }

    .button-noticias {
        background: #38B54A;
        text-align: center; 
        padding: 0.75em 1.5em;
        color: white;
    }

    #bottom-noticias-inicio {
        padding: 3em 0em 0em 0em;
        text-align: end;
    }

    .titulo-section-noticias {
        padding-bottom: 1em;
        font-family: "Lato",sans-serif;
        font-weight: 500;
        color: #4a4a4a;
        font-size: 25px;
    }

    .noticias-list {
        width: 100%;
        height: auto;
        border: 1px solid #D0D0D0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        margin: 10px 0px;
        float: left;
        overflow: hidden;
    }

    .img-noticias-list {
        width: 20%;
        float: left;
        padding: 1%;
        white-space: nowrap;
        position: relative;
    }

    .img-noticias-list img {
        width: 100%;
        object-fit: cover;
    }

    .info-noticias-list {
        width: 45%;
        float: left;
        padding: 2%;
        height: auto;
    }

    .actions-noticias-list {
        width: 124px;
        float: right;
        margin: 63px 30px 0px;
        line-height: 40px;
    }

    .date-noticias-list {
        color: #6b6969;
        font-family: 'Lato', sans-serif !important;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .date-noticia {
        color: #6b6969;
        font-family: 'Lato', sans-serif !important;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        padding-bottom: .75em;
    }

    .title-noticias-list { 
        color: #4a4a4a;
        font-family: 'Montserrat', sans-serif;
        font-size: 23px;
    }

    .title-noticia {
        color: #4a4a4a;
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
    }

    .subtitle-noticias-list {
        padding: 0.5em 0em 0em;
        color: #6b6969;
        font-family: 'Lato', sans-serif !important;
        font-weight: 300;
    }

    a.btn-noticias-list-eye {
        color: #38B54A !important;
    }

    .btn-noticias-list-eye {
        background: #fff;
        border: 1px solid #38B54A;
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        padding: 8px 10px;
    }

    .sprite-icono-ojo-noticias-list {
        width: 18px;
        height: 11px;
        background-position: -402px -5px;
        display: inline-block;
    }

    .full-width-container {
        width: 100%;
        padding: 2em 0;
    }

    .container-noticia {
        padding: 2em 0;
        display: flex;
    }

    .text-section {
        width: 75%
    }

    .image-section {
        width: 25%
    }

    .image-section img {
        object-fit: cover;
        width: 100%;
    }

    .subtitle-noticia {
        font-size: 21px;
        color: #7c7c7c;
        padding-bottom: .75em;
    }

/*Imagen dto cantidad no tape el menú lateral de familias*/
.img-dto-cantidad {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
}


@media (min-width: 1024px) {
/*Tamaño de las categorias destacadas*/
.especialidad img{height: 170px !important;}

/*Color de letra de las opciones del menú*/
#nav-container.nav-container-dos #menu a {color: #ffffff}
}

.slider-cabecera-dos .container-especialidad {
        top: 0px !important;
}
#catalogo-portada .container-especialidad {
        top: 20px !important;
}

/*Añadir padding a Contacta del menu*/
@media (min-width: 1200px) {
    #nav-container.nav-container-dos #menu li:last-of-type a {padding-right: 20 !important; }
}

/*Fondo del menú negro, letras blancas, sin bordes*/
#nav-container.nav-container-dos #menu li {
    display: inline-block;
    height: 100%;
    border-right: 0px solid;
    background: #000;
}

/*Menu sticky en negro, hover de letras verde*/
#nav-container.nav-container-dos.is-sticky {margin-top: 0px !important; background: #000 !important;}
#nav-container.nav-container-dos.is-sticky #menu a:hover {color: #38B549 !important;background: transparent !important;}
#nav-container.nav-container-dos.is-sticky #menu a {font-size: 15px; padding: 23px 10px 23px 10px!important;}
#nav-container.nav-container-dos.is-sticky #menu li#productos_2 {border-right: 0px solid;}
#nav-container.nav-container-dos.is-sticky #menu li {border-right: 0px solid;}
#nav-container.nav-container-dos #menu a.nav-selected {color: #38B549 !important; background: transparent !important; padding-right: 0 !important;}

.cuenta-nav-logeado {background-color: #38B549;}
#texto_mi_cuenta_logeado {color: white !important;}
#texto_mi_cuenta_logeado:hover {color: #38B549 !important;}

/*Separar el slider de la plantilla_2 de las categorías destacadas*/
.slider-cabecera-dos #slider {margin-bottom: 22px;}

/*Redondear bordes del buscador*/
#descripcion_articulo { border-radius: 50px;}
#lupa-buscar {border-radius: 50px;}


@media (max-width: 768px){
    .container-especialidad .title-especialidad {
        font-size: 20px !important;
        margin-top: 6px;
    }
}

@media (min-width: 900px) and (max-width: 1024px){
    .container-especialidad .title-especialidad {
        font-size: 20px !important;
        margin-top: 6px;
    }
    #catalogo-portada .container-especialidad {
    top: 230px !important;
    }
}