/*
Theme Name:   Mancini (hijo de Astra)
Description:  Estilo minimalista para la tienda Mancini – Casa Bazzini. Requiere el tema Astra y WooCommerce.
Template:     astra
Version:      1.7.5
Text Domain:  mancini-astra
*/

/* Colores de Astra → colores del logo Mancini */
:root{
  --ast-global-color-0:#F9B733;
  --ast-global-color-1:#E0A21E;
  --ast-global-color-2:#1F1F1F;
  --ast-global-color-3:#6B6B6B;
}
a{color:#1F1F1F}
a:hover{color:#6B6B6B}

/* Barra superior */
.mz-topbar{text-align:center;font-size:13px;color:#6B6B6B;padding:10px 16px;border-bottom:1px solid #ECEAE4;background:#fff;font-family:'Inter',sans-serif}

/* Página de inicio: slide */
.mz-slider{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}
.mz-track{display:flex;width:400%;animation:mzsld 15s infinite ease-in-out}
.mz-slider:hover .mz-track{animation-play-state:paused}
.mz-slide{width:25%;flex:none}
.mz-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;padding:48px;max-width:1200px;margin:0 auto;box-sizing:border-box;min-height:460px}
.mz-text{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.mz-eb{font-size:14px;color:#6B6B6B}
.mz-text h1{margin:0;font-size:56px;line-height:1.05;font-weight:600;letter-spacing:-0.03em}
.mz-text p{margin:0 0 6px;font-size:18px;line-height:1.55;color:#6B6B6B;max-width:420px}
.mz-btn{display:inline-block;background:#1F1F1F;color:#fff !important;border-radius:999px;padding:14px 28px;font-weight:500;font-size:15px}
.mz-btn:hover{background:#000}
.mz-img{display:flex;align-items:center;justify-content:center;min-height:340px;background:rgba(255,255,255,.7);border-radius:16px;color:#6B6B6B;font-size:13px;overflow:hidden}
.mz-img img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes mzsld{0%,26%{transform:translateX(0)}33%,59%{transform:translateX(-25%)}66%,92%{transform:translateX(-50%)}100%{transform:translateX(-75%)}}
@media (prefers-reduced-motion:reduce){.mz-slider{overflow-x:auto;scroll-snap-type:x mandatory}.mz-track{animation:none}.mz-slide{scroll-snap-align:start}}
.mz-section{padding:72px 0}
.mz-section h2{font-size:32px;margin:0 0 32px}
.mz-more{text-align:center;margin-top:48px}

/* ---------- WooCommerce ---------- */

:root{
  --mz-amarillo:#F9B733;
  --mz-amarillo-oscuro:#E0A21E;
  --mz-texto:#1F1F1F;
  --mz-gris:#6B6B6B;
  --mz-fondo-foto:#EFEDE7;
  --mz-borde:#E4E1D9;
}

body, button, input, select, textarea{
  font-family:'Inter',sans-serif;
  color:var(--mz-texto);
}
h1,h2,h3,.entry-title,.product_title{
  font-family:'Inter',sans-serif;
  font-weight:600;
  letter-spacing:-0.03em;
  color:var(--mz-texto);
}

/* ---------- Migas de pan y ordenar ---------- */
.woocommerce-breadcrumb{font-size:14px;color:var(--mz-gris)}
.woocommerce-breadcrumb a{color:var(--mz-gris)}
.woocommerce-result-count{font-size:14px;color:var(--mz-gris)}
.woocommerce-ordering select{
  border:1px solid var(--mz-borde);border-radius:999px;
  padding:9px 16px;font-size:14px;background:#fff;
}

/* ---------- Cuadrícula de productos ---------- */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:40px 28px;
  margin:0;padding:0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  width:100%;float:none;margin:0;
  display:flex;flex-direction:column;gap:6px;
}
.woocommerce ul.products li.product a img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  background:var(--mz-fondo-foto);
  border-radius:16px;margin:0 0 8px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:15px;font-weight:500;padding:0;
}
.woocommerce ul.products li.product .price{
  font-size:15px;color:var(--mz-gris);
}
.woocommerce ul.products li.product .price ins{background:none;font-weight:500}

/* ---------- Botones ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:none;color:var(--mz-texto);
  border:1px solid var(--mz-texto);border-radius:999px;
  padding:10px 20px;font-size:14px;font-weight:500;
  align-self:flex-start;transition:background .2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background:var(--mz-amarillo);border-color:var(--mz-amarillo);color:var(--mz-texto);
}
/* Botones principales: amarillo */
.woocommerce .single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #place_order{
  background:var(--mz-amarillo);border-color:var(--mz-amarillo);
  color:var(--mz-texto);font-weight:600;padding:14px 28px;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #place_order:hover{
  background:var(--mz-amarillo-oscuro);border-color:var(--mz-amarillo-oscuro);
}

/* ---------- Etiqueta de oferta ---------- */
.woocommerce span.onsale{
  background:var(--mz-texto);color:var(--mz-amarillo);
  border-radius:999px;min-height:0;min-width:0;
  padding:6px 12px;line-height:1.2;font-size:12px;font-weight:600;
  top:12px;left:12px;
}

/* ---------- Ficha de producto ---------- */
.woocommerce div.product .product_title{font-size:40px;line-height:1.1}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:28px;font-weight:600;color:var(--mz-texto);
}
.woocommerce div.product div.images img{
  border-radius:16px;background:var(--mz-fondo-foto);
}
.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--mz-gris);line-height:1.6;
}
.woocommerce .quantity .qty{
  border:1px solid var(--mz-borde);border-radius:999px;
  height:50px;width:80px;text-align:center;
}
.woocommerce div.product form.cart{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
}
.woocommerce div.product form.cart .variations select{
  border:1px solid var(--mz-borde);border-radius:999px;padding:9px 16px;
}
.woocommerce div.product .product_meta{
  font-size:14px;color:var(--mz-gris);
  border-top:1px solid #ECEAE4;padding-top:16px;
}

/* Pestañas (descripción, información adicional) */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-bottom:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#ECEAE4}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:none;border:0;border-radius:0;margin:0 24px 0 0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding:10px 2px;color:var(--mz-gris);font-weight:500;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--mz-texto);box-shadow:inset 0 -2px 0 var(--mz-amarillo);
}

/* ---------- Paginación ---------- */
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--mz-borde);border-radius:999px;
  padding:9px 16px;font-size:14px;color:var(--mz-gris);background:#fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--mz-amarillo);border-color:var(--mz-amarillo);
  color:var(--mz-texto);font-weight:500;
}

