/*
Theme Name: Divi-children
Theme URI: http://www.lobodigital.es
Author: Manuel Sánchez
Author URI: http://www.lobodigital.es
Description: Child Theme del tema Divi
Version: 1.0
Template: Divi
*/

@import url("../Divi/style.css");
/*Quitar scroll horizontal*/
#page-container {
    overflow-x: hidden;
}
.woocommerce-page ul.products li.product .onsale, .woocommerce ul.products li.product .onsale {
    left:0px !important;
}
.woocommerce-page span.onsale, .woocommerce span.onsale {
    z-index: 2;
    background: #dfbab9!important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-bottom-left-radius: 0px !important;
    color: #fff;
    font-size: 20px;
    font-weight: 500!important;
    left: 0px!important;
    line-height: inherit!important;
    margin: 0!important;
    min-height: 0!important;
    min-width: 0!important;
    padding: 6px 18px!important;
    position: absolute;
    text-shadow: none!important;
    top: 0px!important;
}


/*Menú*/
/*Icono inicio de sesion del Menu*/
.ocultar-menu-login > a:before {
    font-family: 'ETMODULES';
    content: '\e08a'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #383838; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}
/*Fin de Icono inicio de sesion del Menu*/
/*Icono Area de usuario del Menu*/
.menu-usuario-estilo > a:before {
    font-family: 'ETMODULES';
    content: '\e08a'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #009c7b; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}
/*Fin de icono area de usuario del menu*/

/*Diseño menu lateral*/
.mostrar_nombre {
    color: #000000 !important;
    font-size: 19px !important;
    padding-top: 7px !important;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 700 !important;
}

.cat-01:after {
    content: "\35";
    font-size: 25px;
    color: inherit;
    font-family: "ETmodules";
    position: absolute;
    left: 85%;
}
h4.cat-01 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

h4.cat-02 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.cat-03:before {
    content: "\23";
    font-size: 25px;
    color: inherit;
    font-family: "ETmodules";
    position: absolute;
    right: 100%;
    padding-top: 1px;
}
h5.cat-03 {
    padding-bottom: 8px !important;
    padding-top: 5px !important;
}
/*Fin Diseño menu lateral*/
/*Alinear logo y menú categorías*/
.alinear {
    float: left;
    margin-bottom: 4px;
}
/*Alinear logo y menú categorías*/
/**Buscador menu**/

divi-ajax-search-ajs-product-title {
    font-weight: 600;
    color: black !important;
}

.divi-ajax-search-ajs-product-price span bdi span, .divi-ajax-search-ajs-product-price span {
    color: #dd9b99;
}

.divi-ajax-search-ajs-post .divi-ajax-search-ajs-post-title {
    font-size: 15px;
}
.divi-ajax-search-ajs-suggestions {
border: 1px solid #bbb !important;
}

.et_pb_image_wrap .et_pb_blurb_1_tb_header .et-pb-icon {
font-size: 30px !important;
font-weight: bolder!important;
}
.divi-ajax-search-ajs-product-price {
    color: #dd9b99;
}
.et_pb_search .et_pb_searchform focus, input:focus, input[type]:focus {
    border: 3px solid #DFBAB9;
}
/**Fin Buscador menu**/
/*Diseño Menú panel admin*/
/** Menu usuario dinamico **/
.logged-in .ocultar-menu-login {
	display: none !important;
}

body:not(.logged-in) .ocultar-menu,
body:not(.logged-in) .menu-usuario-diseño {
    display: none !important;
}

@media screen and (min-width: 981px) { 
	.menu-usuario-estilo {
		margin-left: 40px !important;
	}

}

@media screen and (max-width: 980px) { 
	.menu-usuario-estilo a {
		display: flex !important;
		align-items: center;
	}

}

/* Estilos sub menu usuario dinamico */
@media screen and (min-width: 981px) { 
	.menu-usuario-estilo > .sub-menu {
		margin-top: 0% !important;
		border-radius: 6px;
		border-top: none !important;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 20%);
		padding: 12px 0 !important;
		left: -40px !important;
	}


}

/* Iconos sub menu usuario dinamico */
.menu-usuario-estilo > .sub-menu a {
	font-size: 15px !important;
}
.menu-usuario-estilo > .sub-menu a:before {
	font-family: 'ETMODULES';
	text-align: center;
	margin-right: 16px;
	margin-left: -10px;
	color: #DFBAB9; 
	font-size: 1em; 
	transition: all .3s ease;
}

.menu-usuario-estilo .escritorio > a:before {
	content: '\e009';
}

.menu-usuario-estilo .pedidos > a:before {
	content: '\e015';
}

.menu-usuario-estilo .direcciones > a:before {
	content: '\e01d';
}

.menu-usuario-estilo .editar-cuenta > a:before {
	content: '\e101';
}
.menu-usuario-estilo .cambiar-contrasena > a:before {
	content: '\e06e';
}
.menu-usuario-estilo .contacto > a:before {
	content: '\e076';
}

.menu-usuario-estilo .metodos-pago > a:before {
	content: '\e0d8';
}

.menu-usuario-estilo .salir > a:before {
	content: '\7e';
}
/*Fin Estilos sub menu usuario dinamico */

/*Fin Menú*/


/*Carrusel de productos*/
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:40%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#dfbab9;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* Corrige el margen de los dots */
#main-content .ov-tienda li.dot:nth-child(2n+2) {
margin-right: 8px !important;
}
/* Corrige los margenes entre diapositivas */
.ov-tienda .woocommerce ul.products li.last, .ov-tienda .woocommerce-page ul.products li.last {
margin-right: 40px;
}
@media (max-width: 980px) {
.ov-tienda ul.products.columns-1 li:nth-child(2n+2),
.ov-tienda ul.products.columns-2 li:nth-child(2n+2),
.ov-tienda ul.products.columns-3 li:nth-child(2n+2),
.ov-tienda ul.products.columns-4 li:nth-child(2n+2) {
margin-right: 4% !important;
}
}

