/*
Theme Name: Cautivo Imprenta y Publicidad
Template: hello-elementor
Author: Datxale
Description: Child theme de Cautivo Imprenta y Publicidad (Pucallpa) - catalogo merchandising modo cotizacion.
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root{
  --cau-black:#1F1E1D;
  --cau-cyan:#00ACEB;
  --cau-magenta:#EB268F;
  --cau-yellow:#FBEF12;
  --cau-gray:#F2F2F2;
}

/* ---- Boton Cotizar (modo catalogo) ---- */
.woocommerce a.button.sg-cotizar, a.sg-cotizar{
  background:var(--cau-magenta);color:#fff;border:0;border-radius:6px;
  font-weight:600;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;transition:background .2s,transform .15s;
}
.woocommerce a.button.sg-cotizar:hover, a.sg-cotizar:hover{background:#c71f78;color:#fff;transform:translateY(-1px);}
.sg-cotizar svg{width:18px;height:18px;fill:currentColor;}

/* Modo catalogo: ocultar precios */
.woocommerce .price, .woocommerce ul.products li.product .price{display:none !important;}

/* Acentos CMYK en titulos de seccion (linea inferior) */
.cau-accent-bar{display:inline-block;width:64px;height:5px;border-radius:3px;
  background:linear-gradient(90deg,var(--cau-cyan) 0 33%,var(--cau-magenta) 33% 66%,var(--cau-yellow) 66% 100%);}

/* Categorias / productos: tarjetas limpias */
.woocommerce ul.products li.product{text-align:center;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--cau-black);font-weight:600;}

/* ---- Boton flotante WhatsApp ---- */
.sg-wafloat{position:fixed;bottom:24px;right:24px;z-index:99999;background:#25d366;color:#fff;
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.28);text-decoration:none;transition:transform .2s;}
.sg-wafloat:hover{transform:scale(1.08);}
.sg-wafloat svg{width:32px;height:32px;fill:#fff;}

/* Image-box (servicios): imagen a buen tamano */
.elementor-widget-image-box .elementor-image-box-img{margin:0 auto 16px !important;}
.elementor-widget-image-box .elementor-image-box-img img{width:210px;max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.10);}
.elementor-widget-image-box .elementor-image-box-title{margin-top:8px;font-weight:600;}
/* Tarjetas de categoria y producto: aire */
.woocommerce ul.products li.product img{border-radius:8px;}
/* Hero: texto mas legible en mobile */
@media(max-width:767px){
  .elementor-widget-image-box .elementor-image-box-img img{width:150px;}
}

/* FIX servicios: ensanchar la FIGURA del image-box (no solo el img) */
.elementor-widget-image-box .elementor-image-box-img{width:210px !important;max-width:90% !important;margin-left:auto !important;margin-right:auto !important;}
.elementor-widget-image-box .elementor-image-box-img img{width:100% !important;height:auto !important;}
@media(max-width:767px){.elementor-widget-image-box .elementor-image-box-img{width:160px !important;}}

/* Servicios: tarjetas de imagen uniformes */
.elementor-widget-image-box .elementor-image-box-img img{height:220px !important;object-fit:cover !important;}
@media(max-width:767px){.elementor-widget-image-box .elementor-image-box-img{width:80% !important;}.elementor-widget-image-box .elementor-image-box-img img{height:190px !important;}}