/* ---------- Filtros laterales (widgets) ---------- */
.widget-title,.widget .wp-block-heading{font-size:16px;font-weight:600}
.woocommerce .widget_product_categories ul{list-style:none;padding:0;margin:0}
.woocommerce .widget_product_categories li a{
  display:block;padding:8px 0;font-size:15px;color:var(--mz-gris);
}
.woocommerce .widget_product_categories li.current-cat > a,
.woocommerce .widget_product_categories li a:hover{
  color:var(--mz-texto);font-weight:600;
}

/* ---------- Aviso de la tienda (barra superior) ---------- */
.woocommerce-store-notice,p.demo_store{
  background:#fff;color:var(--mz-gris);font-size:13px;
  border-bottom:1px solid #ECEAE4;
}
.woocommerce-store-notice a,p.demo_store a{color:var(--mz-texto)}

/* ---------- Encabezado limpio ---------- */
.site-title,.ast-site-title-wrap .site-title{display:none !important}
.main-header-menu .menu-link,
.ast-header-break-point .main-header-menu .menu-link{color:#1F1F1F !important;font-weight:500;font-size:15px}
.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link{color:#1F1F1F !important;box-shadow:none !important}
.main-header-menu .menu-item:hover > .menu-link{text-decoration:underline;text-decoration-color:#F9B733;text-decoration-thickness:2px;text-underline-offset:8px}
.ast-site-header-cart a,.ast-site-header-cart .ast-cart-menu-wrap{color:#1F1F1F !important}

/* ---------- Filtros (chips) ---------- */
.mz-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px;padding:0}
.mz-chip{display:inline-block;padding:9px 18px;border-radius:999px;font-size:14px;line-height:1.2;color:#6B6B6B;border:1px solid #E4E1D9;background:#fff;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap}
.mz-chip:hover{border-color:#1F1F1F;color:#1F1F1F}
.mz-chip.on{background:#F9B733;border-color:#F9B733;color:#1F1F1F;font-weight:500}
.mz-hide{display:none !important}

/* ---------- Encabezado Mancini (reemplaza el de Astra) ---------- */
#masthead{display:none !important}
.mz-hwrap{background:#fff;border-bottom:1px solid #ECEAE4;font-family:'Inter',sans-serif}
.mz-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:12px 48px;box-sizing:border-box}
.mz-logo img,.mz-logo .custom-logo{height:60px !important;width:auto !important;max-width:none !important;max-height:none !important;object-fit:contain;display:block}
.mz-logo a{color:#1F1F1F;font-weight:600;font-size:20px;text-decoration:none}
.mz-nav{display:flex;gap:32px;flex-wrap:wrap}
.mz-nav a{padding:10px 2px;font-size:15px;color:#6B6B6B;text-decoration:none}
.mz-nav a:hover{color:#1F1F1F;text-decoration:underline;text-decoration-color:#F9B733;text-decoration-thickness:2px;text-underline-offset:8px}
.mz-icons{display:flex;align-items:center;gap:4px}
.mz-ico{position:relative;display:flex;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;padding:0;color:#1F1F1F}
.mz-count{position:absolute;top:4px;right:0;min-width:18px;height:18px;border-radius:9px;background:#F9B733;color:#1F1F1F;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box}
.mz-count:empty{display:none}
.mz-lang{font-size:13px;margin-right:8px}
.mz-search{max-width:1200px;margin:0 auto;padding:0 48px 14px;box-sizing:border-box}
.mz-search[hidden]{display:none}
.mz-search form{margin:0}
.mz-search input[type=search]{width:100%;border:1px solid #E4E1D9;border-radius:999px;padding:12px 18px;box-sizing:border-box}
@media (max-width:640px){.mz-header{padding:10px 20px}.mz-nav{order:3;width:100%;gap:20px;justify-content:center}.mz-search{padding:0 20px 14px}}

/* ====================================================================
   TIENDA COMPLETA: diseño de páginas WooCommerce
   ==================================================================== */
.site-footer,#colophon{display:none !important}
.woocommerce #secondary,.woocommerce-page #secondary{display:none}
.woocommerce #primary,.woocommerce-page #primary{width:100% !important;margin:0 !important;padding:0 !important;border:0 !important}
.woocommerce-products-header__title,.woocommerce-page h1.page-title{font-size:40px;line-height:1.1;margin:8px 0 24px}

/* Pie de página */
.mz-footer{border-top:1px solid #ECEAE4;background:#fff;font-family:'Inter',sans-serif;font-size:14px;line-height:1.7;color:#6B6B6B;margin-top:64px}
.mz-footer-in{max-width:1200px;margin:0 auto;padding:40px 48px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.mz-footer strong{color:#1F1F1F;font-weight:600}
.mz-footer a{color:#1F1F1F;text-decoration:underline;text-decoration-color:#F9B733;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:640px){.mz-footer-in{padding:32px 20px}}

/* Avisos */
.mz-note{padding:16px 18px;background:#F8F5EE;border-radius:14px;font-size:14px;line-height:1.5;color:#6B6B6B;margin:20px 0}
.mz-note strong{color:#1F1F1F}

/* Ficha de producto */
.woocommerce div.product div.images .flex-control-thumbs img{border-radius:12px;background:var(--mz-fondo-foto)}
.woocommerce div.product .woocommerce-tabs{margin-top:48px}
.woocommerce div.product .related.products > h2,.woocommerce div.product .upsells > h2{font-size:28px;font-weight:600;margin:64px 0 28px}
.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{padding:6px 0;display:block;text-align:left}
.woocommerce div.product form.cart .reset_variations{font-size:13px;color:var(--mz-gris)}

/* Carrito */
.woocommerce table.shop_table{border:0;border-radius:0;border-collapse:collapse}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border:0;border-top:1px solid #ECEAE4;padding:20px 12px;background:none}
.woocommerce-cart table.cart img{width:88px;border-radius:12px}
.woocommerce-cart table.cart td.product-remove a{color:var(--mz-gris) !important;font-weight:400}
.woocommerce-cart table.cart td.actions .coupon .input-text{border:1px solid var(--mz-borde);border-radius:999px;padding:12px 18px;width:180px}
.woocommerce .cart_totals,.woocommerce-page .cart_totals{background:#F8F5EE;border-radius:20px;padding:28px}
.woocommerce .cart_totals h2{font-size:20px;font-weight:600;margin-top:0}
.woocommerce .cart_totals table.shop_table td,.woocommerce .cart_totals table.shop_table th{border-top:1px solid #E4E1D9}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;border-radius:999px;margin:12px 0 0;padding:16px 28px}

/* Finalizar compra */
.woocommerce form .form-row label{font-size:14px;font-weight:500;margin-bottom:6px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:1px solid var(--mz-borde);border-radius:12px;padding:13px 14px;font-size:15px;background:#fff;height:auto;box-shadow:none}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{outline:2px solid var(--mz-amarillo);border-color:var(--mz-amarillo)}
.select2-container--default .select2-selection--single{border:1px solid var(--mz-borde);border-radius:12px;height:48px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{font-size:20px;font-weight:600}
.woocommerce-checkout #order_review{background:#F8F5EE;border-radius:20px;padding:28px}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment ul.payment_methods li{border:1px solid var(--mz-borde);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fff;list-style:none}
.woocommerce-checkout #payment div.payment_box{background:#F8F5EE;color:var(--mz-gris);border-radius:10px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:0}
.woocommerce-checkout #place_order{width:100%;border-radius:999px;padding:16px 28px;margin-top:8px}
/* Métodos de entrega como tarjetas (domicilio / recogida en planta) */
.woocommerce ul#shipping_method{list-style:none;margin:0;padding:0}
.woocommerce ul#shipping_method li{border:1px solid var(--mz-borde);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff;display:flex;gap:10px;align-items:center}
.woocommerce ul#shipping_method li:has(input:checked){border-color:var(--mz-texto)}
.woocommerce ul#shipping_method li input{accent-color:#262626;margin:0}
.woocommerce ul#shipping_method li label{margin:0;cursor:pointer}

/* Mensajes de WooCommerce */
.woocommerce-message,.woocommerce-info{border-top-color:var(--mz-amarillo)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--mz-texto)}

/* ====================================================================
   MÁS COLOR: paleta del logo (amarillo #F9B733, carbón #2A2928,
   verde hoja #3F6B38, café maní #915E36)
   ==================================================================== */
:root{--mz-carbon:#2A2928;--mz-amarillo:#F9B733;--mz-verde:#3F6B38;--mz-cafe:#915E36;--mz-crema:#FEF1CC}

/* Barra superior y encabezado */
.mz-topbar{background:#F9B733;color:#2A2928;font-weight:600;border-bottom:0}
.mz-hwrap{border-bottom:3px solid #2A2928}
.mz-nav a{color:#2A2928;font-weight:600}
.mz-nav a:hover{color:#2A2928}

/* Títulos */
.woocommerce-products-header__title,.woocommerce-page h1.page-title,.mz-section > h2,
.woocommerce div.product .related.products > h2,.woocommerce div.product .upsells > h2{
  font-weight:800;letter-spacing:-0.02em;background:none;text-decoration:none}

/* Slide más llamativo */
.mz-inner{min-height:520px}
.mz-text h1{font-size:64px;font-weight:800;line-height:1.02;color:inherit}
.mz-text p{color:inherit;opacity:.88;font-size:19px}
.mz-eb{display:inline-block;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mz-btn{padding:16px 32px;font-weight:700;font-size:16px;border:3px solid #2A2928;box-shadow:4px 4px 0 #2A2928;transition:transform .15s,box-shadow .15s}
.mz-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #2A2928}
.mz-img{background:rgba(255,255,255,.22);border-radius:28px}

/* Franja de categorías */
.mz-strip{width:100vw;margin-left:calc(50% - 50vw);background:#2A2928;color:#F9B733;font-weight:800;font-size:16px;letter-spacing:.06em;text-align:center;padding:16px 24px}

/* Filtros */
.mz-chip{border:2px solid #2A2928;color:#2A2928;font-weight:500}
.mz-chip:hover{background:#FEF1CC;border-color:#2A2928;color:#2A2928}
.mz-chip.on{background:#F9B733;border-color:#2A2928;color:#2A2928;font-weight:700}

/* Tarjetas de producto */
.woocommerce ul.products li.product{transition:transform .2s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px)}
.woocommerce ul.products li.product a img{background:#FEF1CC;border-radius:20px}
.woocommerce ul.products li.product .price{font-weight:700;color:#2A2928;font-size:16px}
.woocommerce ul.products li.product .button{background:#F9B733;border:2px solid #2A2928;color:#2A2928;font-weight:700}
.woocommerce ul.products li.product .button:hover{background:#2A2928;border-color:#2A2928;color:#fff}

/* Banda verde de recetas */
.mz-band{width:100vw;margin-left:calc(50% - 50vw);background:#F9B733;color:#2A2928;padding:64px 48px;box-sizing:border-box}
.mz-band-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.mz-band h2{background:none;display:block;padding:0;margin:0 0 8px;color:#2A2928;font-size:44px;font-weight:800}
.mz-band p{margin:0;font-size:19px;color:#2A2928}

/* Ficha de producto */
.woocommerce div.product p.price,.woocommerce div.product span.price{display:inline-block;background:#F9B733;color:#2A2928;padding:6px 18px;border-radius:999px;font-weight:800}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{box-shadow:inset 0 -3px 0 #F9B733}
.mz-note{background:#FEF1CC;border-left:4px solid #F9B733}

/* Carrito y pago */
.woocommerce .cart_totals,.woocommerce-page .cart_totals,.woocommerce-checkout #order_review{background:#FEF1CC;border:2px solid #2A2928}

/* Pie de página */
.mz-footer{background:#2A2928;color:#D8D6D0;border-top:6px solid #F9B733;margin-top:0}
.mz-footer strong{color:#F9B733}
.mz-footer a{color:#fff;text-decoration-color:#F9B733}
@media (max-width:640px){.mz-text h1{font-size:42px}.mz-band{padding:48px 20px}.mz-band h2{font-size:32px}}

/* Filtro del inicio: estado de carga */
.mz-products{transition:opacity .2s}
.mz-products.mz-loading{opacity:.35}
.mz-empty{padding:40px 0;color:#6B6B6B;font-size:16px}

/* Chat de WhatsApp */
#ast-scroll-top,.ast-scroll-top-icon{display:none !important}
.mz-wa{position:fixed;right:20px;bottom:20px;z-index:9999;font-family:'Inter',sans-serif}
.mz-wa-btn{width:60px;height:60px;border-radius:50%;background:#F9B733;border:3px solid #2A2928;box-shadow:4px 4px 0 #2A2928;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}
.mz-wa-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #2A2928}
.mz-wa-panel{position:absolute;right:0;bottom:78px;width:320px;max-width:calc(100vw - 40px);background:#fff;border:3px solid #2A2928;border-radius:20px;box-shadow:6px 6px 0 #2A2928;overflow:hidden}
.mz-wa-panel[hidden]{display:none}
.mz-wa-head{background:#2A2928;color:#F9B733;padding:14px 44px 14px 18px;position:relative;display:flex;flex-direction:column;gap:2px;font-size:16px}
.mz-wa-head span{color:#D8D6D0;font-size:12px}
.mz-wa-x{position:absolute;top:8px;right:8px;width:32px;height:32px;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0}
.mz-wa-body{padding:18px;display:flex;flex-direction:column;gap:12px;background:#FEF1CC}
.mz-wa-msg{margin:0;background:#fff;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14px;line-height:1.5;color:#2A2928}
.mz-wa-go{display:block;text-align:center;background:#F9B733;color:#2A2928 !important;font-weight:700;border:2px solid #2A2928;border-radius:999px;padding:12px 16px;text-decoration:none}
.mz-wa-go:hover{background:#2A2928;color:#F9B733 !important}
.mz-wa-body small{color:#6B6B6B;text-align:center}
@media (max-width:640px){.mz-wa{right:14px;bottom:14px}}

/* ====================================================================
   INICIO: beneficios, categorías con foto, pasos, mapa, adornos
   ==================================================================== */
/* Quita el espacio vacío entre el encabezado y el slide */
.page-template-template-inicio #primary,.page-template-template-inicio .site-main{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important}
.page-template-template-inicio .site-content .ast-container{padding-top:0}

/* Triángulos del logo como adorno en el slide */
.mz-slide{position:relative;overflow:hidden}
.mz-slide::before{content:"";position:absolute;right:-70px;top:-90px;width:380px;height:330px;background:rgba(255,255,255,.14);clip-path:polygon(50% 0,100% 100%,0 100%)}
.mz-slide::after{content:"";position:absolute;left:-60px;bottom:-80px;width:240px;height:210px;background:rgba(42,41,40,.07);clip-path:polygon(50% 0,100% 100%,0 100%)}
.mz-inner{position:relative;z-index:1}

/* Olas */
.mz-wave{width:100vw;margin-left:calc(50% - 50vw);line-height:0}
.mz-wave svg{display:block;width:100%;height:40px}
.mz-wave-dark{background:#2A2928}
.mz-wave-light{background:#fff}

/* Beneficios */
.mz-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;padding:48px 0 8px}
.mz-ben{display:flex;gap:14px;align-items:center;color:#2A2928;text-decoration:none}
.mz-ben-ico{flex:none;width:56px;height:56px;border-radius:50%;background:#F9B733;border:3px solid #2A2928;display:flex;align-items:center;justify-content:center;transition:transform .2s}
a.mz-ben:hover .mz-ben-ico{transform:scale(1.08) rotate(-6deg)}
.mz-ben strong{display:block;font-size:16px;font-weight:700}
.mz-ben span{font-size:14px;color:#6B6B6B}
.mz-ben .mz-ben-ico{color:inherit}

/* Categorías con foto */
.mz-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px}
.mz-tile{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#2A2928;font-weight:700;text-align:center}
.mz-tile-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#FEF1CC;border:3px solid #2A2928;border-radius:24px;box-shadow:5px 5px 0 #2A2928;overflow:hidden;transition:transform .2s,box-shadow .2s}
.mz-tile:hover .mz-tile-img{transform:translate(3px,3px);box-shadow:2px 2px 0 #2A2928}
.mz-tile-img img{width:78%;height:78%;object-fit:contain;transition:transform .3s}
.mz-tile:hover .mz-tile-img img{transform:scale(1.08)}
.mz-tile-ph{font-size:40px;color:#F9B733}

/* Cómo pedir */
.mz-steps{text-align:center}
.mz-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:16px}
.mz-step{padding:0 12px}
.mz-num{display:inline-flex;width:64px;height:64px;border-radius:50%;background:#F9B733;border:3px solid #2A2928;box-shadow:4px 4px 0 #2A2928;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#2A2928}
.mz-step h3{font-size:20px;font-weight:700;margin:20px 0 8px}
.mz-step p{margin:0 auto;max-width:280px;color:#6B6B6B;line-height:1.55}

/* Mapa */
.mz-map-sec{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:72px 48px;box-sizing:border-box}
.mz-map-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.6fr);gap:48px;align-items:center}
.mz-map-info h2{font-size:36px;font-weight:800;margin:0 0 16px}
.mz-map-info p{margin:0 0 16px;line-height:1.6;color:#6B6B6B}
.mz-map-info strong{color:#2A2928}
.mz-map-frame iframe{display:block;width:100%;height:400px;border:3px solid #2A2928;border-radius:24px;box-shadow:6px 6px 0 #2A2928}
@media (max-width:760px){.mz-map-in{grid-template-columns:1fr;gap:28px}.mz-map-sec{padding:48px 20px}.mz-map-frame iframe{height:300px}}

/* Animaciones */
.mz-js .mz-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.mz-js .mz-reveal.mz-in{opacity:1;transform:none}
.woocommerce ul.products li.product a img{transition:transform .3s ease}
.woocommerce ul.products li.product:hover a img{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.mz-js .mz-reveal{opacity:1;transform:none;transition:none}.woocommerce ul.products li.product a img,.mz-tile-img img{transition:none}}

/* ====================================================================
   PÁGINA DE RECETAS
   ==================================================================== */
.mz-recetas #primary,.mz-recetas .site-main{margin:0 !important;padding:0 !important}
.mz-recetas .site-content .ast-container{padding-top:0;display:block}
.mz-rec-hero{width:100vw;margin-left:calc(50% - 50vw);background:#F9B733;position:relative;overflow:hidden;color:#2A2928}
.mz-rec-hero::before{content:"";position:absolute;right:-70px;top:-90px;width:380px;height:330px;background:rgba(255,255,255,.16);clip-path:polygon(50% 0,100% 100%,0 100%)}
.mz-rec-hero::after{content:"";position:absolute;left:-60px;bottom:-80px;width:240px;height:210px;background:rgba(42,41,40,.07);clip-path:polygon(50% 0,100% 100%,0 100%)}
.mz-rec-hero-in{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:64px 48px 56px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.mz-rec-hero h1{margin:0;font-size:60px;line-height:1.02;font-weight:800;letter-spacing:-0.03em;color:#2A2928}
.mz-rec-hero p{margin:0;font-size:19px;max-width:560px}
.mz-rec-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.mz-rec-index .mz-chip{background:#fff}
.mz-rec-index .mz-chip:hover{background:#2A2928;color:#F9B733}
.mz-wave-white{background:#fff}
.mz-rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:36px;align-items:start;max-width:1200px;margin:0 auto;padding:56px 48px 40px;box-sizing:border-box}
.mz-rcard{background:#fff;border:3px solid #2A2928;border-radius:24px;box-shadow:6px 6px 0 #2A2928;overflow:hidden;scroll-margin-top:24px}
.mz-rcard-img{aspect-ratio:4/3;background:#FEF1CC;overflow:hidden}
.mz-rcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mz-rcard:hover .mz-rcard-img img{transform:scale(1.05)}
.mz-rcard-body{padding:22px 24px 26px}
.mz-rcard h2{margin:0 0 16px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-0.01em;color:#2A2928}
.mz-rcard summary{display:inline-block;list-style:none;cursor:pointer;background:#F9B733;border:2px solid #2A2928;border-radius:999px;padding:10px 22px;font-weight:700;font-size:15px;color:#2A2928}
.mz-rcard summary::-webkit-details-marker{display:none}
.mz-rcard summary:hover{background:#2A2928;color:#F9B733}
.mz-rcard .mz-s-close{display:none}
.mz-rcard details[open] .mz-s-open{display:none}
.mz-rcard details[open] .mz-s-close{display:inline}
.mz-rbody{margin-top:20px;font-size:15px;line-height:1.65;color:#444}
.mz-rbody h3{font-size:16px;font-weight:800;margin:22px 0 10px;color:#2A2928;text-transform:uppercase;letter-spacing:.05em}
.mz-rbody h3:first-child{margin-top:0}
.mz-rbody p{margin:0 0 12px}
.mz-rbody ul{list-style:none;margin:0 0 8px;padding:0}
.mz-rbody ul li{position:relative;padding:5px 0 5px 24px}
.mz-rbody ul li::before{content:"";position:absolute;left:0;top:13px;width:10px;height:10px;border-radius:50%;background:#F9B733;border:2px solid #2A2928;box-sizing:border-box}
.mz-rbody ol{list-style:none;counter-reset:mzs;margin:0 0 8px;padding:0}
.mz-rbody ol li{counter-increment:mzs;position:relative;padding:0 0 14px 42px}
.mz-rbody ol li::before{content:counter(mzs);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#F9B733;border:2px solid #2A2928;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#2A2928}
.mz-rec-cta{width:100vw;margin-left:calc(50% - 50vw);background:#F9B733;padding:56px 48px;box-sizing:border-box;margin-top:24px}
.mz-rec-cta-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.mz-rec-cta h2{margin:0 0 8px;font-size:38px;font-weight:800;color:#2A2928}
.mz-rec-cta p{margin:0;font-size:18px;color:#2A2928;max-width:520px}
@media (max-width:640px){.mz-rec-hero-in{padding:44px 20px 40px}.mz-rec-hero h1{font-size:40px}.mz-rec-grid{padding:40px 20px 24px;grid-template-columns:1fr}.mz-rec-cta{padding:44px 20px}}
@media (prefers-reduced-motion:reduce){.mz-rcard-img img{transition:none}}

/* Cuenta regresiva de Navidad */
.mz-count{width:100vw;margin-left:calc(50% - 50vw);background:#2A2928;color:#fff;padding:44px 48px;box-sizing:border-box;margin-top:32px}
.mz-count-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.mz-count-eb{display:inline-block;background:#F9B733;color:#2A2928;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.mz-count h2{margin:12px 0 6px;font-size:34px;font-weight:800;color:#F9B733;letter-spacing:-0.02em;background:none;display:block;padding:0}
.mz-count p{margin:0;font-size:17px;color:#E9E6DF}
.mz-count p strong{color:#fff}
.mz-cd{display:flex;gap:12px}
.mz-cd div{background:#F9B733;color:#2A2928;border-radius:16px;min-width:78px;padding:12px 8px 10px;text-align:center}
.mz-cd b{display:block;font-size:34px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.mz-cd span{display:block;margin-top:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:640px){.mz-count{padding:36px 20px}.mz-count h2{font-size:26px}.mz-cd div{min-width:64px}.mz-cd b{font-size:28px}}

/* ====================================================================
   SOBRE NOSOTROS, NEGOCIOS Y VENTANA DEL CATÁLOGO
   ==================================================================== */
.mz-about{max-width:1200px;margin:0 auto;padding:72px 0}
.mz-about-in{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:56px;align-items:center}
.mz-about-photo{position:relative}
.mz-about-photo::before{content:"";position:absolute;left:-24px;bottom:-24px;width:140px;height:122px;background:#F9B733;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0}
.mz-about-photo img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:25% 50%;border:3px solid #2A2928;border-radius:24px;box-shadow:6px 6px 0 #2A2928}
.mz-about-text h2{margin:14px 0 16px;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-0.02em;color:#2A2928}
.mz-about-text p{margin:0 0 14px;font-size:17px;line-height:1.65;color:#555}
.mz-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}
.mz-stats b{display:block;font-size:26px;font-weight:800;color:#2A2928;line-height:1.1}
.mz-stats span{font-size:13px;color:#6B6B6B}
.mz-biz{width:100vw;margin-left:calc(50% - 50vw);background:#2A2928;color:#fff;padding:64px 48px;box-sizing:border-box}
.mz-biz-in{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}
.mz-biz-text{max-width:620px}
.mz-biz h2{margin:14px 0 12px;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#F9B733}
.mz-biz p{margin:0 0 16px;font-size:18px;line-height:1.6;color:#E9E6DF}
.mz-biz-list{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.mz-biz-list li{border:2px solid #F9B733;color:#F9B733;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}
.mz-biz-cta{display:flex;flex-direction:column;gap:18px;align-items:stretch;min-width:260px}
.mz-biz-cta .mz-btn{text-align:center}
@media (max-width:760px){.mz-about{padding:48px 0}.mz-about-in{grid-template-columns:1fr;gap:40px}.mz-about-text h2,.mz-biz h2{font-size:30px}.mz-biz{padding:48px 20px}.mz-biz-cta{width:100%}}

/* Ventana emergente */
html.mz-pop-open{overflow:hidden}
.mz-pop{position:fixed;inset:0;z-index:100000;background:rgba(42,41,40,.68);display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Inter',sans-serif}
.mz-pop[hidden]{display:none}
.mz-pop-box{position:relative;background:#fff;border:3px solid #2A2928;border-radius:24px;box-shadow:8px 8px 0 #F9B733;max-width:400px;width:100%;padding:34px 28px 26px;text-align:center;max-height:calc(100vh - 40px);overflow:auto}
.mz-pop-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#2A2928;padding:0}
.mz-pop-box h2{margin:12px 0 8px;font-size:28px;font-weight:800;color:#2A2928;letter-spacing:-0.02em}
.mz-pop-box p{margin:0 0 18px;font-size:15px;line-height:1.55;color:#555}
.mz-pop-qr{display:inline-block;background:#fff;border:3px solid #2A2928;border-radius:18px;padding:12px;margin-bottom:18px}
.mz-pop-qr img{display:block;width:220px;max-width:100%;height:auto}
.mz-pop-ph{border:2px dashed #2A2928;border-radius:14px;padding:28px 16px;margin-bottom:18px;font-size:13px;color:#6B6B6B;background:#FEF1CC}
.mz-pop-link{display:block;margin:0 0 12px}
.mz-pop-close2{display:block;margin:0 auto;background:none;border:0;color:#6B6B6B;text-decoration:underline;cursor:pointer;font-size:14px;font-family:inherit}

/* Cuenta regresiva: asegurar altura y que nada se salga de la banda */
.mz-count{display:block !important;position:relative;z-index:1;clear:both;overflow:hidden;height:auto !important;min-height:0 !important;padding:44px 48px !important;box-sizing:border-box}
.mz-count-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 32px}
.mz-count-text{min-width:0;flex:1 1 320px}
.mz-count-text p{color:#E9E6DF !important}
.mz-cd{flex:0 0 auto}
@media (max-width:640px){.mz-count{padding:36px 20px !important}}

/* Encabezado siempre por encima del contenido */
.mz-hwrap{position:relative;z-index:9000}
.mz-header{position:relative;z-index:9001;background:#fff}
.mz-nav a{position:relative}

/* Cuenta regresiva de Navidad (versión simple, dentro del contenido) */
.mzx-cd{background:#2A2928;color:#fff;border-radius:24px;padding:32px 40px;margin:32px 0;box-shadow:6px 6px 0 #F9B733;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 32px;box-sizing:border-box}
.mzx-cd-text{flex:1 1 300px;min-width:0}
.mzx-cd-eb{display:inline-block;background:#F9B733;color:#2A2928;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.mzx-cd .mzx-cd-title{margin:12px 0 6px;font-size:30px;line-height:1.1;font-weight:800;color:#F9B733;letter-spacing:-0.02em;background:none;padding:0;display:block}
.mzx-cd .mzx-cd-sub{margin:0;font-size:16px;color:#E9E6DF}
.mzx-cd .mzx-cd-sub strong{color:#fff}
.mzx-cd-boxes{display:flex;gap:12px;flex:0 0 auto}
.mzx-cd-boxes div{background:#F9B733;color:#2A2928;border-radius:16px;min-width:76px;padding:12px 8px 10px;text-align:center}
.mzx-cd-boxes b{display:block;font-size:32px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.mzx-cd-boxes span{display:block;margin-top:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:640px){.mzx-cd{padding:26px 22px}.mzx-cd .mzx-cd-title{font-size:24px}.mzx-cd-boxes div{min-width:62px}.mzx-cd-boxes b{font-size:26px}}