/* home.html */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

/* home.html */
/* insumos — normalize.py: reglas irreducibles (fluyen a custom.css del child theme) */
#wa-float{position:fixed;bottom:24px;right:24px;z-index:40}
/* Tailwind h-N sobre widget image: la clase queda en el wrapper, la <img> hereda la altura */
.elementor-widget-image.h-6 img{height:1.5rem!important;width:auto!important}
.elementor-widget-image.h-8 img{height:2rem!important;width:auto!important}
.elementor-widget-image.h-10 img{height:2.5rem!important;width:auto!important}
.elementor-widget-image.h-12 img{height:3rem!important;width:auto!important}
.elementor-widget-image.h-14 img{height:3.5rem!important;width:auto!important}
.elementor-widget-image.h-16 img{height:4rem!important;width:auto!important}
.elementor-heading-title em{font-style:normal;color:#e30613}
@media(max-width:767px){.md-stack{flex-direction:column!important;align-items:stretch!important}}

/* ── superficies del navegador con el DS (selección, foco, ancla bajo header sticky) ── */
::selection{background:#e30613;color:#fff}
:focus-visible{outline:2px solid #e30613;outline-offset:2px}
html{scroll-padding-top:120px}
@media(prefers-reduced-motion:reduce){#wa-float .elementor-button{transition:none!important;transform:none!important}}

/* ── footer (fondo #2e3132): links heredan el gris claro (7.5:1); el link global #b5000b daba 1.85:1 ── */
.elementor-location-footer .elementor-widget-text-editor a{color:inherit;text-decoration:none}
.elementor-location-footer .elementor-widget-text-editor a:hover{color:#fff}

/* ── WhatsApp flotante: pill verde en desktop, botón redondo 56px en mobile; oculto en checkout ── */
#wa-float .elementor-button{background:#25d366;color:#fff;border-radius:999px;padding:12px 20px;box-shadow:0 6px 18px rgba(0,0,0,.22)}
#wa-float .elementor-button:hover{background:#1ebe5b;color:#fff}
@media(max-width:767px){
  #wa-float{bottom:16px;right:16px}
  #wa-float .elementor-button{width:56px;height:56px;padding:0;justify-content:center}
  #wa-float .elementor-button-text{display:none}
  #wa-float .elementor-button-icon{margin:0;font-size:26px}
}
.woocommerce-checkout #wa-float{display:none}

/* ── WooCommerce con el DS (default Woo: botones violeta #7f54b3, onsale oliva, stock verde 3.4:1) ── */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #place_order,
.woocommerce .checkout-button,.woocommerce ul.products li.product .button,.woocommerce .wc-block-components-button{
  background-color:#e30613;color:#fff;border-radius:4px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.05em;padding:12px 24px;line-height:1.25;transition:background-color .15s ease-out}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover,.woocommerce ul.products li.product .button:hover{background-color:#b5000b;color:#fff}
.woocommerce a.button.alt.disabled,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{background-color:#e30613;color:#fff;opacity:.5;padding:12px 24px}
.woocommerce span.onsale{background:#e30613;color:#fff;border-radius:4px;min-height:0;min-width:0;line-height:1;padding:6px 10px;margin:0;
  top:8px;left:8px;font-family:Inter,sans-serif;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:#191c1d}
.woocommerce div.product p.price ins,.woocommerce ul.products li.product .price ins{color:#b5000b;text-decoration:none}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#191c1d;font-family:"Hanken Grotesk",sans-serif;font-weight:700;font-size:16px}
.woocommerce div.product .stock.in-stock{color:#1b5e20}
.woocommerce div.product .stock.out-of-stock{color:#93000a}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:Inter,sans-serif;font-weight:600;color:#191c1d}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#e30613}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{border-top-color:#e30613}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:#e30613}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-cart .coupon input.input-text{border:1px solid #c1c8ca;border-radius:4px;padding:10px 12px;font-family:Inter,sans-serif}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:#e30613;outline:none;box-shadow:0 0 0 2px rgba(227,6,19,.15)}
.woocommerce-cart .coupon input.input-text{min-width:180px}

/* ── tienda: la widget-area de filtros vacía dejaba una caja de 280px en blanco (hasta que Fase 4 cargue widgets) ── */
.elementor-element-itside00:not(:has(.insumos-shop-widget)){display:none}
.elementor-element-itcols00:not(:has(.insumos-shop-widget)){--e-con-grid-template-columns:1fr!important;grid-template-columns:1fr!important}

/* ── insumos-legal-layout: términos / envíos / devoluciones ─────────────────
   Las clases Tailwind (md:w-1/4, max-w-[720px]) no las respeta Elementor en containers flex:
   el índice colapsaba a ~180px (una palabra por línea) y la fila se estiraba al ancho total. */
   Elementor 4 fija flex/width de cada hijo con .e-con.e-child (0,2,0) + !important → hay que superar esa
   especificidad (verificado 2026-09-10: con .elementor-element-x solo, el índice quedaba en 169px). */
.elementor-element-ea576888 > .e-con-inner{gap:32px}
@media (min-width:768px){
  .e-con.e-child.elementor-element-f0557889{--width:280px!important;width:280px!important;max-width:280px!important;flex:0 0 280px!important}
  .e-con.e-child.elementor-element-9c23eb95{--width:auto!important;width:auto!important;max-width:760px!important;flex:1 1 0!important;min-width:0}
}
.elementor-element-570be928 a{white-space:normal}
.elementor-element-9c23eb95 .elementor-widget-text-editor ul{padding-left:1.25rem;margin:0 0 1rem}
.elementor-element-9c23eb95 .elementor-widget-text-editor li{margin-bottom:.4rem}
/* tabla de zonas de envío: min-w-[600px] de Tailwind desbordaba en 390 */
@media (max-width:767px){.elementor-element-b99584c5,.elementor-element-b99584c5 *{min-width:0!important}.elementor-element-b99584c5{overflow-x:auto}}

/* ── insumos-header-mobile: header #59 (reverse-synced en elementor-kit/exports/header.json) ──
   En tablet/mobile el contenedor 189da5b0 pasa a columna y apila logo / hamburguesa / carrito.
   Se fuerza fila única: logo | carrito+cuenta | menú. */
@media (max-width:1024px){
  .elementor-element-189da5b0 > .e-con-inner,
  .elementor-element-189da5b0{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-top:12px!important;padding-bottom:12px!important}
  .elementor-element-189da5b0 .e-con-inner > .e-con,
  .elementor-element-189da5b0 > .e-con{--width:auto!important;--content-width:auto!important;width:auto!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;margin:0!important}
  .elementor-element-c432831{order:1}
  .elementor-element-7753e2c{order:2;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important}
  .elementor-element-79ca761{order:3;--width:56px!important;width:56px!important;min-width:56px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;padding:0!important;--padding-left:0!important;--padding-right:0!important}
  .elementor-element-189da5b0 .elementor-widget{--container-widget-width:auto!important;width:auto!important;max-width:none!important;flex:0 0 auto!important}
  .elementor-element-c432831 img{width:auto!important;height:40px!important;max-width:160px!important}
  .elementor-element-5dd916e,.elementor-element-594beef{width:auto!important;min-width:32px}
  .elementor-element-79ca761 .elementor-widget-nav-menu{width:auto!important}
  .elementor-element-79ca761 .elementor-menu-toggle{margin:0;width:44px;height:44px;justify-content:center}
  .elementor-element-79ca761 .elementor-nav-menu--dropdown{position:absolute;left:0;right:0;top:100%;width:100vw}
}

/* carrito.html */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        /* Hide number input spinners */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type="number"] {
            -moz-appearance: textfield;
        }

/* checkout.html */
@layer base { html, body { margin: 0; padding: 0; } body { overscroll-behavior: none; } main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } } ::-webkit-scrollbar { display: none; }

/* mi-cuenta.html */
@layer base { html, body { margin: 0; padding: 0; } body { overscroll-behavior: none; } main > :first-child { margin-top: 0 !important; } main > :last-child { margin-bottom: 0 !important; } } ::-webkit-scrollbar { display: none; }

/* nosotros.html */
.material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }
    .material-symbols-outlined[data-weight="fill"] {
      font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }

/* tienda.html */
.material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }