@media (min-width: 1200px) {
            .container {  	
                width: 1600;
                
            }}
         :root {  
            --maincolor: ;  
            --bodycolor: #3C3C3C;  
        }html{
            font-size: 16px;
        }body{
            font-family: "Jost", sans-serif;
            font-size: 16px;
            color: #3C3C3C;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Jost", sans-serif;
            color: #121111;
            text-transform: none;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Jost", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #FF0000;   
        }.js-product-miniature .product_desc .product_name{
            color: #121111;
            text-transform: none;
            font-weight: 400;
        }@media(min-width: 768px){
                .js-product-miniature .product_desc .product_name{
                font-size: 16px;
                }
            }.js-product-miniature .product_desc .product_name:hover{
            color: #9DD4CF;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 16px;
        }.h1.namne_details, .product_name_h1{
            color: #121111;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#121111;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }/* ===== Titulo de pagina + miga de pan (rev. 03/08/2026) =====
   El bloque nativo .page-title-wrapper se oculta SOLO donde Creative Elements
   ya pinta su propio titulo y su propia miga de pan (ficha y categoria).
   Antes se ocultaba en toda la tienda y dejaba a CMS, contacto, marcas,
   buscador, carrito y cuenta sin miga de pan y, en varias, sin H1 visible. */
body#product .page-title-wrapper,
body#category .page-title-wrapper {
display: none !important;
}

/* CMS: el titulo del tema (H1 + miga) se muestra por defecto.
   Solo se oculta el H1 en las paginas cuyo contenido ya repite el titulo,
   para no verlo dos veces. La miga de pan se mantiene siempre. */
body#cms.cms-id-2 .page-title-wrapper .page-header,
body#cms.cms-id-7 .page-title-wrapper .page-header,
body#cms.cms-id-8 .page-title-wrapper .page-header,
body#cms.cms-id-9 .page-title-wrapper .page-header,
body#cms.cms-id-10 .page-title-wrapper .page-header,
body#cms.cms-id-14 .page-title-wrapper .page-header,
body#cms.cms-id-15 .page-title-wrapper .page-header,
body#cms.cms-id-16 .page-title-wrapper .page-header {
display: none !important;
}

/* 404 y checkout: no hay ni titulo ni miga, evitamos la franja vacia */
body#pagenotfound .page-title-wrapper,
body#checkout .page-title-wrapper {
display: none !important;
}

/* Titulo vacio (buscador, novedades): que no deje hueco */
.page-title-wrapper .page-header h1:empty {
display: none;
}

.pos-search__result .search-item a .product-infos .product_name {
text-transform: inherit;
}

/* Unificar color de descripciones de producto al verde Happyideas */
.ce-product-description-short *,
#description *,
.product-description *,
.tab-content *,
.rte * {
color: #6a9792 !important;
background-color: transparent !important;
}
/* prueba-guardado */

