/* Digitalz 3D · Diseño (propuesta A). Colores tomados del logo. */
:root{
  --dz-verde:#366C20; --dz-verde-osc:#28521A; --dz-lima:#63BC3A; --dz-tinte:#EEF5E9;
  --dz-negro:#1C1C1C; --dz-texto:#4A4A4A; --dz-gris:#7A7F86; --dz-linea:#E3E6E1; --dz-fondo:#F6F7F5;
  --dz-oferta:#C62828; --dz-pre:#B26A00; --dz-pre-bg:#FFF3DF; --dz-wa:#25D366;
}

/* Botones: mismas esquinas y peso en toda la web */
.button,button.button,input[type=submit].button,.woocommerce .button{border-radius:10px !important;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:0;text-transform:none}
.button.primary:not(.is-outline),.button.alt,.single_add_to_cart_button,.checkout-button{background-color:var(--dz-verde) !important;border-color:var(--dz-verde) !important;color:#fff !important}
.button.primary:not(.is-outline):hover,.button.alt:hover,.single_add_to_cart_button:hover,.checkout-button:hover{background-color:var(--dz-verde-osc) !important}
.button.is-outline{border-color:var(--dz-verde);color:var(--dz-verde)}

/* Tarjeta de producto (listados, inicio, relacionados, búsqueda) */
.products .product-small.box,.product-small.box{background:#fff;border:1px solid var(--dz-linea);border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.products .product-small.col{display:flex}
.products .product-small.col>.col-inner{display:flex;flex-direction:column}
.products .product-small.col>.col-inner>.product-small.box{flex:1 1 auto;height:auto}
.product-small.box:hover{border-color:#cfd5cb;box-shadow:0 6px 18px rgba(28,28,28,.08)}
.product-small .box-image{width:100%;background:#fff;border-radius:0;border-bottom:1px solid var(--dz-linea)}
.product-small .box-text{padding:14px 16px 16px !important;text-align:left !important;display:flex;flex-direction:column;gap:4px;flex:1}
.product-small .box-text .category{display:none !important}
.product-small .dz-marca{margin:0;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dz-gris);line-height:1.3}
.product-small .product-title,.product-small .name{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:var(--dz-negro);line-height:1.3;margin:0}
.product-small .product-title a{color:var(--dz-negro)}
.product-small .price-wrapper{margin-top:auto;padding-top:6px}
.product-small .price{font-family:Montserrat,sans-serif;color:var(--dz-negro)}
.product-small .price ins,.product-small .price>.amount,.product-small .price>.woocommerce-Price-amount{font-size:19px;font-weight:800;text-decoration:none;color:var(--dz-negro)}
.product-small .price del{font-size:13px;color:var(--dz-gris);font-weight:400;opacity:1}
.product-small .dz-estado{margin:2px 0 0;font-size:12.5px;font-weight:500;color:var(--dz-verde);display:flex;align-items:center;gap:6px}
.product-small .dz-estado::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dz-lima)}
.product-small .dz-estado.dz-pre{color:var(--dz-pre)}
.product-small .dz-estado.dz-pre::before{background:#E89B2C}

/* Botón «Agregar» + botón WhatsApp en una fila */
.product-small .add-to-cart-button{margin-top:8px}
.product-small .dz-fila .dz-wa{margin-top:0}
.product-small .add-to-cart-button{display:block;width:100%}
.product-small .dz-fila{display:flex;gap:6px;align-items:center;width:100%;margin-top:10px}
.product-small .box-text .add-to-cart-button{display:none !important}
.product-small .dz-acciones .added_to_cart{display:none}
.product-small .dz-fila .button{flex:1 1 auto;min-width:0;width:auto !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-small .add-to-cart-button .button,.product-small .box-text a.button{width:100%;margin:0;height:38px;line-height:36px;min-height:0;font-size:13.5px;padding:0 12px;background:var(--dz-verde);border-color:var(--dz-verde);color:#fff}
.product-small .box-text a.button:hover{background:var(--dz-verde-osc)}
.product-small .dz-wa{display:inline-flex;flex:none;align-items:center;justify-content:center;width:38px;height:38px;margin:8px 0 0 0;border:1.5px solid var(--dz-linea);border-radius:10px;vertical-align:middle;background:#fff}
.product-small .dz-wa svg{width:20px;height:20px;fill:#1DA851}
.product-small .dz-wa:hover{border-color:#1DA851}

/* Etiquetas */
.badge-container .badge{height:auto}
.badge-container .badge-inner{border-radius:6px !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;padding:4px 9px;line-height:1.2;min-height:0}
.badge-container .badge-inner.on-sale,.badge-container .on-sale .badge-inner{background-color:var(--dz-oferta) !important;color:#fff}
.badge-container .badge.badge-frame .badge-inner,.badge-container .badge.badge-outline .badge-inner{border-radius:6px !important}

/* Celular: tarjetas compactas en 2 columnas */
@media (max-width:549px){
  .product-small .box-text{padding:10px 12px 12px !important}
  .product-small .product-title{font-size:14px}
  .product-small .price ins,.product-small .price>.amount,.product-small .price>.woocommerce-Price-amount{font-size:16.5px}
  .product-small .add-to-cart-button .button,.product-small .box-text a.button{font-size:12.5px;padding:0 6px;height:40px;line-height:38px}
  .product-small .dz-wa{width:40px;height:40px}
  .product-small .dz-fila{gap:5px}
}

@media (max-width:389px){
  .product-small .box-text{padding:10px 10px 12px !important}
  .product-small .add-to-cart-button .button,.product-small .box-text a.button{padding:0 4px;font-size:12.5px;letter-spacing:-.01em}
  .product-small .dz-wa{width:38px;height:38px}
  .product-small .dz-fila{gap:4px}
}

/* ===== Cabecera (propuesta B) ===== */
.dz-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dz-barra{display:flex;align-items:center;gap:22px;font-size:13px;color:#fff;white-space:nowrap}
.dz-barra span,.dz-barra a{display:inline-flex;align-items:center;gap:7px;color:#fff}
.dz-barra a:hover{color:#fff;text-decoration:underline}
.dz-barra-3 .dz-ico{fill:#FFD54A;stroke:#FFD54A}
.dz-barra-wa{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#fff !important;white-space:nowrap}
.dz-barra-wa svg.dz-ico{fill:#fff;stroke:none}
.dz-barra-wa b{font-weight:700}
.dz-barra-wa i{font-style:normal}
.dz-barra-movil{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.dz-barra a,.dz-barra-wa{padding:4px 0}
.dz-visit{display:inline-flex;align-items:center;gap:8px;padding:6px 0;color:var(--dz-negro) !important;line-height:1.15}
.dz-visit .dz-ico{width:22px;height:22px;color:var(--dz-verde)}
.dz-visit small{display:block;font-size:11.5px;color:var(--dz-gris)}
.dz-visit b{display:block;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:700}
.dz-visit:hover b{color:var(--dz-verde)}

/* Buscador grande de la cabecera ([dz3d_buscar]) */
.dz-buscar{width:100%;max-width:640px;margin:0 auto;position:relative}
.dz-buscar form.dz-bform{position:relative;display:block;width:100%;margin:0}
.dz-buscar input.dz-q{display:block;width:100% !important;max-width:none;height:48px !important;margin:0 !important;padding:0 62px 0 22px !important;border:2px solid var(--dz-verde) !important;border-radius:999px !important;background:#fff !important;box-shadow:none !important;font-family:Roboto,sans-serif;font-size:15px !important;color:var(--dz-negro);-webkit-appearance:none;appearance:none}
.dz-buscar input.dz-q::placeholder{color:var(--dz-gris);opacity:1}
.dz-buscar input.dz-q::-webkit-search-cancel-button{-webkit-appearance:none}
.dz-buscar button.dz-bbtn{position:absolute !important;right:6px;top:6px;width:48px;height:36px;min-height:0;margin:0 !important;padding:0 !important;border:0 !important;border-radius:999px !important;background:var(--dz-verde) !important;color:#fff !important;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:none !important;cursor:pointer}
.dz-buscar button.dz-bbtn:hover{background:var(--dz-verde-osc) !important}
.dz-buscar button.dz-bbtn .dz-ico{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2}
.dz-buscar .live-search-results{position:absolute;left:0;right:0;top:54px;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}
.dz-buscar .live-search-results:empty{display:none}
#masthead .flex-left.flex-grow:has(.dz-buscar){padding:0 28px}
#masthead .header-nav:has(.dz-buscar),#masthead .header-nav:has(.dz-buscar)>li.html{width:100%;flex:1}

/* Visítanos + Mi cuenta + Carrito ([dz3d_acciones]) */
.dz-acciones-cab{display:flex;align-items:center;gap:24px}
.dz-act{display:inline-flex;align-items:center;gap:9px;padding:6px 0;color:var(--dz-negro) !important;line-height:1.15;position:relative;white-space:nowrap}
.dz-act .dz-ico{width:24px;height:24px;color:var(--dz-verde)}
.dz-act small{display:block;font-size:11.5px;color:var(--dz-gris)}
.dz-act b{display:block;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:700}
.dz-act:hover b{color:var(--dz-verde)}
.dz-act .dz-n{position:absolute;top:-1px;left:14px;min-width:19px;height:19px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:var(--dz-lima);color:#fff;font-size:11px;font-weight:700;line-height:15px;text-align:center}
.dz-act .dz-n-0{background:#9AA19A}
.dz-acciones-cab .dz-visit .dz-ico{width:24px;height:24px}
/* En el menú del celular solo «Visítanos» (cuenta y carrito ya están en la cabecera del celular) */
.mobile-sidebar .dz-act,.off-canvas .dz-act,#main-menu .dz-act{display:none !important}
.mobile-sidebar .dz-acciones-cab,.off-canvas .dz-acciones-cab{display:block}

/* Fila del menú debajo del logo (Header Bottom) */
#wide-nav.header-bottom{background:#fff !important;border-top:1px solid var(--dz-linea);border-bottom:1px solid var(--dz-linea);min-height:48px}
#wide-nav .header-nav>li>a{color:var(--dz-negro);padding-top:14px;padding-bottom:14px}
#wide-nav .header-nav>li>a:hover{color:var(--dz-verde)}

/* Menú principal */
:is(.header-nav-main,.header-bottom-nav)>li>a.nav-top-link,:is(.header-nav-main,.header-bottom-nav)>li>a{font-family:Montserrat,sans-serif !important;font-weight:600 !important;font-size:14px !important;text-transform:none !important;letter-spacing:0 !important}
:is(.header-nav-main,.header-bottom-nav)>li.active>a,:is(.header-nav-main,.header-bottom-nav)>li.current-menu-item>a,:is(.header-nav-main,.header-bottom-nav)>li.current-menu-ancestor>a{color:var(--dz-verde);box-shadow:inset 0 -3px 0 var(--dz-verde)}
:is(.header-nav-main,.header-bottom-nav)>li.dz-ofertas>a{color:var(--dz-oferta) !important}
:is(.header-nav-main,.header-bottom-nav)>li.dz-has-mega:not(.has-dropdown)>a::after{content:"";display:inline-block;width:6px;height:6px;margin:-3px 0 0 7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);vertical-align:middle;opacity:.7}

/* Menús desplegables: ocupan el ancho de la cabecera */
#masthead,#wide-nav{position:relative}
#masthead .container,#wide-nav .container,#wide-nav .flex-row,#wide-nav .flex-col,#wide-nav .nav,#masthead .flex-row,#wide-nav .flex-row,#masthead .flex-col,#wide-nav .flex-col,
:is(.header-nav-main,.header-bottom-nav),:is(.header-nav-main,.header-bottom-nav)>li.dz-has-mega{position:static !important}
:is(.header-nav-main,.header-bottom-nav)>li.dz-has-mega>.nav-dropdown{display:none !important}
.dz-mega{position:absolute;left:0;right:0;top:100%;z-index:999;background:#fff;border-top:1px solid var(--dz-linea);box-shadow:0 18px 30px rgba(28,28,28,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility 0s linear .15s;text-align:left}
.dz-has-mega:hover>.dz-mega,.dz-has-mega:focus-within>.dz-mega,.dz-has-mega.dz-open>.dz-mega{opacity:1;visibility:visible;transform:none;transition-delay:.08s,.08s,0s}
.dz-mega-in{max-width:1200px;margin:0 auto;padding:26px 24px 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 290px;gap:28px}
.dz-mega-n1 .dz-mega-in{grid-template-columns:minmax(0,1fr) 290px;max-width:760px}
.dz-mega-n2 .dz-mega-in{grid-template-columns:repeat(2,minmax(0,1fr)) 290px;max-width:1000px}
.dz-mega-n4 .dz-mega-in{grid-template-columns:repeat(4,minmax(0,1fr)) 270px}
.header-nav .dz-mega ul,.dz-mega ul{margin:0 !important;padding:0 !important;list-style:none;display:block}
.header-nav .dz-mega li,.dz-mega li{display:block;margin:0 !important;padding:0;position:static;list-style:none}
.dz-mega-h{margin:0 0 8px 8px;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dz-gris)}
.header-nav .dz-mega-col a,.dz-mega-col a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.35;text-transform:none;letter-spacing:0;color:var(--dz-texto) !important;white-space:normal}
.dz-mega-col a:hover,.dz-mega-col a:focus{background:var(--dz-tinte);color:var(--dz-verde) !important}
.dz-mega-col small{font-size:12px;color:var(--dz-gris);background:#F2F4F0;border-radius:999px;padding:1px 8px;flex:none}
.dz-mega-side{display:flex;flex-direction:column;gap:12px}
.dz-mega-box{background:var(--dz-tinte);border-radius:12px;padding:16px;color:var(--dz-texto);font-size:13.5px;line-height:1.45}
.dz-mega-box b{display:block;font-family:Montserrat,sans-serif;font-size:15px;color:var(--dz-negro);margin-bottom:4px}
.dz-mega-box p{margin:0 0 10px}
.dz-mega-eb{display:block;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dz-verde);margin-bottom:4px}
.header-nav .dz-mega-wa,.dz-mega-wa{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:#1DA851;color:#fff !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:13px;text-transform:none}
.dz-mega-wa svg{width:18px;height:18px;fill:#fff}
.header-nav .dz-mega-prod,.dz-mega-prod{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--dz-linea);border-radius:12px;background:#fff;color:var(--dz-texto) !important;text-transform:none;font-weight:400}
.dz-mega-prod img{width:88px;height:88px;object-fit:contain;margin:0}
.dz-mega-prod b{display:block;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.3;color:var(--dz-negro)}
.dz-mega-prod strong{display:block;margin-top:4px;font-family:Montserrat,sans-serif;font-size:15px;color:var(--dz-negro)}
.dz-mega-prod del{font-size:12px;color:var(--dz-gris);font-weight:400}
.dz-mega-prod:hover{border-color:var(--dz-verde)}
.dz-mega-sel{width:100%;height:40px;margin:0;border:1.5px solid var(--dz-linea);border-radius:10px;background:#fff;font-size:14px;padding:0 10px}
.header-nav .dz-mega-todos,.dz-mega-todos{display:block;padding:4px 2px;font-family:Montserrat,sans-serif;font-weight:700;font-size:13.5px;color:var(--dz-verde) !important;text-transform:none}
.dz-mega-todos:hover{text-decoration:underline}

/* En el menú del celular y tablet no se usan los desplegables grandes */
.nav-sidebar .dz-mega,.mobile-sidebar .dz-mega{display:none !important}
@media (max-width:849px){.dz-mega{display:none !important}.dz-barra .dz-barra-2,.dz-barra .dz-barra-3{display:none}}
@media (max-width:374px){.dz-barra-wa .dz-wa-t{display:none}.dz-barra{gap:12px;font-size:12.5px}}
/* Menú del celular: Ofertas en rojo también ahí */
.nav-sidebar li.dz-ofertas>a,.mobile-sidebar li.dz-ofertas>a{color:var(--dz-oferta) !important}
@media (max-width:1100px){.dz-mega-in,.dz-mega-n4 .dz-mega-in{grid-template-columns:repeat(3,minmax(0,1fr)) 250px}.dz-mega-n4 .dz-mega-col:nth-child(4){display:none}}

/* Página Ofertas */
.dz-ofertas-vacio{padding:24px;background:var(--dz-tinte);border-radius:12px;font-size:15px}

/* ===== Pie de página (propuesta G) ===== */
#footer:has(.dz-pie) .absolute-footer,#footer:has(.dz-pie) .footer-1,#footer:has(.dz-pie) .footer-2{display:none}
#footer:has(.dz-pie)>.section,#footer:has(.dz-pie) .row:has(.dz-pie){padding:0 !important;margin:0 !important;max-width:none !important}
.dz-pie{font-family:Roboto,sans-serif;font-size:14px;width:100%}
.dz-pie-w{max-width:1200px;margin:0 auto;padding:0 20px}
.dz-pie .dz-pi{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dz-pie-conf{background:var(--dz-tinte)}
.dz-pie-conf .dz-pie-w{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:24px;padding-bottom:24px}
.dz-pie-conf .dz-pie-w>div{display:flex;gap:12px;align-items:center}
.dz-pie-conf .dz-pi{width:30px;height:30px;color:var(--dz-verde);stroke-width:1.7}
.dz-pie-conf b{display:block;color:var(--dz-negro);font-family:Montserrat,sans-serif;font-size:14.5px}
.dz-pie-conf small{color:var(--dz-texto);font-size:13px}
.dz-pie-ft{background:var(--dz-negro);color:#C9CCC7}
.dz-pie-ft a{color:#C9CCC7}
.dz-pie-ft a:hover{color:#fff}
.dz-pie-cols{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:40px;padding-top:50px !important;padding-bottom:40px !important}
.dz-pie-h{font-family:Montserrat,sans-serif;color:#fff;font-size:14px;font-weight:700;margin:0 0 16px;letter-spacing:.02em}
.dz-pie ul{margin:0;padding:0;list-style:none}
.dz-pie li{list-style:none;margin:0 0 6px;line-height:1.5}
.dz-pie-cols ul a{display:inline-block;padding:4px 0}
.dz-pie-logo{height:52px;width:auto;max-width:220px;margin:0}
.dz-pie-logo.dz-blanco{background:#fff;border-radius:10px;padding:8px 12px;height:60px}
.dz-pie-nom{font-family:Montserrat,sans-serif;font-size:24px;color:#fff}
.dz-pie-about p{margin:16px 0 18px;max-width:34ch;line-height:1.6}
.dz-pie-soc{display:flex;gap:10px}
.dz-pie-soc a{width:38px;height:38px;border-radius:99px;border:1px solid #3A3D39;display:grid;place-items:center;color:#fff}
.dz-pie-soc a:hover{border-color:var(--dz-lima);color:var(--dz-lima)}
.dz-pie-ct li{display:flex;gap:10px;align-items:flex-start}
.dz-pie-ct .dz-pi{color:var(--dz-lima);margin-top:2px;width:17px;height:17px}
.dz-pie-lr{display:inline-flex;align-items:center;gap:10px;border:1px solid #3A3D39;border-radius:10px;padding:10px 14px;margin-top:6px;color:#fff !important;font-weight:500}
.dz-pie-lr .dz-pi{color:var(--dz-lima)}
.dz-pie-lr:hover{border-color:var(--dz-lima)}
.dz-pie-bot{border-top:1px solid #333631}
.dz-pie-bot .dz-pie-w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;font-size:13px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.dz-pie-pay{display:flex;gap:8px;flex-wrap:wrap}
.dz-pie-pay span{border:1px solid #3A3D39;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}
@media (max-width:849px){
  .dz-pie-conf .dz-pie-w{grid-template-columns:1fr 1fr;gap:16px}
  .dz-pie-cols{grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:36px !important}
  .dz-pie-about{grid-column:1/-1}
}
@media (max-width:549px){
  .dz-pie-conf .dz-pi{width:24px;height:24px}
  .dz-pie-conf b{font-size:13px}.dz-pie-conf small{font-size:12px}
  .dz-pie-ct{grid-column:1/-1}
  .dz-pie-bot .dz-pie-w{justify-content:center;text-align:center}
}

/* Cabecera blanca sólida siempre, también al bajar (pedido de César) */
#header .header-bg-color,#header .header-main,#header .header-bottom,#header.transparent .header-main,#header .stuck .header-main,#header .stuck .header-bottom,.header-wrapper.stuck{background-color:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
#header .header-bg-image{opacity:0 !important}
#header .header-wrapper{background-color:#fff !important}
#header .header-bg-container{display:none !important}

/* Cabecera alineada con el ancho de la web (aunque el tema la tenga a todo lo ancho) */
#header.header-full-width .container,#header .header-full-width .container{max-width:calc(var(--dz-ancho,1250px) + 30px) !important;margin-left:auto;margin-right:auto}

/* Cabecera fija al bajar: una sola fila delgada de 56 px (pedido de César).
 * Quedan logo, buscador, cuenta y carrito; el menú vuelve a verse al subir arriba de la página. */
#header .stuck .header-main,#header .header-wrapper.stuck #masthead{height:56px !important}
#header .stuck .header-main .header-inner{height:56px}
#header .stuck #logo img,#header .stuck .header-logo{max-height:36px !important;height:auto}
#header .stuck .dz-buscar input.dz-q{height:38px !important;font-size:14px !important}
#header .stuck .dz-buscar button.dz-bbtn{top:4px;height:30px;width:42px}
#header .stuck .dz-acciones-cab{gap:18px}
#header .stuck .dz-acciones-cab .dz-visit{display:none}
#header .stuck .dz-act small{display:none}
#header .stuck .dz-act{padding:2px 0}
#header .stuck #wide-nav,#header .header-wrapper.stuck .header-bottom{display:none !important}