/*Fin Carrusel de productos*/

/*Diseño tienda*/
h2.woocommerce-loop-product__title {
    height: 70px !important;
}
/*Color precios carrusel*/
.et_pb_shop_0.et_pb_shop .woocommerce ul.products li.product .price .amount {
color: #f1b8b6 !important;
}
/*Margen superior de swatches de tienda*/
.inwp-archive-variations-wrapper.inwp-pro-loaded {
    margin-top: 10px !important;
}

/*Página Carrito diseño*/
.et_pb_wc_cart_totals_0 .woocommerce-Price-amount span.woocommerce-Price-amount.amount bdi {
    color: #ffffff !important;
}
/*Fin Página Carrito diseño*/
/*Diseño Formularios Mi cuenta*/
/*Ocultar metas personlizados pedidos*/
ul.wc-item-meta {
    display: none;
}
/*Fin Ocultar metas personlizados pedidos*/

/*Sección pedidos diseño caja*/
section.woocommerce-order-details {
    box-shadow: 0px 5px 30px #0000001c!important;
    margin-top: 25px!important;
    padding: 20px!important;
    border-radius: 10px!important;
    border: 0px;
}
/*Fin Sección pedidos diseño caja*/
/*Botón gravity form*/
.gform_wrapper.gravity-theme .gform_footer input {
    margin-bottom: 8px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    background-color: #dfbab9 !important;
    color: #000000 !important;
    border: 1px solid #dfbab9 !important;

}
/*Fin Botón gravity form*/
/*Fin Diseño Formularios Mi cuenta*/

/*Diseño carrito*/
.xoo-wsc-basket {
  top: 160px !important;
  z-index: 5 !important;
}

.xoo-wsc-modal.xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider {
z-index:99999999  !important;
}