/* ===== PARCHE UX v1 - auditoria 01/08/2026 ===== */
:root{ --hi-text:#3F6560; --hi-brand-dark:#4A6F6A; --hi-tap:44px; }

/* 1 - CONTRASTE AA */
body.ce-kit-10 .ce-product-name,
body.ce-kit-10 .ce-product-name a,
body.ce-kit-10 .ce-product-prices,
body.ce-kit-10 .ce-product-price,
body.ce-kit-10 .ce-product-price-regular,
body.ce-kit-10 .ce-breadcrumb__item,
body.ce-kit-10 .ce-breadcrumb__item a,
body.ce-kit-10 .breadcrumb li,
body.ce-kit-10 .breadcrumb li a { color: var(--hi-text) !important; }

body.ce-kit-10 .elementor-tab-content,
body.ce-kit-10 .elementor-toggle-title,
body.ce-kit-10 #product .elementor-widget-text-editor,
body.ce-kit-10 #product .elementor-widget-text-editor p,
body.ce-kit-10 #product .elementor-widget-text-editor li { color: var(--hi-text) !important; }

/* anula la regla de arriba que fuerza #6a9792 en las descripciones */
.ce-product-description-short *,
#description *,
.product-description *,
.tab-content *,
.rte * { color: var(--hi-text) !important; }

body.ce-kit-10 #checkout label,
body.ce-kit-10 #checkout .form-control-label,
body.ce-kit-10 .cart-summary-line,
body.ce-kit-10 .delivery-option label,
body.ce-kit-10 .payment-option label { color: var(--hi-text) !important; }

body.ce-kit-10 #checkout input,
body.ce-kit-10 #checkout select,
body.ce-kit-10 #checkout textarea { font-size: 16px !important; }

/* 2 - AREAS TACTILES 44px */
@media (max-width:1024px){
  .lvd-open-menu .elementor-widget-container,
  .pos-search__toggle,
  .elementor-cart__toggle .elementor-button,
  header .elementor-widget-image > .elementor-widget-container > a {
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:var(--hi-tap); min-height:var(--hi-tap);
  }
  .elementor-swiper-button,.swiper-button-next,.swiper-button-prev {
    min-width:var(--hi-tap) !important; min-height:var(--hi-tap) !important;
    display:flex !important; align-items:center; justify-content:center;
  }
  .swiper-pagination-bullet { width:12px !important; height:12px !important; position:relative; }
  .swiper-pagination-bullet::after { content:""; position:absolute; inset:-16px; }
  .ce-filters__toggle { min-height:var(--hi-tap) !important; display:flex !important; align-items:center; justify-content:center; }
  input[type="checkbox"],input[type="radio"] { width:22px !important; height:22px !important; accent-color:var(--hi-brand-dark); }
}

/* 3 - TARJETAS DE PRODUCTO ALINEADAS */
/* OJO: no convertir .ce-product-grid en flex, rompe la reticula col-xs-6 */
.ce-product-grid .ce-product-name {
  display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.7em !important;
}
.ce-product-grid .ce-product-prices {
  display:flex !important; flex-direction:row !important; align-items:baseline !important;
  justify-content:flex-start !important; flex-wrap:nowrap !important; gap:6px !important;
  min-height:56px !important;
}
.ce-product-grid .ce-product-price-regular { font-size:12px !important; opacity:.75; }
.ce-product-grid .ce-product-price { font-size:15px !important; white-space:nowrap; }

/* el boton lleva style="all:unset" en linea: todo necesita !important */
.ce-product-grid .carrito-miniatura button[type="submit"] {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:var(--hi-tap) !important; height:var(--hi-tap) !important;
  min-width:var(--hi-tap) !important; min-height:var(--hi-tap) !important;
  padding:0 !important; border:0 !important; border-radius:50% !important;
  background:var(--hi-brand-dark) !important; cursor:pointer !important;
  box-sizing:border-box !important; transition:background .15s ease !important;
}
.ce-product-grid .carrito-miniatura button[type="submit"]:hover,
.ce-product-grid .carrito-miniatura button[type="submit"]:focus-visible { background:#3a5b57 !important; }
.ce-product-grid .carrito-miniatura button[type="submit"] img {
  width:20px !important; height:20px !important; filter:brightness(0) invert(1) !important;
}

/* 4 - DESPLEGABLE DEL BUSCADOR LEGIBLE */
.pos-search__result { width:min(420px,92vw) !important; max-height:70vh !important; overflow-y:auto !important; }
.pos-search__result .search-item { display:flex !important; align-items:center !important; gap:12px !important; padding:10px 12px !important; min-height:64px; }
.pos-search__result .search-item img { width:56px !important; height:56px !important; object-fit:contain !important; flex:0 0 56px; }
.pos-search__result .product_name { display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px !important; line-height:1.3 !important; color:var(--hi-text) !important; }
.pos-search__result .product-price,
.pos-search__result .price { font-size:14px !important; color:var(--hi-text) !important; }

/* 5 - WHATSAPP NO TAPA LA BARRA DE COMPRA */
@media (max-width:1024px){
  body.page-product #whatsapp, body#product #whatsapp { bottom:84px !important; }
}
#whatsapp .elementor-icon { min-width:var(--hi-tap); min-height:var(--hi-tap); }

/* 6 - FOCO VISIBLE PARA TECLADO */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--hi-brand-dark) !important; outline-offset:2px !important; border-radius:3px;
}

/* 7 - VENTANA DE PRODUCTO ANADIDO */
@media (max-width:767px){
  #blockcart-modal .modal-body img, #blockcart-modal .product-image { max-height:150px !important; width:auto !important; margin:0 auto; }
  #blockcart-modal .modal-dialog { margin:8px; }
  #blockcart-modal .modal-body { padding:14px 16px !important; }
}
#blockcart-modal .btn-secondary { background:#fff !important; color:var(--hi-brand-dark) !important; border:2px solid var(--hi-brand-dark) !important; min-height:var(--hi-tap); }
#blockcart-modal .btn-primary { background:var(--hi-brand-dark) !important; color:#fff !important; border:0 !important; min-height:var(--hi-tap); }