/* WooCommerce (tienda/categoria/producto via woocommerce.php) */
.cau-woo-wrap{max-width:1200px;margin:0 auto;padding:40px 20px 70px;}
.cau-woo-main h1.page-title,.cau-woo-main .woocommerce-products-header__title{color:var(--cau-black);font-weight:700;margin-bottom:18px;}
.cau-woo-main ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;list-style:none;margin:0;padding:0;}
.cau-woo-main ul.products::before,.cau-woo-main ul.products::after{display:none;}
.cau-woo-main ul.products li.product{width:auto !important;margin:0 !important;float:none !important;text-align:center;}
.cau-woo-main ul.products li.product img{border-radius:8px;margin-bottom:10px;}
.cau-woo-main .woocommerce-result-count{color:#666;margin-bottom:14px;}
@media(max-width:1024px){.cau-woo-main ul.products{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.cau-woo-main ul.products{grid-template-columns:repeat(2,1fr);}}
/* single product */
.cau-woo-main div.product{display:flex;flex-wrap:wrap;gap:40px;}
.cau-woo-main div.product .woocommerce-product-gallery{flex:1 1 380px;max-width:480px;}
.cau-woo-main div.product .summary{flex:1 1 360px;}
.cau-woo-main div.product .product_title{color:var(--cau-black);}

/* ===== Tarjetas de servicio tipo card (siempre 4 en fila desktop) ===== */
.elementor-widget-image-box, .elementor-widget-image-box > .elementor-widget-container{height:100%;}
.elementor-widget-image-box .elementor-image-box-wrapper{background:#fff;border-radius:16px;padding:22px 18px 26px;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%;border-bottom:4px solid transparent;}
.elementor-widget-image-box:hover .elementor-image-box-wrapper{transform:translateY(-8px);box-shadow:0 18px 42px rgba(0,0,0,.16);border-bottom-color:var(--cau-magenta);}
.elementor-widget-image-box .elementor-image-box-title{margin-top:14px;color:var(--cau-black);font-weight:700;}
.elementor-widget-image-box .elementor-image-box-description{color:#666;}
/* Botones: forzar centrado cuando align=center (refuerzo) */
.elementor-widget-button .elementor-button-wrapper{text-align:inherit;}

/* ===== TIENDA 2 columnas (sidebar filtros + grid) ===== */
.cau-shop-wrap{max-width:1280px;margin:0 auto;padding:40px 20px 70px;display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start;}
.cau-shop-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:90px;}
.cau-filter-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,.05);}
.cau-filter-title{font-size:17px;font-weight:700;color:var(--cau-black);margin:0 0 14px;padding-bottom:8px;border-bottom:3px solid var(--cau-cyan);display:inline-block;}
.cau-shop-sidebar .product-categories,.cau-shop-sidebar ul{list-style:none;margin:0;padding:0;}
.cau-shop-sidebar .product-categories li{margin:0 0 9px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #eee;padding-bottom:9px;}
.cau-shop-sidebar .product-categories a{color:#333;text-decoration:none;transition:color .2s;font-size:15px;}
.cau-shop-sidebar .product-categories a:hover{color:var(--cau-magenta);}
.cau-shop-sidebar .product-categories .count{color:#999;font-size:13px;}
.cau-shop-sidebar .woocommerce-product-search{display:flex;gap:6px;}
.cau-shop-sidebar .woocommerce-product-search input[type=search]{flex:1;min-width:0;padding:9px 12px;border:1px solid #ddd;border-radius:8px;}
.cau-shop-sidebar .woocommerce-product-search button{background:var(--cau-cyan);color:#fff;border:0;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;}
.cau-filter-cta{background:var(--cau-black);color:#fff;text-align:center;}
.cau-filter-cta p{margin:0 0 12px;}
.cau-shop-main .woocommerce-result-count{color:#666;margin:0 0 16px;}
.cau-shop-main .woocommerce-ordering{margin:0 0 18px;}
.cau-shop-main ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;}
.cau-shop-main ul.products::before,.cau-shop-main ul.products::after{display:none!important;}
.cau-shop-main ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:14px 14px 18px;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;}
.cau-shop-main ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.13);}
.cau-shop-main ul.products li.product img{border-radius:10px;margin-bottom:10px;}
.cau-shop-main .woocommerce-pagination{margin-top:40px;text-align:center;}
.cau-shop-main .woocommerce-pagination ul{display:inline-flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;border:0!important;justify-content:center;}
.cau-shop-main .woocommerce-pagination ul li{margin:0;border:0!important;overflow:visible;}
.cau-shop-main .woocommerce-pagination ul li a,.cau-shop-main .woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid #e3e3e3!important;color:var(--cau-black);font-weight:600;text-decoration:none;line-height:1;}
.cau-shop-main .woocommerce-pagination ul li span.current{background:var(--cau-magenta);color:#fff;border-color:var(--cau-magenta)!important;}
.cau-shop-main .woocommerce-pagination ul li a:hover{background:var(--cau-cyan);color:#fff;border-color:var(--cau-cyan)!important;}
/* Aplicaciones (paginas servicio) en card de 2 columnas */
.cau-apps .elementor-widget-container{background:#fff;border-radius:16px;padding:26px 34px;box-shadow:0 8px 24px rgba(0,0,0,.06);max-width:780px;margin:0 auto;}
.cau-apps .elementor-icon-list-items{column-count:2;column-gap:34px;}
.cau-apps .elementor-icon-list-item{break-inside:avoid;}
@media(max-width:600px){.cau-apps .elementor-icon-list-items{column-count:1;}}
/* Responsive tienda */
@media(max-width:980px){.cau-shop-wrap{grid-template-columns:1fr;}.cau-shop-sidebar{position:static;flex-direction:row;flex-wrap:wrap;}.cau-filter-card{flex:1 1 240px;}.cau-shop-main ul.products{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.cau-shop-sidebar{flex-direction:column;}.cau-shop-main ul.products{grid-template-columns:repeat(2,1fr);gap:14px;}}

/* ===== Formulario Elementor Pro (Contacto) ===== */
.elementor-form .elementor-field-group > label{font-weight:600;color:var(--cau-black);margin-bottom:6px;}
.elementor-form input.elementor-field,.elementor-form textarea.elementor-field,.elementor-form .elementor-field-textual{border:1px solid #dcdcdc!important;border-radius:10px!important;padding:12px 14px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s;}
.elementor-form input.elementor-field:focus,.elementor-form textarea.elementor-field:focus,.elementor-form .elementor-field-textual:focus{border-color:var(--cau-cyan)!important;box-shadow:0 0 0 3px rgba(0,172,235,.15)!important;outline:none;}
.elementor-form .elementor-button,.elementor-form button[type=submit]{background-color:var(--cau-magenta)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:700!important;padding:14px 22px!important;transition:background-color .2s,transform .15s;}
.elementor-form .elementor-button:hover,.elementor-form button[type=submit]:hover{background-color:#c71f78!important;transform:translateY(-1px);}

/* ===== Botones que enlazan a WhatsApp = magenta marca (robusto) ===== */
a.elementor-button[href*="wa.me"], .elementor-widget-button a.elementor-button[href*="wa.me"]{background-color:var(--cau-magenta)!important;color:#fff!important;border:0!important;}
a.elementor-button[href*="wa.me"]:hover{background-color:#c71f78!important;color:#fff!important;}

/* ===== TIPOGRAFIA Cautivo: Oswald (titulares) + DM Sans (cuerpo) ===== */
:root{--cau-display:"Oswald",sans-serif;--cau-body:"DM Sans",sans-serif;}
body,p,li,span,a,input,textarea,select,.elementor-widget-text-editor,.elementor-widget-text-editor p,.woocommerce,.woocommerce p,.elementor-icon-list-text,.elementor-icon-box-description{font-family:var(--cau-body);}
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-image-box-title,.elementor-icon-box-title,.woocommerce-loop-product__title,.product_title,.cau-filter-title,.woocommerce-products-header__title,.page-title,.entry-title{font-family:var(--cau-display)!important;letter-spacing:-0.3px;line-height:1.14;}
.elementor-widget-heading h1.elementor-heading-title,.elementor-widget-heading h2.elementor-heading-title{font-weight:700!important;letter-spacing:-0.8px;}
.elementor-button,a.elementor-button,.elementor-form button[type=submit]{font-family:var(--cau-display);font-weight:600;letter-spacing:.4px;}
.elementor-nav-menu .elementor-item{font-family:var(--cau-display);font-weight:500;letter-spacing:.3px;}

/* Menu en Oswald (vencer la fuente inline Poppins del header) */
.elementor-nav-menu .elementor-item,.elementor-nav-menu--main .elementor-item{font-family:var(--cau-display)!important;font-weight:500!important;letter-spacing:.4px;}

/* ===== Impacto de cartel: titulares en MAYUSCULAS + grandes ===== */
.elementor-widget-heading h1.elementor-heading-title{text-transform:uppercase;letter-spacing:-1px!important;line-height:1.04!important;font-size:clamp(34px,5.5vw,64px)!important;font-weight:700!important;}
.elementor-widget-heading h2.elementor-heading-title{text-transform:uppercase;letter-spacing:-0.4px;font-weight:700!important;line-height:1.1;}

/* ===== Efecto unico: degradado CMYK animado en el hero (tintas de imprenta) ===== */
.cau-hero{position:relative;overflow:hidden;}
.cau-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(120deg,rgba(0,172,235,.32),rgba(235,38,143,.24),rgba(251,239,18,.24),rgba(0,172,235,.32));
  background-size:300% 300%;mix-blend-mode:screen;animation:cauCMYK 14s ease-in-out infinite;}
.cau-hero > .elementor-container, .cau-hero > .elementor-background-overlay{position:relative;z-index:2;}
@keyframes cauCMYK{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (prefers-reduced-motion: reduce){.cau-hero::after{animation:none;}}

/* ===== Formas CMYK flotantes en el hero ===== */
.cau-hero > .elementor-container{z-index:3!important;}
.cau-shapes{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}
.cau-shape{position:absolute;transition:transform .3s ease-out;transform:translate(var(--mx,0px),var(--my,0px));}
.cau-shape > i{display:block;animation:cauFloat 9s ease-in-out infinite;will-change:transform;}
.cau-circ{top:15%;right:9%;} .cau-circ > i{width:92px;height:92px;border-radius:50%;background:var(--cau-yellow);opacity:.9;}
.cau-sq{top:60%;right:19%;} .cau-sq > i{width:58px;height:58px;border-radius:10px;background:var(--cau-magenta);opacity:.88;animation-delay:1.6s;}
.cau-tri{top:50%;left:6%;} .cau-tri > i{width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:66px solid var(--cau-cyan);opacity:.88;animation-delay:3.2s;}
@keyframes cauFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
@media(max-width:767px){.cau-circ>i{width:60px;height:60px}.cau-sq>i{width:40px;height:40px}.cau-tri{left:2%}}
@media(prefers-reduced-motion:reduce){.cau-shape > i{animation:none;}}

/* ===== banner-alto + contenido mas ancho ===== */
.cau-hero{min-height:700px!important;}
@media(max-width:767px){.cau-hero{min-height:520px!important;}}
.cau-shop-wrap{max-width:1500px;}
.cau-woo-wrap{max-width:1500px;}
/* asegurar que secciones no estiradas usen 1500 */
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}

/* ===== Cursor lapiz CMYK (firma imprenta) ===== */
:root{--cau-pencil:url("/wp-content/themes/hello-elementor-child/cursor-cyan.svg") 3 2;}
html,body,*{cursor:var(--cau-pencil),auto;}
a,button,.elementor-button,[role="button"],.woocommerce-LoopProduct-link,label[for],select,.elementor-icon-list-item{cursor:var(--cau-pencil),pointer;}
input,textarea,select option,.elementor-field-textual{cursor:text;}

/* ===== Tarjetas de producto estilo LIBRO (flip) ===== */
ul.products li.product{perspective:1500px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
ul.products li.product:hover{transform:none!important;}
.cau-book-inner{position:relative;width:100%;min-height:360px;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;}
.cau-book-front,.cau-book-back{position:absolute;inset:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.10);}
.cau-book-front{display:flex;flex-direction:column;padding:14px;border-left:5px solid var(--cau-cyan);}
.cau-book-front img{width:100%!important;height:230px!important;object-fit:cover;border-radius:10px;margin:0!important;}
.cau-book-front .woocommerce-loop-product__title{font-family:var(--cau-display)!important;text-align:center;margin-top:14px!important;color:var(--cau-black);font-weight:600;}
.cau-book-front .price,.cau-book-front .star-rating{display:none!important;}
.cau-book-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:26px 20px;background:linear-gradient(160deg,#1F1E1D 0%,#34333a 100%);color:#fff;border-left:5px solid var(--cau-magenta);}
.cau-book-back h3{color:#fff!important;font-family:var(--cau-display)!important;margin:0;font-size:20px;letter-spacing:-.3px;}
.cau-book-back p{color:#cfcfcf;font-size:14px;margin:0;line-height:1.5;}
.cau-book-btn{background:var(--cau-magenta);color:#fff;padding:12px 22px;border-radius:9px;font-weight:700;text-decoration:none;display:inline-block;transition:background .2s;}
.cau-book-btn:hover{background:#c71f78;color:#fff;}
.cau-book-ver{color:var(--cau-cyan);text-decoration:none;font-size:13px;font-weight:600;}
.cau-book-ver:hover{text-decoration:underline;}
/* Desktop con hover: flip + portada limpia */
@media (hover:hover){
  ul.products li.product:hover .cau-book-inner{transform:rotateY(180deg);}
  .cau-book-front,.cau-book-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
  .cau-book-front .sg-cotizar{display:none!important;}
}
/* Tactil / sin hover: tarjeta normal con Cotizar visible */
@media (hover:none){
  .cau-book-inner{min-height:0;}
  .cau-book-front,.cau-book-back{position:static;}
  .cau-book-back{display:none;}
  .cau-book-front{box-shadow:0 8px 22px rgba(0,0,0,.10);}
}
@media(max-width:600px){.cau-book-front img{height:160px!important;}}

/* fallback-libro-movil: en pantallas chicas, tarjeta estatica con Cotizar visible (no depende de hover) */
@media (max-width:768px){
  .cau-book-inner{min-height:0!important;}
  .cau-book-front,.cau-book-back{position:static!important;}
  .cau-book-back{display:none!important;}
  .cau-book-front .sg-cotizar{display:inline-flex!important;margin-top:6px;}
  ul.products li.product:hover .cau-book-inner{transform:none!important;}
}

/* ===== Icon-box como TARJETAS (¿Por qué elegirnos?, Misión/Visión/Valores, Proceso) ===== */
.elementor-widget-icon-box{height:100%;}
.elementor-widget-icon-box .elementor-icon-box-wrapper{position:relative;background:#fff;border-radius:16px;padding:36px 22px 28px;box-shadow:0 8px 26px rgba(0,0,0,.08);transition:transform .28s ease,box-shadow .28s ease;height:100%;overflow:hidden;}
.elementor-widget-icon-box .elementor-icon-box-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--cau-cyan) 0 33%,var(--cau-magenta) 33% 66%,var(--cau-yellow) 66% 100%);}
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper{transform:translateY(-8px);box-shadow:0 20px 46px rgba(0,0,0,.15);}
.elementor-widget-icon-box .elementor-icon{transition:transform .3s ease;}
.elementor-widget-icon-box:hover .elementor-icon{transform:scale(1.12) rotate(-6deg);}
.elementor-widget-icon-box .elementor-icon-box-title{margin-top:8px!important;}
/* dar aire entre tarjetas en la fila */
.elementor-widget-icon-box{padding:0 6px;}

/* ===== Botones intro Nosotros ===== */
.cau-btn-mag a.elementor-button{background-color:var(--cau-magenta)!important;color:#fff!important;border:0!important;}
.cau-btn-mag a.elementor-button:hover{background-color:#c71f78!important;}
.cau-btn-cyan a.elementor-button{background-color:var(--cau-cyan)!important;color:#fff!important;border:0!important;}
.cau-btn-cyan a.elementor-button:hover{background-color:#0090c4!important;}

/* ===== Carrusel "Productos mas pedidos" (4 en fila, auto) ===== */
.cau-carousel .woocommerce, .cau-carousel .elementor-products-wrapper{overflow:hidden;}
.cau-carousel ul.products{display:flex!important;flex-wrap:nowrap!important;gap:24px!important;grid-template-columns:none!important;will-change:transform;}
.cau-carousel ul.products::before,.cau-carousel ul.products::after{display:none!important;}
.cau-carousel ul.products li.product{flex:0 0 calc(25% - 18px)!important;max-width:calc(25% - 18px)!important;width:calc(25% - 18px)!important;margin:0!important;}
@media(max-width:1024px){.cau-carousel ul.products li.product{flex:0 0 calc(33.333% - 16px)!important;max-width:calc(33.333% - 16px)!important;width:calc(33.333% - 16px)!important;}}
@media(max-width:767px){.cau-carousel ul.products li.product{flex:0 0 calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;}}

/* Boton "Ver todos los productos" */
.cau-vermas{margin-top:34px!important;}

/* ===== Bloque "Sobre Nosotros" (intro) mejorado ===== */
.cau-intro .elementor-widget-image .elementor-widget-container{position:relative;}
.cau-intro .elementor-widget-image .elementor-widget-container::before{content:"";position:absolute;right:-18px;top:-18px;width:60%;height:60%;border-radius:18px;background:linear-gradient(135deg,var(--cau-cyan) 0%,var(--cau-magenta) 55%,var(--cau-yellow) 100%);z-index:0;}
.cau-intro .elementor-widget-image img{position:relative;z-index:1;box-shadow:0 18px 44px rgba(0,0,0,.20);}
.cau-intro-checks .elementor-icon-list-items{margin:6px 0 18px;}
.cau-intro-checks .elementor-icon-list-item{font-weight:500;}
.cau-intro-checks .elementor-icon-list-text{color:#333;}
@media(max-width:767px){.cau-intro .elementor-widget-image .elementor-widget-container::before{display:none;}}

/* Acento CMYK detras de imagen intro - mas visible (esquina inferior-izquierda) */
.cau-intro .elementor-widget-image .elementor-widget-container{overflow:visible;}
.cau-intro .elementor-widget-image .elementor-widget-container::before{right:auto!important;left:-26px!important;top:auto!important;bottom:-26px!important;width:130px!important;height:130px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--cau-cyan),var(--cau-magenta) 60%,var(--cau-yellow))!important;}
.cau-intro .elementor-widget-image .elementor-widget-container::after{content:"";position:absolute;right:-22px;top:-22px;width:64px;height:64px;border-radius:14px;background:var(--cau-yellow);z-index:0;}
@media(max-width:767px){.cau-intro .elementor-widget-image .elementor-widget-container::after{display:none;}}

/* FIX acento intro: apuntar al widget image directo (sin .elementor-widget-container) */
.cau-intro .elementor-widget-image{position:relative!important;overflow:visible!important;}
.cau-intro .elementor-widget-image::before{content:""!important;position:absolute!important;left:-22px;bottom:-22px;width:118px;height:118px;border-radius:18px;background:linear-gradient(135deg,var(--cau-cyan),var(--cau-magenta) 60%,var(--cau-yellow))!important;z-index:0;}
.cau-intro .elementor-widget-image::after{content:""!important;position:absolute!important;right:-16px;top:-16px;width:56px;height:56px;border-radius:14px;background:var(--cau-yellow)!important;z-index:0;}
.cau-intro .elementor-widget-image img{position:relative;z-index:1;box-shadow:0 18px 44px rgba(0,0,0,.20)!important;border-radius:14px;}
@media(max-width:767px){.cau-intro .elementor-widget-image::before,.cau-intro .elementor-widget-image::after{display:none!important;}}

/* ===== Carrusel de Blog en home (4 en fila, auto) ===== */
.cau-carousel-blog .elementor-posts, .cau-carousel-blog .elementor-widget-container{overflow:hidden;}
.cau-carousel-blog .elementor-posts-container{display:flex!important;flex-wrap:nowrap!important;gap:24px!important;grid-template-columns:none!important;will-change:transform;margin:0!important;}
.cau-carousel-blog article.elementor-post{flex:0 0 calc(25% - 18px)!important;max-width:calc(25% - 18px)!important;width:calc(25% - 18px)!important;margin:0!important;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.09);border-top:4px solid var(--cau-cyan);transition:transform .25s,box-shadow .25s;}
.cau-carousel-blog article.elementor-post:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(0,0,0,.16);}
.cau-carousel-blog .elementor-post__card{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;height:100%;}
.cau-carousel-blog .elementor-post__thumbnail__link{margin:0!important;}
.cau-carousel-blog .elementor-post__thumbnail{padding-bottom:62%!important;border-radius:0!important;}
.cau-carousel-blog .elementor-post__text{padding:16px 16px 20px!important;}
.cau-carousel-blog .elementor-post__title{font-family:var(--cau-display)!important;font-size:17px!important;line-height:1.2;}
.cau-carousel-blog .elementor-post__title a{color:var(--cau-black)!important;}
.cau-carousel-blog .elementor-post__excerpt p{font-size:14px;color:#555;}
.cau-carousel-blog .elementor-post__read-more{color:var(--cau-magenta)!important;font-weight:700!important;font-family:var(--cau-display);}
.cau-carousel-blog .elementor-post__meta-data{font-size:12px;color:#888;}
@media(max-width:1024px){.cau-carousel-blog article.elementor-post{flex:0 0 calc(33.333% - 16px)!important;max-width:calc(33.333% - 16px)!important;width:calc(33.333% - 16px)!important;}}
@media(max-width:767px){.cau-carousel-blog article.elementor-post{flex:0 0 calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;}}

/* ===== Pagina de PRODUCTO UNICO ===== */
.cau-woo-wrap{max-width:1200px!important;}
.cau-woo-main div.product{display:flex!important;gap:48px;flex-wrap:wrap;align-items:flex-start;}
.cau-woo-main .woocommerce-product-gallery{flex:1 1 420px;max-width:470px;background:#F4F6FA;border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.cau-woo-main .woocommerce-product-gallery img{border-radius:12px;}
.cau-woo-main .summary{flex:1 1 360px;}
.cau-woo-main .summary .product_title{font-family:var(--cau-display)!important;font-size:36px!important;color:var(--cau-black);line-height:1.1;letter-spacing:-.5px;margin-bottom:12px;}
.cau-woo-main .summary .woocommerce-product-details__short-description{color:#555;font-size:16px;margin:0 0 20px;}
.cau-woo-main .summary .sg-cotizar{font-size:18px!important;padding:15px 34px!important;}
.cau-woo-main .cau-prod-benefits{list-style:none;margin:22px 0 18px;padding:0;}
.cau-woo-main .cau-prod-benefits li{position:relative;padding-left:30px;margin-bottom:11px;color:#333;font-size:15.5px;}
.cau-woo-main .cau-prod-benefits li::before{content:"\2714";position:absolute;left:0;top:0;color:var(--cau-cyan);font-weight:700;}
.cau-woo-main .product_meta{margin-top:18px;font-size:14px;color:#888;border-top:1px solid #eee;padding-top:16px;}
.cau-woo-main .product_meta a{color:var(--cau-magenta);text-decoration:none;font-weight:600;}
/* tabs */
.cau-woo-main .woocommerce-tabs{margin-top:50px;}
.cau-woo-main .woocommerce-tabs ul.tabs{border:0;padding:0;margin-bottom:0;}
.cau-woo-main .woocommerce-tabs ul.tabs li{background:#F4F6FA;border:0;border-radius:10px 10px 0 0;margin:0 4px 0 0;}
.cau-woo-main .woocommerce-tabs ul.tabs li.active{background:var(--cau-black);}
.cau-woo-main .woocommerce-tabs ul.tabs li a{font-family:var(--cau-display);font-weight:600;color:var(--cau-black);}
.cau-woo-main .woocommerce-tabs ul.tabs li.active a{color:#fff;}
.cau-woo-main .woocommerce-tabs ul.tabs::before{border-color:#eee;}
.cau-woo-main .woocommerce-tabs .panel{background:#fff;padding:24px;border:1px solid #eee;border-radius:0 12px 12px 12px;}
.cau-woo-main .woocommerce-tabs .panel h2{font-family:var(--cau-display);color:var(--cau-black);}
/* relacionados (arreglar tarjetas rotas -> grid) */
.cau-woo-main .related{margin-top:55px;}
.cau-woo-main .related > h2{font-family:var(--cau-display);font-size:26px;color:var(--cau-black);margin-bottom:22px;}
.cau-woo-main ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;list-style:none;margin:0!important;padding:0!important;}
.cau-woo-main ul.products::before,.cau-woo-main ul.products::after{display:none!important;}
.cau-woo-main ul.products li.product{width:auto!important;max-width:none!important;margin:0!important;float:none!important;}
@media(max-width:980px){.cau-woo-main ul.products{grid-template-columns:repeat(2,1fr)!important;}.cau-woo-main div.product{gap:28px;}}

/* FIX: tabs + relacionados a ancho completo (no comprimidos por el flex de div.product) */
.cau-woo-main div.product > .woocommerce-tabs,
.cau-woo-main div.product > .related,
.cau-woo-main div.product > .upsells,
.cau-woo-main div.product > .up-sells{flex:1 1 100%!important;width:100%!important;max-width:100%!important;}

/* ocultar titulo redundante "Description" dentro del panel (la pestaña ya dice Descripción) */
.cau-woo-main .woocommerce-tabs .panel > h2:first-child{display:none;}

/* ====================================================================
   Seccion CONTACTANOS (home) -- rediseno oscuro + tarjeta flotante CMYK
   ==================================================================== */
.cau-contact-sec{position:relative;overflow:hidden;background:linear-gradient(135deg,#1F1E1D 0%,#16201f 50%,#1F1E1D 100%)!important;}
.cau-contact-sec>.elementor-container{position:relative;z-index:1;}
.cau-contact-sec::before,.cau-contact-sec::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;}
.cau-contact-sec::before{width:360px;height:360px;background:rgba(0,172,235,.20);top:-90px;left:-70px;animation:cauFloat 9s ease-in-out infinite;}
.cau-contact-sec::after{width:320px;height:320px;background:rgba(235,38,143,.16);bottom:-100px;right:-50px;animation:cauFloat 11s ease-in-out infinite reverse;}

.cau-contact-info{padding-right:32px;}
.cau-eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:600;color:#00ACEB;margin:0 0 10px;}
.cau-contact-title{margin-bottom:0!important;}
.cau-contact-title .elementor-heading-title{font-family:'Oswald',sans-serif!important;}
.cau-contact-sec .cau-contact-title::after{content:"";display:block;width:60px;height:5px;border-radius:3px;background:#FBEF12;margin:14px 0 0;}
.cau-contact-lead{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7;color:#C9CDD6;margin:16px 0 22px;}

/* chips de contacto */
.cau-chip{margin-bottom:12px!important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:background .25s ease,transform .25s ease;}
.cau-chip .elementor-icon-box-wrapper{display:flex;align-items:center;text-align:left;padding:12px 16px;gap:14px;}
.cau-chip .elementor-icon-box-icon{margin:0;flex:0 0 auto;}
.cau-chip .elementor-icon-box-icon .elementor-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;}
.cau-chip .elementor-icon-box-content{margin:0;}
.cau-chip .elementor-icon-box-title{font-family:'DM Sans',sans-serif!important;font-size:15px!important;font-weight:600!important;color:#fff!important;margin:0 0 1px!important;line-height:1.2!important;}
.cau-chip .elementor-icon-box-title a{color:#fff!important;}
.cau-chip .elementor-icon-box-description{font-family:'DM Sans',sans-serif!important;font-size:13px!important;color:#9AA0AB!important;margin:0!important;line-height:1.3!important;}
.cau-chip:hover{background:rgba(255,255,255,.09);transform:translateX(4px);}
.cau-chip:hover .elementor-icon{transform:scale(1.08);}

.cau-wa-btn .elementor-button{font-family:'Oswald',sans-serif;letter-spacing:.4px;transition:all .25s ease;}
.cau-wa-btn .elementor-button:hover{background-color:#d41f7f!important;box-shadow:0 8px 24px rgba(235,38,143,.45);transform:translateY(-2px);}

/* tarjeta del formulario */
.cau-form-card{position:relative;transform:translateY(-10px);}
.cau-form-card>.elementor-element-populated,.cau-form-card>.elementor-widget-wrap{position:relative;overflow:hidden;}
.cau-form-card>.elementor-element-populated::before,.cau-form-card>.elementor-widget-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;z-index:3;background:linear-gradient(90deg,#00ACEB 0 25%,#EB268F 25% 50%,#FBEF12 50% 75%,#1F1E1D 75% 100%);}
.cau-formcard-title{margin-bottom:2px!important;}
.cau-formcard-title .elementor-heading-title{font-family:'Oswald',sans-serif!important;}
.cau-formcard-title::after{content:"";display:block;width:40px;height:3px;background:#FBEF12;border-radius:2px;margin:8px 0 0;}
.cau-formcard-sub{font-family:'DM Sans',sans-serif;font-size:14px;color:#6B7280;margin:10px 0 18px;}
.cau-trust{font-family:'DM Sans',sans-serif;font-size:13px;color:#9aa0ab;text-align:center;margin:14px 0 0;}

/* formulario nativo Elementor */
.cau-form .elementor-field-group>label,.cau-form .elementor-field-group .elementor-field-label{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#1F1E1D;margin-bottom:6px;}
.cau-form .elementor-field-group .elementor-field{background:#F4F6FA;border:1.5px solid transparent;border-radius:10px;padding:12px 14px;font-family:'DM Sans',sans-serif;font-size:15px;color:#1F1E1D;min-height:48px;}
.cau-form .elementor-field-group textarea.elementor-field{min-height:120px;}
.cau-form .elementor-field-group .elementor-field:focus{border-color:#00ACEB;background:#fff;box-shadow:0 0 0 3px rgba(0,172,235,.15);outline:none;}
.cau-form .elementor-button{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-radius:10px;padding-top:14px;padding-bottom:14px;transition:all .25s ease;}
.cau-form .elementor-button:hover{background-color:#d41f7f!important;box-shadow:0 8px 24px rgba(235,38,143,.45);transform:translateY(-2px);}

@media(max-width:1024px){
  .cau-form-card{transform:none;margin-top:30px;}
  .cau-contact-info{padding-right:0;}
  .cau-contact-sec::before{width:240px;height:240px;}
  .cau-contact-sec::after{width:220px;height:220px;}
}
@media(max-width:480px){
  .cau-contact-sec::after{display:none;}
  .cau-wa-btn .elementor-button{width:100%;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
  .cau-contact-sec::before,.cau-contact-sec::after{animation:none;}
}

/* ====================================================================
   Contacto (home) -- hooks de CONTENEDOR via :has()
   (en este Elementor, _css_classes NO rinde en section/columna, solo en
   widgets; anclamos en .cau-eyebrow / .cau-formcard-title que SI rinden)
   ==================================================================== */

/* seccion oscura: posicion + overflow + blobs CMYK flotantes */
.elementor-section:has(.cau-eyebrow){position:relative;overflow:hidden;}
.elementor-section:has(.cau-eyebrow)>.elementor-container{position:relative;z-index:1;}
.elementor-section:has(.cau-eyebrow)::before,
.elementor-section:has(.cau-eyebrow)::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;}
.elementor-section:has(.cau-eyebrow)::before{width:360px;height:360px;background:rgba(0,172,235,.20);top:-90px;left:-70px;animation:cauFloat 9s ease-in-out infinite;}
.elementor-section:has(.cau-eyebrow)::after{width:320px;height:320px;background:rgba(235,38,143,.16);bottom:-100px;right:-50px;animation:cauFloat 11s ease-in-out infinite reverse;}

/* underline amarillo del titulo (la regla original iba scopeada bajo .cau-contact-sec, que no rinde) */
.cau-contact-title .elementor-heading-title{position:relative;}
.cau-contact-title::after{content:"";display:block;width:60px;height:5px;border-radius:3px;background:#FBEF12;margin:14px 0 0;}

/* columna info: padding-right en desktop */
.elementor-column:has(.cau-eyebrow)>.elementor-element-populated,
.elementor-column:has(.cau-eyebrow)>.elementor-widget-wrap{padding-right:32px;}

/* tarjeta del formulario: la populated-wrap que contiene el form -> flota + barra CMYK */
.elementor-element-populated:has(.cau-formcard-title){position:relative;overflow:hidden;transform:translateY(-10px);}
.elementor-element-populated:has(.cau-formcard-title)::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;z-index:3;background:linear-gradient(90deg,#00ACEB 0 25%,#EB268F 25% 50%,#FBEF12 50% 75%,#1F1E1D 75% 100%);}

/* campos del formulario en gris frio (subir especificidad sobre el CSS del core) */
.cau-form .elementor-field-group input.elementor-field,
.cau-form .elementor-field-group textarea.elementor-field,
.cau-form .elementor-field-group select.elementor-field{background:#F4F6FA!important;border:1.5px solid transparent!important;border-radius:10px!important;}
.cau-form .elementor-field-group input.elementor-field:focus,
.cau-form .elementor-field-group textarea.elementor-field:focus,
.cau-form .elementor-field-group select.elementor-field:focus{border-color:#00ACEB!important;background:#fff!important;box-shadow:0 0 0 3px rgba(0,172,235,.15)!important;}

@media(max-width:1024px){
  .elementor-element-populated:has(.cau-formcard-title){transform:none;margin-top:30px;}
  .elementor-column:has(.cau-eyebrow)>.elementor-element-populated,
  .elementor-column:has(.cau-eyebrow)>.elementor-widget-wrap{padding-right:0;}
  .elementor-section:has(.cau-eyebrow)::before{width:240px;height:240px;}
  .elementor-section:has(.cau-eyebrow)::after{width:220px;height:220px;}
}
@media(max-width:480px){
  .elementor-section:has(.cau-eyebrow)::after{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .elementor-section:has(.cau-eyebrow)::before,
  .elementor-section:has(.cau-eyebrow)::after{animation:none;}
}

/* fix-info-stack: la columna info debe apilar en vertical (content_position:center
   la dejaba en row-wrap + align-content:center y los chips se inflaban a ~644px) */
.elementor-column:has(.cau-eyebrow) > .elementor-element-populated{
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  align-content:stretch !important;
  justify-content:center !important;
}
.cau-chip{flex:0 0 auto !important;}
.cau-chip .elementor-icon-box-wrapper{align-items:center !important;}

/* fix-chip-height: Elementor fija .elementor-icon-box-wrapper{height:100%} para alinear
   vertical en columnas de igual altura -> infla los chips a la altura de la columna.
   Forzar altura por contenido y ancho completo. */
.cau-chip{flex:0 0 auto !important;width:100% !important;height:auto !important;align-self:stretch !important;}
.cau-chip .elementor-icon-box-wrapper{height:auto !important;min-height:0 !important;width:100% !important;}
.cau-chip .elementor-icon-box-content{align-self:center !important;}

/* fix-chip-leak: el sitio tiene .elementor-icon-box-wrapper con tarjeta blanca + barra CMYK
   (estilo de las cards de "Por que elegirnos"). Eso pintaba los chips de blanco y ocultaba
   el titulo blanco. Anular en los chips para que queden translucidos sobre el oscuro. */
.cau-chip .elementor-icon-box-wrapper{background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:12px 16px !important;}
.cau-chip .elementor-icon-box-wrapper::before,
.cau-chip .elementor-icon-box-wrapper::after{display:none !important;content:none !important;}
.cau-chip .elementor-icon-box-title,.cau-chip .elementor-icon-box-title *{color:#ffffff !important;}

/* fix-chip-mobile: en movil el icon-box pasa a icono-arriba/texto-centrado
   (clase elementor-mobile-position-block-start). Forzar icono-izquierda + texto-izq. */
@media(max-width:767px){
  .cau-chip .elementor-icon-box-wrapper{flex-direction:row !important;align-items:center !important;text-align:left !important;}
  .cau-chip .elementor-icon-box-icon{margin:0 14px 0 0 !important;}
  .cau-chip .elementor-icon-box-content,
  .cau-chip .elementor-icon-box-title,
  .cau-chip .elementor-icon-box-description{text-align:left !important;}
}

/* fix-shop-tablet: en tablet (700-980px) mantener el sidebar angosto a la izquierda + productos
   a la derecha, en vez de apilar la lista de ~17 categorias + busqueda + CTA ENCIMA de los
   productos (los empujaba ~900px abajo). Solo CSS (L.2), no toca contenido ni Elementor data. */
@media(min-width:700px) and (max-width:980px){
  .cau-shop-wrap{grid-template-columns:200px 1fr !important;gap:24px !important;}
  .cau-shop-sidebar{flex-direction:column !important;position:sticky !important;top:90px !important;}
  .cau-shop-main ul.products{grid-template-columns:repeat(2,1fr) !important;}
}

/* fix-header-mobile: en <=767px Elementor apila las 3 columnas del header (logo/menu/Cotizar) en 3 filas
   desalineadas. Las volvemos UNA fila: logo izquierda + hamburguesa + Cotizar a la derecha. El dropdown del
   menu se saca a todo el ancho debajo del header (si no, quedaria angosto al encoger la columna del menu).
   Solo CSS, no toca contenido ni Elementor data (cumple L.2). Seccion principal del header = dc7cb84. */
@media(max-width:1024px){
  .elementor-element-dc7cb84{ position:relative !important; }
  .elementor-element-dc7cb84 > .elementor-container{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; gap:10px; position:static !important;
  }
  .elementor-element-dc7cb84 > .elementor-container > .elementor-col-30{
    width:auto !important; max-width:56% !important; margin-right:auto !important; position:static !important;
  }
  .elementor-element-dc7cb84 > .elementor-container > .elementor-col-50,
  .elementor-element-dc7cb84 > .elementor-container > .elementor-col-20{
    width:auto !important; flex:0 0 auto !important; position:static !important;
  }
  .elementor-element-dc7cb84 .elementor-col-50 > .elementor-widget-wrap,
  .elementor-element-dc7cb84 .elementor-col-50 > .elementor-element-populated,
  .elementor-element-dc7cb84 .elementor-widget-nav-menu{ position:static !important; }
  .elementor-element-dc7cb84 .elementor-widget-image img{ max-height:44px !important; width:auto !important; }
  .elementor-element-dc7cb84 .elementor-widget-button .elementor-button{ padding:9px 15px !important; font-size:13px !important; }
  .elementor-element-dc7cb84 .elementor-menu-toggle{ margin:0 !important; }
  .elementor-element-dc7cb84 .elementor-nav-menu--dropdown{
    position:absolute !important; top:100% !important; left:0 !important; right:0 !important;
    width:100% !important; z-index:9999 !important; box-shadow:0 12px 24px rgba(0,0,0,.12);
  }
}

/* fix-hero-mobile: en movil/tablet el overlay del hero era muy claro (~31%) sobre una imagen muy cargada
   (monitores) -> el texto blanco/amarillo no se leia bien, y las formas CMYK competian con el texto.
   Oscurecemos el overlay (gradiente) y bajamos la opacidad de las formas, asegurando el texto por encima.
   Solo CSS, no toca contenido ni Elementor data (cumple L.2). */
@media(max-width:1024px){
  .cau-hero .elementor-background-overlay{
    background:linear-gradient(180deg, rgba(18,17,16,.68) 0%, rgba(18,17,16,.82) 100%) !important;
    opacity:1 !important;
  }
  .cau-hero > .elementor-container{ position:relative; z-index:3; }
}
@media(max-width:767px){
  .cau-hero .cau-shapes{ z-index:0 !important; }
  .cau-hero .cau-shape{ opacity:.45 !important; }
  /* subtitulo un poco mas compacto para que respire */
  .cau-hero .elementor-widget-heading h2,
  .cau-hero .elementor-widget-heading h3{ line-height:1.15 !important; }
}

/* fix-hero-overlay-cover: el .elementor-background-overlay del hero quedaba con height:0 (no cubria),
   por eso el texto no se leia. Forzar que cubra TODO el hero con gradiente oscuro (z-index 2, sobre la
   imagen y el tinte CMYK ::after). Solo movil/tablet (desktop se ve bien). */
@media(max-width:1024px){
  .cau-hero .elementor-background-overlay{
    position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
    width:100% !important; height:100% !important; z-index:2 !important;
    background:linear-gradient(180deg, rgba(15,14,13,.74) 0%, rgba(15,14,13,.86) 100%) !important;
    opacity:1 !important;
  }
  .cau-hero > .elementor-container{ position:relative !important; z-index:3 !important; }
}

/* fix-hero-balance: el overlay anterior quedo demasiado oscuro y tapaba la imagen de portada (productos).
   Lo suavizamos para que SE VEA la imagen, y damos legibilidad por SOMBRA de texto (no oscureciendo todo)
   + textos mas chicos en movil (lo pidio el cliente). Solo CSS, no toca contenido ni Elementor data (L.2). */
@media(max-width:1024px){
  .cau-hero .elementor-background-overlay{
    position:absolute !important; top:0!important; left:0!important; right:0!important; bottom:0!important;
    width:100% !important; height:100% !important; z-index:2 !important; opacity:1 !important;
    background:linear-gradient(160deg, rgba(20,18,17,.22) 0%, rgba(20,18,17,.42) 62%, rgba(20,18,17,.52) 100%) !important;
  }
  .cau-hero .elementor-heading-title{
    text-shadow:0 2px 10px rgba(0,0,0,.75), 0 1px 3px rgba(0,0,0,.6) !important;
  }
}
@media(max-width:767px){
  .cau-hero .elementor-widget-heading h1.elementor-heading-title{ font-size:26px !important; line-height:1.12 !important; }
  .cau-hero .elementor-widget-heading h2.elementor-heading-title{ font-size:19px !important; line-height:1.18 !important; }
  .cau-hero .cau-shape{ opacity:.35 !important; }
}

/* fix-blog-excerpt-mobile: en movil las tarjetas del blog del home quedaban muy largas por la descripcion.
   Ocultar el excerpt SOLO en movil (queda titulo + fecha + "Leer mas"). Solo CSS (L.2). */
@media(max-width:767px){
  .cau-carousel-blog .elementor-post__excerpt{ display:none !important; }
  .cau-carousel-blog .elementor-post__read-more{ margin-top:10px !important; }
}

/* fix-footer-menu-mobile: en el FOOTER el Nav Menu colapsaba a hamburguesa en movil (<=1024). En un footer
   no va: mostramos el menu principal como lista vertical (igual que desktop) y ocultamos el toggle + dropdown.
   Solo CSS, no toca contenido ni Elementor data (L.2). Footer = [data-elementor-type="footer"]. */
@media(max-width:1024px){
  [data-elementor-type="footer"] .elementor-menu-toggle{ display:none !important; }
  [data-elementor-type="footer"] .elementor-nav-menu--dropdown{ display:none !important; }
  [data-elementor-type="footer"] .elementor-nav-menu--main{ display:block !important; }
  [data-elementor-type="footer"] .elementor-nav-menu--main .elementor-nav-menu{ display:block !important; }
  [data-elementor-type="footer"] .elementor-nav-menu--main .elementor-nav-menu > li{ display:block !important; }
  [data-elementor-type="footer"] .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{ padding:7px 0 !important; }
}

/* Cliente: tarjetas de producto sin Cotizar; nombre + Ver detalles mas notorios */
.cau-shop-main ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px!important;font-weight:700!important;line-height:1.2!important;margin:8px 0 12px!important;}
.sg-verdetalles{display:inline-block;background:var(--cau-cyan)!important;color:#fff!important;font-weight:700;border-radius:10px;padding:11px 22px;font-size:15px;text-decoration:none;border:0;transition:all .2s;}
.sg-verdetalles:hover{background:#0090c4!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,172,235,.35);}