.xoo-wsc-container, .xoo-wsc-slider {
z-index: 1 !important;
}

/* ==========================================================================
   DWITS 2026-09-05 - QUE ESTE CSS SOBREVIVA A DIVI 5
   ==========================================================================

   NO SE HA BORRADO NADA DE ARRIBA. Lo de arriba sigue haciendo falta mientras
   produccion este en Divi 4. Esto de aqui es lo mismo, escrito con selectores
   que valen en las DOS versiones.

   EL PROBLEMA, medido el 2026-09-05 comparando la misma pagina /tienda/ en las
   dos webs:

                                    PRUEBAS (Divi 5)   PRODUCCION (Divi 4)
       et_pb_shop_0 ..................       1                 13
       et_pb_shop ....................       3                 23
       et_pb_blurb_1_tb_header .......       1                  8
       page-container ................       7                 61

   Divi 4 numera las clases de cada modulo (`et_pb_shop_0`, `et_pb_blurb_1_tb_header`).
   Divi 5 ya no las pinta. Todo el CSS de arriba que cuelga de esas clases deja de
   aplicar, y por eso "los disenos ya no aparecen como Door".

   El menu, en cambio, se ve bien: esta escrito sobre clases que puso Angela a mano
   (`.menu-usuario-estilo`, `.cat-01`, `.alinear`, `.ov-tienda`), y ESAS SI sobreviven.
   Esa es la regla para lo que se escriba de aqui en adelante: cuelga siempre de una
   clase puesta a mano, nunca de una que genere Divi.
   ========================================================================== */

/* Precio del carrusel de productos.
   Sustituye a `.et_pb_shop_0.et_pb_shop ...`, que dependia de que ese fuera el PRIMER
   modulo de tienda de la pagina. `.ov-tienda` es la clase que puso Angela en el
   carrusel, y esta en 4 modulos: es un ancla estable. */
.ov-tienda .woocommerce ul.products li.product .price .amount {
    color: #f1b8b6 !important;
}

/* Margen de los puntitos del carrusel. Sustituye a `#main-content .ov-tienda li.dot`:
   el `#main-content` sobra y en Divi 5 no siempre esta. */
.ov-tienda li.dot:nth-child(2n+2) {
    margin-right: 8px !important;
}

/* Icono del blurb de la cabecera. Sustituye a `.et_pb_blurb_1_tb_header`, que era el
   blurb numero 1 de la plantilla de cabecera. Ahora vale cualquier blurb que este
   dentro de la cabecera del Theme Builder. */
.et-l--header .et_pb_blurb .et-pb-icon {
    font-size: 30px !important;
    font-weight: bolder !important;
}

/* ==========================================================================
   LOS TRES PLUGINS QUE HEMOS SUSTITUIDO
   El CSS de arriba pinta clases de plugins que ya no estan instalados
   (`divi-ajax-search-*`, `inwp-*`, `xoo-wsc-*`). Aqui se traslada ese mismo
   aspecto a las clases de los plugins de DWITS, para que no se pierda.
   ========================================================================== */

/* Buscador. Door tenia el precio en #dd9b99, que NO es el rosa de marca (#dfbab9):
   es medio tono mas oscuro. Se respeta el suyo. */
.dwits-buscador__precio {
    color: #dd9b99;
}

.dwits-buscador__panel {
    border: 1px solid #bbb;
}

.dwits-buscador__nombre {
    font-weight: 600;
    color: #000;
}

/* Borde rosa al enfocar el buscador, como en `.et_pb_search .et_pb_searchform focus`. */
.dwits-buscador__campo:focus {
    border: 3px solid #dfbab9;
}

/* Cesta flotante. En produccion este CSS del tema hijo mandaba sobre el del plugin:
   la cesta esta SIEMPRE a 160px del borde superior, no centrada. */
.dwits-carrito-cesta {
    top: 160px !important;
    transform: none !important;
}