/* 8 - CHECKOUT MAS COMODO */
body.ce-kit-10 #checkout .form-control,
body.ce-kit-10 #checkout input[type="text"],
body.ce-kit-10 #checkout input[type="email"],
body.ce-kit-10 #checkout input[type="tel"],
body.ce-kit-10 #checkout select { min-height:48px !important; padding:10px 12px !important; }
body.ce-kit-10 #checkout .form-group { margin-bottom:16px !important; }
body.ce-kit-10 #checkout #payment-confirmation button[type="submit"] {
  background:var(--hi-brand-dark) !important; color:#fff !important;
  min-height:52px !important; font-size:16px !important; border:0 !important;
}

/* 9 - CHECKOUT SIN MENU NI BUSCADOR (no oculta ningun enlace de contenido) */
body#checkout .elementor-element-19856b06,
body#checkout .lvd-open-menu,
body#checkout .pos-search-wrapper { display:none !important; }

/* 10 - SCROLL NATIVO. Si el pie se despega en paginas cortas, borrar la linea siguiente */
html, body { height:auto !important; overflow-y:visible !important; }
/* ===== FIN PARCHE UX v1 ===== */

/* ===== CORRECCION 1 - precio y boton ===== */
/* El precio quedaba 12px mas alto que el boton y se veia pequeno. */
.ce-product-grid .ce-product-prices { min-height:44px !important; align-items:center !important; }
.ce-product-grid .ce-product-price { font-size:18px !important; font-weight:700 !important; }
.ce-product-grid .ce-product-price-regular { font-size:14px !important; }

/* En movil no caben dos precios y un boton de 44px en media tarjeta, */
/* asi que solo las tarjetas con descuento reducen el precio. */
@media (max-width:767px){
  .ce-product-grid .ce-product-prices { gap:2px !important; }
  .ce-product-grid .ce-product-price { font-size:17px !important; }
  .ce-product-grid .ce-product-prices:has(.ce-product-price-regular) .ce-product-price { font-size:14px !important; }
  .ce-product-grid .ce-product-price-regular { font-size:11px !important; }
}
/* ===== FIN CORRECCION 1 ===== */

/* ===== CORRECCION 2 - el boton se salia de su hueco en movil ===== */
/* El widget del boton mide 32px y el circulo 44: se desbordaba 17px a la */
/* derecha y en la columna derecha parecia cortado. En movil el circulo */
/* baja a 34px y el area de pulsacion se mantiene en 44 con un ::before. */
@media (max-width:767px){
  .ce-product-grid .carrito-miniatura button[type="submit"]{
    width:34px !important; height:34px !important;
    min-width:34px !important; min-height:34px !important;
    position:relative !important;
  }
  .ce-product-grid .carrito-miniatura button[type="submit"]::before{
    content:"" !important; position:absolute !important; inset:-5px !important;
  }
  .ce-product-grid .carrito-miniatura button[type="submit"] img{
    width:17px !important; height:17px !important;
  }
}
/* ===== FIN CORRECCION 2 ===== */

/* ===== CORRECCION 3: precios de productos rebajados ===== */
/* precio que se paga: terracota oscuro de marca, destaca sobre el verde */
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular) .ce-product-price{
color:#A85C42 !important;
}
/* precio anterior tachado: vuelve al verde claro original y se agranda */
.ce-product-grid .ce-product-price-regular{
color:#699892 !important;
font-weight:400 !important;
}
@media (max-width:767px){
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular) .ce-product-price{
font-size:15px !important;
}
.ce-product-grid .ce-product-price-regular{
font-size:13px !important;
}
}
/* ===== FIN CORRECCION 3 ===== */

/* ===== CORRECCION 3b ===== */
/* la regla body.ce-kit-10 ganaba en especificidad: la igualamos */
body.ce-kit-10 .ce-product-grid .ce-product-price-regular{
color:#699892 !important;
}
/* ===== FIN CORRECCION 3b ===== */

/* ===== CORRECCION 3c: que la tarjeta rebajada no se corte en movil ===== */
/* article.elementor-section-wrap tiene overflow-x:hidden y recorta en el borde */
/* de la columna, asi que el bloque de precios + boton tiene que caber dentro */
@media (max-width:767px){
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular) > div{
margin-right:3px !important;
}
body.ce-kit-10 .ce-product-grid .ce-product-price-regular{
font-size:12px !important;
}
}
/* ===== FIN CORRECCION 3c ===== */

/* ===== CORRECCION 3d: precios rebajados apilados en movil ===== */
/* en linea no caben: precio antiguo arriba y precio nuevo debajo, */
/* asi el boton entra entero y la tarjeta mantiene la misma altura */
@media (max-width:767px){
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular){
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
flex-wrap:nowrap !important;
gap:0 !important;
}
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular) > div{
margin:0 !important;
line-height:1.2 !important;
}
.ce-product-grid .ce-product-prices:has(.ce-product-price-regular) .ce-product-price{
font-size:17px !important;
}
body.ce-kit-10 .ce-product-grid .ce-product-price-regular{
font-size:13px !important;
}
/* el contenedor del widget recorta con overflow:hidden y se comia el simbolo del euro */
.ce-product-grid .elementor-widget-container:has(> .ce-product-prices){
overflow:visible !important;
}
.ce-product-grid .elementor-widget-container:has(> .ce-product-prices) > .ce-product-prices{
width:max-content !important;
max-width:none !important;
}
}
/* ===== FIN CORRECCION 3d ===== */

/* ===== CORRECCION 4: subir el boton de compra en la ficha (solo movil) ===== */
/* antes: titulo a 722px, precio a 802px, boton a 1053px de scroll */
/* ahora: titulo a 547px, precio a 615px, boton a 702px */
@media (max-width:767px){
/* foto principal de 355 a 285px, a ancho completo y sin recorte lateral */
body.page-product .elementor-main-swiper .elementor-carousel-image{
height:285px !important;
object-fit:cover !important;
object-position:center !important;
}
/* miniaturas de 112 a 60px */
body.page-product .elementor-thumbnails-swiper .elementor-carousel-image{
height:60px !important;
object-fit:cover !important;
}
/* migas de pan en una sola linea: se oculta el nombre del producto, que ya esta en el H1 */
body.page-product nav.breadcrumb ol{
white-space:nowrap !important;
overflow-x:auto !important;
}
body.page-product nav.breadcrumb ol li:last-child{ display:none !important; }
body.page-product nav.breadcrumb ol li:nth-last-child(2)::after{ content:"" !important; }
body.page-product .elementor-column-wrap:has(nav.breadcrumb){ padding-top:6px !important; }
/* separadores de la columna de compra: de 24/20/16/32 a 8px */
body.page-product .elementor-widget-wrap:has(> .product-add-to-cart) > .elementor-widget-spacer .elementor-spacer-inner{
height:8px !important;
}
/* la descripcion pasa por debajo del boton de compra */
body.page-product .elementor-widget-wrap > .elementor-widget-product-description-short{
order:5 !important;
margin-top:16px !important;
}
}
/* ===== FIN CORRECCION 4 ===== */

/* ===== CORRECCION 5: botones de compra a ancho completo en movil ===== */
/* antes: verde 259px y Apple Pay 292px, ambos a la izquierda en una columna de 355 */
@media (max-width:767px){
body.page-product .product-add-to-cart .elementor-widget-container,
body.page-product .product-add-to-cart .elementor-button-wrapper{
width:100% !important;
}
body.page-product .product-add-to-cart .elementor-button{
width:100% !important;
display:block !important;
}
/* Apple Pay / Google Pay de Stripe: tiene que acompanar o el desajuste queda peor */
body.page-product #stripe-express-checkout-element{
width:100% !important;
max-width:none !important;
}
body.page-product #stripe-express-checkout-element .__PrivateStripeElement,
body.page-product #stripe-express-checkout-element iframe{
width:100% !important;
}
}
/* ===== FIN CORRECCION 5 ===== */


/* ===== CORRECCION 6 - titulos de producto en movil (rev. 03/08/2026) =====
   El recorte a 2 lineas ya existia en .ce-product-grid .ce-product-name,
   pero el tema aplica overflow:visible en el widget del nombre y la tercera
   linea se pintaba ENCIMA del precio. Aqui se fuerza overflow:hidden y se
   baja la letra de 18 a 15px para que quepa mas texto en las dos lineas.
   Solo movil: por encima de 767px no se aplica nada. */
@media (max-width:767px){
.ce-product-grid .ce-product-name{
  font-size:15px !important;
  line-height:20px !important;
  min-height:40px !important;
  height:40px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
}


/* ===== CORRECCION 7 - submenus del menu movil (rev. 03/08/2026) =====
   El menu lateral solo dejaba llegar a 10 secciones de 53. Las 43 subcategorias
   estaban en el HTML con display:none y la flecha para desplegarlas
   (span.sub-arrow, de SmartMenus) estaba oculta y sin icono: 0x0 px.
   Al tocar la categoria padre navegaba en vez de desplegar.
   El JavaScript de SmartMenus ya estaba activo, solo faltaba la flecha.
   Solo movil. */
@media (max-width:767px){
.elementor-nav .menu-item-has-children > a.has-submenu{
  position:relative !important;
  padding-right:44px !important;
}
.elementor-nav .menu-item-has-children > a.has-submenu > span.sub-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:44px !important;
  height:44px !important;
  font-size:18px !important;
  line-height:1 !important;
  font-family:inherit !important;
  cursor:pointer;
}
.elementor-nav .menu-item-has-children > a.has-submenu > span.sub-arrow::before{
  content:"\25BE" !important;
  font-family:inherit !important;
}
}

/* CORRECCION 8 - CABECERA FIJA EN MOVIL */
@media (max-width:767px){
html, body{overflow-x:visible !important;}
main{overflow-x:clip !important; overflow-y:visible !important;}
header{position:sticky !important; top:-48px !important; z-index:9999 !important; background:#fff !important; box-shadow:0 2px 8px rgba(0,0,0,.08) !important;}
}

/* CORRECCION 9 - BUSCADOR DE REGALOS EN MOVIL */
@media (max-width:767px){
.hi-buscador__campos{flex-direction:column !important; gap:12px !important;}
.hi-buscador__campos > .hi-buscador__select{flex:0 0 auto !important; height:50px !important; min-height:50px !important;}
}

/* CORRECCION 10 - CABECERA MOVIL ALINEADA Y ES/EN VISIBLE */
@media (max-width:767px){
header .hi-lang a{color:#3F6560 !important; font-size:12px !important; padding:12px 5px !important; display:inline-block !important;}
header .hi-lang a.on{font-weight:700 !important; opacity:1 !important;}
header .elementor-element-7d8bb1b3 .elementor-widget-wrap{flex-wrap:nowrap !important; justify-content:flex-end !important; align-items:center !important;}
header .elementor-element-7eff696{width:0 !important; flex:0 0 0 !important; overflow:hidden !important;}
header .elementor-element-82dbedd{width:auto !important; flex:0 0 auto !important; margin-left:2px !important;}
header .elementor-element-2516ae1c{width:44px !important; flex:0 0 44px !important;}
header .elementor-element-6bbabbda{width:34px !important; flex:0 0 34px !important;}
header .elementor-element-17442e3{width:44px !important; flex:0 0 44px !important;}
}

/* CORRECCION 11 - ES/EN TAMBIEN VISIBLE EN ESCRITORIO */
header .hi-lang a{color:#3F6560 !important;}
header .hi-lang a.on{font-weight:700 !important; opacity:1 !important;}

/* CORRECCION 12 - LOGO E ICONOS SE SOLAPABAN EN MOVILES ESTRECHOS */
@media (max-width:767px){
header .elementor-element-2de8f9fe{width:42% !important;}
header .elementor-element-7d8bb1b3{width:58% !important;}
header .elementor-element-265772da .elementor-widget-container,
header .elementor-element-265772da .elementor-image{width:auto !important;}
header .elementor-element-265772da img{width:90px !important; max-width:none !important; height:auto !important;}
header .hi-lang a{padding:12px 3px !important;}
header .elementor-element-2516ae1c{flex:0 1 44px !important; min-width:32px !important;}
header .elementor-element-6bbabbda{flex:0 1 34px !important; min-width:26px !important;}
header .elementor-element-17442e3{flex:0 1 44px !important; min-width:32px !important;}
header .elementor-element-82dbedd{flex:0 1 auto !important; min-width:0 !important;}
}
@media (max-width:344px){
header .elementor-element-265772da img{width:70px !important;}
header .hi-lang a{padding:12px 2px !important; font-size:11px !important;}
}

/* CORRECCION 13 - HUECOS EN MOVIL: REJILLA, ES/EN Y H1 DE LA HOME */
@media (max-width:767px){
.ce-product-grid > * > .elementor-section-wrap .elementor-column-wrap.elementor-element-populated{padding-left:4px !important; padding-right:4px !important;}
header .hi-lang{gap:1px !important;}
header .hi-lang i{color:#9BB8B4 !important; font-style:normal !important;}
header .hi-lang a{padding:12px 2px !important;}
.elementor-element-394627a .elementor-column-wrap.elementor-element-populated{padding-bottom:0 !important;}
.elementor-element-22030a37{padding-top:4px !important;}
}

/* CORRECCION 14 - ESPACIO VERTICAL EN MOVIL */
@media (max-width:767px){
.ce-product-grid{row-gap:16px !important;}
.ce-product-grid .elementor-element-ae1ef7f{display:none !important;}
.ce-product-grid .elementor-element-76a28c8 .elementor-column-wrap.elementor-element-populated{padding-top:0 !important; padding-bottom:6px !important;}
.elementor-element-3629ab3d{margin-top:20px !important; margin-bottom:20px !important;}
.elementor-element-19662652{padding-bottom:0 !important; margin-bottom:0 !important;}
.elementor-element-5b5bf3d3{margin-top:0 !important;}
}