/* ==========================================================================
   Mercoshop v3 (D186; en producción desde D200) — estructura de WoodMart + estilo «letrero y pizarra».
   Parte 1: estilo general (todo el sitio). Parte 2: portada v3 (bloques .ms3).
   Para quitarlo: borrar el bloque «V3» de functions.php.
   ========================================================================== */
:root{
  --ms-papel:#f7f1e4; --ms-papel2:#eee3cb; --ms-blanco:#fffdf8; --ms-tinta:#2a211c; --ms-suave:#6e6157;
  --ms-linea:rgba(42,33,28,.16); --ms-guinda:#8b1e24; --ms-guinda2:#6c161b; --ms-mostaza:#d99a26;
  --ms-mar:#2d766c; --ms-verde:#1f9d55;
  --ms-slab:"Alfa Slab One",Georgia,serif; --ms-mano:"Caveat",cursive; --ms-texto:"Nunito",system-ui,sans-serif;
}

/* ---------- Parte 1: estilo general ---------- */
body{background:var(--ms-papel) !important;color:var(--ms-tinta);font-family:var(--ms-texto)}
.website-wrapper,.main-page-wrapper{background:transparent !important}
h1,h2,h3,.title,.wd-title,.page-title .entry-title,.product_title{font-family:var(--ms-slab) !important;font-weight:400 !important;letter-spacing:.005em}
.whb-top-bar{background:var(--ms-guinda) !important}
.whb-general-header,.whb-header-bottom{background:var(--ms-blanco) !important;border-color:var(--ms-linea) !important}
.page-title{background:var(--ms-papel2) !important;border-bottom:2px solid var(--ms-tinta)}
.page-title .entry-title,.page-title .title{color:var(--ms-tinta) !important}
.page-title,.page-title *{color:var(--ms-tinta) !important}
.page-title [class*="count"],.page-title [class*="summary"]{color:var(--ms-suave) !important;opacity:1 !important}
.page-title .wd-breadcrumbs,.page-title .woocommerce-breadcrumb,.page-title a{color:var(--ms-suave) !important}

/* tarjetas de producto */
.wd-product,.product-grid-item{background:#fff;border:1px solid var(--ms-linea);border-radius:12px;padding:12px 12px 16px;transition:box-shadow .15s,border-color .15s}
.wd-product:hover,.product-grid-item:hover{border-color:var(--ms-tinta);box-shadow:4px 4px 0 var(--ms-tinta)}
.wd-product .wd-entities-title,.product-grid-item .wd-entities-title{font-family:var(--ms-texto) !important;font-weight:700}
.wd-product .price,.product-grid-item .price,.summary .price{font-family:var(--ms-mano) !important;font-size:1.55em !important;color:var(--ms-guinda) !important}
.wd-product .price del,.summary .price del{color:var(--ms-suave) !important;font-size:.7em}
.onsale,.product-label.onsale{background:var(--ms-mostaza) !important;color:var(--ms-tinta) !important;border:2px solid var(--ms-tinta);transform:rotate(-8deg)}
.out-of-stock.product-label{background:var(--ms-tinta) !important;color:var(--ms-papel) !important}


/* fotos con fondo blanco: se presentan como tarjetas blancas enmarcadas (el blanco se vuelve intencional) */
.woocommerce-product-gallery__image{background:#fff;border:2px solid var(--ms-tinta);border-radius:12px;overflow:hidden;padding:18px}
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item,.wd-gallery-thumb .woocommerce-product-gallery__image{background:#fff;border:1px solid var(--ms-linea);border-radius:8px;padding:6px}
.wd-gallery-thumb .wd-carousel-item.wd-thumb-active,.wd-gallery-thumb .wd-active{border-color:var(--ms-tinta)}
.wd-prefooter{background:transparent !important}
/* ficha: bloque de compra en tarjeta papel */
.single-product .summary-inner,.single-product .entry-summary .summary-inner{background:var(--ms-blanco);border:1px solid var(--ms-linea);border-radius:12px;padding:22px}
.woocommerce-tabs .wc-tab,.wd-single-tabs .wc-tab{background:var(--ms-blanco);border-radius:12px;padding:24px !important}

/* botones */
.button,.btn,.single_add_to_cart_button,.add_to_cart_button,.checkout-button,.wd-btn{border-radius:10px !important}
.single_add_to_cart_button,.checkout-button,.btn-color-primary{background:var(--ms-guinda) !important;border:2px solid var(--ms-tinta) !important;box-shadow:3px 3px 0 var(--ms-tinta);color:#fff !important}

/* pie */
.footer-container,.footer-container *:not(.btn):not(.wd-btn):not(.button){color:#f2e2d3 !important}
.footer-container [class*="title"],.footer-container h4,.footer-container h5{color:var(--ms-mostaza) !important;font-family:var(--ms-slab) !important;letter-spacing:.04em}
.footer-container,.main-footer{background:var(--ms-guinda2) !important;color:#f2e2d3}
.footer-container .widget-title,.footer-container h5,.footer-container .title{color:var(--ms-mostaza) !important;font-family:var(--ms-slab) !important}
.footer-container a,.footer-container p,.footer-container li{color:#f2e2d3 !important}
.copyrights-wrapper{background:var(--ms-guinda2) !important;border-top:1px dashed rgba(242,226,211,.35)}

/* ---------- Parte 2: portada v3 ---------- */
.ms3{font-family:var(--ms-texto);color:var(--ms-tinta)}
.ms3 a{text-decoration:none}
.ms3 .btn3{display:inline-block;font:800 15px var(--ms-texto);padding:12px 20px;border-radius:10px;border:2px solid var(--ms-tinta);box-shadow:3px 3px 0 var(--ms-tinta);transition:transform .1s}
.ms3 .btn3:hover{transform:translate(-1px,-1px)}
.ms3 .guinda{background:var(--ms-guinda);color:#fff !important}
.ms3 .verde{background:var(--ms-verde);color:#fff !important}
.ms3 .papel{background:var(--ms-papel);color:var(--ms-tinta) !important}

.ms3-portada{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch;margin:10px 0 18px}
.ms3-pizarra{background:#2e3a35;color:#f2eee4;border:12px solid #7d522e;border-radius:10px;padding:30px 32px 34px;position:relative;box-shadow:inset 0 0 60px rgba(0,0,0,.35)}
.ms3-pizarra .hola{font:30px/1 var(--ms-mano);color:var(--ms-mostaza);margin:0 0 8px}
.ms3-pizarra h1{font:clamp(2rem,4.2vw,3.1rem)/1.06 var(--ms-slab) !important;color:#f7f3ea !important;margin:0 0 14px}
.ms3-pizarra p{font:24px/1.3 var(--ms-mano);color:#dcd6c8;margin:0 0 22px;max-width:520px}
.ms3-pizarra .botones{display:flex;gap:12px;flex-wrap:wrap}
.ms3-pizarra .tiza{position:absolute;right:18px;bottom:8px;font:20px var(--ms-mano);color:#cbc4b3;transform:rotate(-3deg)}
.ms3-foto{position:relative;background:#fff;padding:12px 12px 48px;box-shadow:0 8px 20px rgba(42,33,28,.18);transform:rotate(2deg);border:1px solid #ddd;align-self:center}
.ms3-foto .cinta{position:absolute;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:rgba(217,154,38,.55);transform:rotate(-4deg)}
.ms3-foto .hueco{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,var(--ms-papel2) 0 12px,#e7dac0 12px 24px);display:grid;place-items:center;text-align:center;color:var(--ms-suave);font:700 15px var(--ms-texto);padding:20px}
.ms3-foto .pie{position:absolute;left:0;right:0;bottom:10px;text-align:center;font:26px var(--ms-mano);color:var(--ms-tinta)}

.ms3-sellos{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ms-blanco);border:2px solid var(--ms-tinta);border-radius:12px;margin:10px 0 0}
.ms3-sellos .s{display:flex;gap:12px;align-items:center;padding:16px 18px}
.ms3-sellos .s+.s{border-left:1px dashed var(--ms-linea)}
.ms3-ico{width:52px;height:52px;flex:none;border-radius:50%;background:var(--ms-papel2);border:2px solid var(--ms-tinta);display:grid;place-items:center;color:var(--ms-guinda);box-shadow:2px 2px 0 var(--ms-tinta)}
.ms3-ico svg{width:26px;height:26px}
.wd-prefooter .ms3-sellos{margin:40px 0 0}
.ms3-sellos b{display:block;font:15px var(--ms-slab);color:var(--ms-guinda)}
.ms3-sellos small{color:var(--ms-suave);font-size:13px}

.ms3-tit{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:50px 0 18px;border-bottom:2px solid var(--ms-tinta);padding-bottom:10px}
.ms3-tit .sobre{display:block;font:24px/1 var(--ms-mano);color:var(--ms-mar)}
.ms3-tit h2{font:clamp(1.5rem,3vw,2.1rem) var(--ms-slab) !important;margin:0 !important}
.ms3-tit a{font:800 14px var(--ms-texto);color:var(--ms-guinda) !important;white-space:nowrap}

.ms3-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ms3-cats a{background:var(--ms-blanco);border:2px solid var(--ms-tinta);border-radius:12px;padding:20px;display:block;position:relative;overflow:hidden;transition:transform .12s;color:var(--ms-tinta) !important}
.ms3-cats a:hover{transform:translateY(-3px)}
.ms3-cats .num{font:40px var(--ms-slab);color:rgba(139,30,36,.16);position:absolute;right:12px;top:2px}
.ms3-cats h3{font:19px/1.15 var(--ms-slab) !important;margin:0 0 4px !important}
.ms3-cats p{margin:0;color:var(--ms-suave);font-size:16px;line-height:1.45}
.ms3-cats span{display:inline-block;margin-top:12px;font:800 16px var(--ms-texto);letter-spacing:.02em;color:var(--ms-guinda)} /* D200 (Marco: «las letras están absurdamente pequeñas»): antes 22px Caveat y p a 14px */

.ms3-volante{background:var(--ms-blanco);border:3px solid var(--ms-tinta);box-shadow:7px 7px 0 var(--ms-guinda);padding:30px 26px 26px;position:relative}
.ms3-volante .cinta{position:absolute;top:-15px;left:22px;background:var(--ms-mostaza);border:2px solid var(--ms-tinta);font:14px var(--ms-slab);padding:3px 12px}
.ms3-volante .intro{font:22px/1.3 var(--ms-mano);color:var(--ms-suave);margin:0 0 18px}
.ms3-dest{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ms3-dest article{display:flex;flex-direction:column}
.ms3-dest .foto{background:#fff;border:2px solid var(--ms-tinta);border-radius:8px;aspect-ratio:1;display:block;padding:14px;overflow:hidden}
.ms3-dest .foto img{width:100%;height:100%;object-fit:contain;display:block}
.ms3-dest h3{font:17px/1.2 var(--ms-slab) !important;margin:16px 0 2px !important}
.ms3-dest .nota{font:22px/1.2 var(--ms-mano);color:var(--ms-guinda);margin:0 0 4px}
.ms3-dest .origen{font:700 11px var(--ms-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ms-mar)}
.ms3-dest p{margin:6px 0 10px;font-size:14px;color:var(--ms-suave);flex:1}
.ms3-dest .add_to_cart_inline{border:0 !important;padding:0 !important;margin:0 !important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ms3-dest .add_to_cart_inline .amount{font:700 26px var(--ms-mano);color:var(--ms-guinda)}
.ms3-dest .add_to_cart_inline .button{padding:7px 12px !important;font-size:12px !important;background:var(--ms-tinta) !important;color:var(--ms-papel) !important}

.ms3-equipo{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}
.ms3-polas{display:flex;gap:16px;justify-content:center}
.ms3-pola{background:#fff;padding:10px 10px 36px;box-shadow:0 6px 14px rgba(42,33,28,.18);width:170px;position:relative}
.ms3-pola:nth-child(1){transform:rotate(-4deg)} .ms3-pola:nth-child(2){transform:rotate(3deg);margin-top:24px}
.ms3-pola .hueco{aspect-ratio:1;background:repeating-linear-gradient(-45deg,var(--ms-papel2) 0 10px,#e7dac0 10px 20px);display:grid;place-items:center;color:var(--ms-suave);font:700 13px var(--ms-texto);text-align:center}
.ms3-pola .pie{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:22px var(--ms-mano)}
.ms3-carta{font:24px/1.35 var(--ms-mano)}
.ms3-carta p{margin:0 0 12px}
.ms3-carta .firma{font:30px var(--ms-mano);color:var(--ms-guinda)}

.ms3-arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ms3-arts a{background:var(--ms-blanco);border:1px solid var(--ms-linea);border-radius:12px;padding:20px;display:block;color:var(--ms-tinta) !important}
.ms3-arts .etq{font:700 11px var(--ms-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--ms-guinda)}
.ms3-arts h3{font:18px/1.25 var(--ms-slab) !important;margin:8px 0 !important}
.ms3-arts span{font:800 13px var(--ms-texto);color:var(--ms-guinda)}

.ms3-cartel{margin:56px 0 30px;background:var(--ms-mar);color:#fff;border:3px solid var(--ms-tinta);border-radius:16px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:6px 6px 0 var(--ms-tinta)}
.ms3-cartel h2{font:clamp(1.5rem,3vw,2.1rem) var(--ms-slab) !important;color:#fff !important;margin:0 0 4px !important}
.ms3-cartel p{margin:0;font:24px var(--ms-mano)}

@media (max-width:900px){
  .ms3-portada,.ms3-equipo{grid-template-columns:1fr}
  .ms3-foto{transform:none;max-width:460px;margin:0 auto}
  .ms3-sellos,.ms3-cats,.ms3-dest{grid-template-columns:repeat(2,1fr)}
  .ms3-sellos .s:nth-child(3){border-left:0}
  .ms3-sellos .s:nth-child(n+3){border-top:1px dashed var(--ms-linea)}
  .ms3-arts{grid-template-columns:1fr}
}
@media (max-width:480px){
  .ms3-dest,.ms3-cats{grid-template-columns:1fr}
  .ms3-pola{width:44%}
  .ms3-volante{padding:26px 16px 20px}
}

/* cabecera: beneficios en la barra superior (muestra; en la web real va como texto del constructor) */
.whb-top-bar .whb-column.whb-col-left::before{content:"Envíos a Tacna y todo el Perú   ·   Boleta electrónica   ·   Atención por WhatsApp";font:700 12px var(--ms-texto);letter-spacing:.04em;color:#f8e9dc;white-space:pre}
@media (max-width:1024px){.whb-top-bar .whb-column.whb-col-left::before{content:"Envíos a todo el Perú · WhatsApp"}}
.wd-nav-main>li>a,.whb-header-bottom .wd-nav>li>a{font-weight:800 !important;letter-spacing:.02em}
.whb-header-bottom .wd-nav,.wd-nav-main{--nav-gap:12px !important;--nav-pd:0 8px !important}
.wd-nav .menu-item-pronto>a::after{content:"pronto";font:700 15px var(--ms-mano);color:var(--ms-mar);margin-left:4px;text-transform:none}
/* pie: nota legal */
.copyrights-wrapper,.copyrights-wrapper *{font-size:12.5px !important;line-height:1.5 !important}

/* precios tachados: el precio anterior chico y apagado arriba, el actual grande */
.ms3-dest .add_to_cart_inline .price,.ms3-dest .add_to_cart_inline>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.ms3-dest del,.wd-product .price del,.summary .price del{font-family:var(--ms-texto) !important;font-size:12px !important;color:var(--ms-suave) !important;opacity:.8;text-decoration-thickness:1px}
.ms3-dest del .amount,.wd-product .price del .amount{font:600 12px var(--ms-texto) !important;color:var(--ms-suave) !important}
.ms3-dest ins,.wd-product .price ins{text-decoration:none;background:none}

/* tarjetas de producto uniformes, estilo tienda (no supermercado): misma foto, nombre en 2 líneas, botón visible */
.wd-product .wd-product-thumb,.wd-product .product-element-top{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}
.wd-product .wd-product-thumb img,.wd-product .product-element-top img{width:100%;height:100%;object-fit:contain;padding:8px}
.wd-product .wd-entities-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:14px !important;line-height:1.3 !important}
.wd-product .wd-product-cats{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.wd-product .wd-add-btn .button:not(.mercoshop-wa-loop-btn),.wd-product .wd-add-btn a:not(.mercoshop-wa-loop-btn){background:var(--ms-papel) !important;color:var(--ms-tinta) !important;border:2px solid var(--ms-tinta) !important;border-radius:999px !important;font:800 12px var(--ms-texto) !important;padding:8px 14px !important;box-shadow:none !important}
.wd-product:hover .wd-add-btn .button:not(.mercoshop-wa-loop-btn),.wd-product:hover .wd-add-btn a:not(.mercoshop-wa-loop-btn){background:var(--ms-guinda) !important;color:#fff !important}
.wd-product:hover{transform:translateY(-2px)}
.wd-product .wd-product-img-hover,.wd-product .hover-img{display:none !important}

/* pie: títulos parejos y logo alineado */
.footer-container h1,.footer-container h2,.footer-container h3,.footer-container h4,.footer-container h5,.footer-container h6{font-family:var(--ms-slab) !important;font-weight:400 !important;font-size:15px !important;letter-spacing:.06em !important;color:var(--ms-mostaza) !important;margin:0 0 14px !important;line-height:1.2 !important}
.footer-container .footer-column-1 figure{background:#fff;border-radius:12px;padding:10px 16px;display:inline-block;margin:0 !important;box-shadow:3px 3px 0 rgba(0,0,0,.25)}
.footer-container .footer-column-1 figure img{width:150px;height:auto;display:block}
.footer-container .footer-column{padding-top:4px}
.footer-container p,.footer-container li,.footer-container a{font-size:14px !important;line-height:1.7 !important}

html body .footer-container .wd-widget h1,html body .footer-container .wd-widget h2,html body .footer-container .wd-widget h3,html body .footer-container .wd-widget h4,html body .footer-container .wd-widget h5,html body .footer-container .wd-widget h6{font-family:var(--ms-slab) !important;font-weight:400 !important;font-size:15px !important;letter-spacing:.06em !important;color:var(--ms-mostaza) !important;text-transform:uppercase}
html body .footer-container .footer-map-btn{background:var(--ms-papel) !important;color:var(--ms-tinta) !important;border:2px solid var(--ms-tinta) !important;border-radius:999px !important;box-shadow:3px 3px 0 rgba(0,0,0,.3) !important;font-weight:800 !important}
html body .footer-container .footer-map-btn *{stroke:currentColor !important;fill:none !important}
/* cabecera fija al hacer scroll: menú en una fila */
.whb-sticked .wd-nav-main>li>a,.whb-sticked .whb-header-bottom .wd-nav>li>a{font-size:12.5px !important}
.whb-sticked .wd-nav-main{--nav-gap:6px !important}
.whb-sticked .wd-nav-main>li:last-child{display:none !important}

/* WhatsApp del módulo Mercoshop: se respeta su verde; solo se redondea igual que los demás botones */
.wd-product .mercoshop-wa-loop-btn{border-radius:999px !important;border:2px solid var(--ms-tinta) !important;font:800 12px var(--ms-texto) !important}
/* favoritos: el corazón vuelve, en la esquina de la foto */
.wd-product .wd-buttons{display:flex !important}

/* columna de acciones de la tarjeta: vista rápida · favoritos · comparar · WhatsApp */
.wd-product .wd-buttons{flex-direction:column}
.wd-product .wd-buttons .wd-quick-view-btn,.wd-product .wd-buttons .wrap-quickview-button{order:1}
.wd-product .wd-buttons .wd-wishlist-btn{order:2}
.wd-product .wd-buttons .wd-compare-btn{order:3}
.wd-product .wd-buttons .ms-wa-icon-btn{order:4}
.wd-product .ms-wa-icon-btn a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#1f9d55}
.wd-product .ms-wa-icon-btn a:hover{color:#fff;background:#25d366}

/* desplegable «Categorías»: panel sólido con borde y sombra, como las tarjetas */
.wd-header-cats .wd-dropdown,.wd-header-cats .wd-dropdown-cats,.wd-header-cats>.wd-nav-vertical{background:var(--ms-blanco) !important;border:2px solid var(--ms-tinta) !important;border-top:0 !important;border-radius:0 0 12px 12px;box-shadow:6px 6px 0 rgba(42,33,28,.18) !important}
.wd-header-cats .wd-nav-vertical>li{border-color:var(--ms-linea) !important}
.wd-header-cats .wd-nav-vertical>li>a{font:800 13px var(--ms-texto) !important;letter-spacing:.04em;color:var(--ms-tinta) !important}
.wd-header-cats .wd-nav-vertical>li:hover>a,.wd-header-cats .wd-nav-vertical>li>a:hover{background:var(--ms-papel2) !important;color:var(--ms-guinda) !important}
.wd-header-cats .wd-nav-vertical .wd-dropdown-menu,.wd-header-cats .wd-nav-vertical .sub-menu{background:var(--ms-blanco) !important;border:2px solid var(--ms-tinta) !important;border-radius:0 12px 12px 0;box-shadow:6px 6px 0 rgba(42,33,28,.18) !important}
.wd-header-cats .wd-nav-vertical .sub-menu a{font:700 14px var(--ms-texto) !important;color:var(--ms-tinta) !important}
.wd-header-cats .wd-nav-vertical .sub-menu a:hover{color:var(--ms-guinda) !important}

/* ícono de WhatsApp del mismo tamaño que los demás (50×45) */
.wd-product .ms-wa-icon-btn a{width:50px !important;height:45px !important}
.wd-product .ms-wa-icon-btn svg{width:20px;height:20px}

/* letras de los menús con la tipografía de letrero */
.whb-header-bottom .wd-nav-main>li>a,.wd-nav-main>li>a{font-family:var(--ms-slab) !important;font-weight:400 !important;font-size:13.5px !important;letter-spacing:.05em !important}
.wd-nav-main .sub-menu a,.wd-nav-main .wd-dropdown-menu a{font:800 15px var(--ms-texto) !important;color:var(--ms-tinta) !important;padding-left:18px !important;position:relative}
.wd-nav-main .sub-menu a::before{content:"›";position:absolute;left:4px;color:var(--ms-mostaza);font-weight:900}
.wd-nav-main .sub-menu a:hover{color:var(--ms-guinda) !important}
.wd-nav .menu-item-pronto>a::after{font-family:var(--ms-mano) !important;font-size:16px;letter-spacing:0}

/* submenús (clase real de WoodMart: .wd-sub-menu) y botón «Categorías» */
.wd-nav-main .wd-sub-menu li>a.woodmart-nav-link{font:800 15px var(--ms-texto) !important;color:var(--ms-tinta) !important;padding-left:20px !important;position:relative}
.wd-nav-main .wd-sub-menu li>a.woodmart-nav-link::before{content:"›";position:absolute;left:6px;top:50%;transform:translateY(-52%);color:var(--ms-mostaza);font-weight:900}
.wd-nav-main .wd-sub-menu li>a.woodmart-nav-link:hover{color:var(--ms-guinda) !important}
/* menú horizontal: que quepa en una fila con la letra de cartel */
.whb-header-bottom .wd-nav-main>li>a,.whb-general-header .wd-nav-main>li>a{font-size:12.5px !important;letter-spacing:.03em !important}
.whb-header-bottom .wd-nav-main,.whb-general-header .wd-nav-main{--nav-gap:4px !important;--nav-pd:0 7px !important}

/* submenú del desplegable «Categorías» (Nacionales / Importados): solo letra y color, sin tocar posición ni opacidad */
.wd-header-cats .wd-sub-menu li>a.woodmart-nav-link{font-family:var(--ms-texto) !important;font-weight:800 !important;font-size:14.5px !important;color:var(--ms-tinta) !important}
.wd-header-cats .wd-sub-menu li>a.woodmart-nav-link::before{content:"› ";color:var(--ms-mostaza);font-weight:900}
.wd-header-cats .wd-sub-menu li>a.woodmart-nav-link:hover{color:var(--ms-guinda) !important}
.wd-header-cats .wd-sub-menu li>a.woodmart-nav-link::before{margin-right:5px}

/* página Tienda: desplegable de subcategorías del título (venía en esquema oscuro) → panel claro, sin tocar opacidad */
.page-title .wd-nav-product-cat .wd-sub-menu.wd-dropdown{background:var(--ms-blanco) !important;border:2px solid var(--ms-tinta) !important;border-radius:12px;box-shadow:6px 6px 0 rgba(42,33,28,.18) !important}
.page-title .wd-nav-product-cat .wd-sub-menu .category-nav-link{color:var(--ms-tinta) !important}
.page-title .wd-nav-product-cat .wd-sub-menu .category-nav-link:hover,.page-title .wd-nav-product-cat .wd-sub-menu .category-nav-link:hover *{color:var(--ms-guinda) !important}

/* color de acento de WoodMart (antes rojo 230,50,50) → guinda: botones de carrito lateral, inicio de sesión, etc. */
:root,body{--wd-alternative-color:#8b1e24 !important}
.btn-accent,.btn.btn-accent,.woocommerce-form-login__submit,.login-form-footer .btn,.wd-empty-mini-cart .btn{background:var(--ms-guinda) !important;color:#fff !important;border:2px solid var(--ms-tinta) !important;border-radius:999px !important;box-shadow:3px 3px 0 var(--ms-tinta) !important}
.btn-accent:hover,.woocommerce-form-login__submit:hover,.wd-empty-mini-cart .btn:hover{filter:brightness(1.1)}

/* etiqueta «Agotado»: cinta alargada que se adapta al texto (el círculo fijo cortaba «AGOT/ADO») */
.product-labels .product-label.out-of-stock,.product-label.out-of-stock{white-space:nowrap !important;width:auto !important;min-width:0 !important;min-height:0 !important;height:auto !important;padding:6px 12px !important;border-radius:999px !important;font-size:11px !important;line-height:1.2 !important;letter-spacing:.06em;word-break:normal !important}
.product-labels .product-label.out-of-stock.wd-shape-round{max-width:none !important}
.product-labels.labels-rounded{width:auto !important;max-width:none !important}

/* botones que seguían en rojo de WoodMart: finalizar compra del carrito lateral y añadir al carrito en comparar */
.woocommerce-mini-cart__buttons .checkout,.woocommerce-mini-cart__buttons .button.checkout,.woocommerce-mini-cart__buttons .btn-accent,.wd-compare-table .button,.wd-compare-table .add_to_cart_button,.compare-field .button{background:var(--ms-guinda) !important;color:#fff !important;border:2px solid var(--ms-tinta) !important;border-radius:999px !important;box-shadow:3px 3px 0 var(--ms-tinta) !important}
.woocommerce-mini-cart__buttons .button:not(.checkout){background:var(--ms-papel) !important;color:var(--ms-tinta) !important;border:2px solid var(--ms-tinta) !important;border-radius:999px !important}

/* === Ilustraciones de grabado (D186) === */
.ms3-cats .ilus{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:-6px 0 8px}
.ms3-cats .ilus-falta{display:flex;align-items:center;justify-content:center;height:150px;margin:0 0 12px;border:2px dashed rgba(42,33,28,.25);border-radius:10px;font:20px var(--ms-mano);color:var(--ms-suave);margin-top:0}
.ms3-cartel .ilus{width:120px;height:120px;object-fit:contain;flex:0 0 auto}
.ms3-cartel > div{flex:1 1 320px}
@media (max-width:600px){.ms3-cats .ilus,.ms3-cats .ilus-falta{height:120px}.ms3-cartel .ilus{width:90px;height:90px}}

/* === Encabezado suave, a juego con el cuerpo (D186) — solo bordes, radios y fondo; nada de opacity/display === */
.whb-general-header,.whb-header-bottom{background-color:#fbf6ec !important}
.whb-general-header{border-bottom:0 !important}
.whb-header-bottom{border-bottom:2px solid rgba(42,33,28,.14) !important}
.whb-general-header .searchform input[type=text]{border:2px solid rgba(42,33,28,.35) !important;border-radius:999px !important;background:#fffdf8 !important;padding-left:22px !important}
.whb-general-header .searchform input[type=text]:focus{border-color:var(--ms-tinta) !important}
.whb-general-header .searchform .searchsubmit{border-radius:0 999px 999px 0 !important}
.whb-general-header .wd-search-cat{border-color:rgba(42,33,28,.18) !important}
.wd-header-cats .menu-opener{border-radius:12px 12px 0 0 !important;border:2px solid var(--ms-tinta) !important;border-bottom:0 !important}
.whb-top-bar{box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}

/* === Menú en una línea en pantallas medianas (tablet/laptop chica) — D186 === */
.whb-header-bottom .wd-nav-main{flex-wrap:nowrap !important}
@media (max-width:1280px){
  .whb-header-bottom .wd-nav-main>li>a,.wd-nav-main>li>a{font-size:12px !important;letter-spacing:.02em !important}
  .whb-header-bottom .wd-nav,.wd-nav-main{--nav-gap:4px !important;--nav-pd:0 6px !important}
  .wd-header-cats .menu-opener{min-width:0 !important}
  .whb-header-bottom .wd-header-cats{max-width:230px}
  .wd-header-cats .menu-opener{gap:12px;padding-right:14px !important}
}
@media (max-width:1100px){
  .whb-header-bottom .wd-nav-main>li>a,.wd-nav-main>li>a{font-size:11px !important;letter-spacing:0 !important}
  .wd-nav-main .menu-item .ms-pronto,.wd-nav-main>li>a small{display:none}
}

/* === Precios como etiqueta (D186, como en la maqueta v2) === */
.ms3-dest article{position:relative;container-type:inline-size}
.ms3-dest .ms-etiqueta{position:absolute;right:-8px;top:calc(100cqw - 44px);z-index:2;background:var(--ms-papel);border:2px solid var(--ms-tinta);border-radius:6px;padding:2px 12px;font:700 28px/1.15 var(--ms-mano);color:var(--ms-tinta);transform:rotate(-5deg);box-shadow:3px 3px 0 var(--ms-tinta);white-space:nowrap}
.ms3-dest .add_to_cart_inline .ms-etiqueta .amount{font:inherit !important;color:inherit !important}
.ms3-dest .add_to_cart_inline .ms-etiqueta del{opacity:1;margin-right:4px}
.ms3-dest .add_to_cart_inline .ms-etiqueta del .amount{font-size:17px !important;color:var(--ms-suave) !important}
.ms3-dest .ms-etiqueta ins{text-decoration:none;background:none}
.ms3-dest .add_to_cart_inline{justify-content:flex-end}
.wd-product .price .ms-etiqueta{font:700 28px/1.1 var(--ms-mano);color:var(--ms-tinta)}
.ms-etiqueta del,.ms-etiqueta ins{display:inline !important}
.ms-etiqueta .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wd-product .price .ms-etiqueta .amount{font:inherit !important;color:inherit !important}
.wd-product .price .ms-etiqueta del .amount{font-size:16px !important;color:var(--ms-suave) !important}
.wd-product .price .ms-etiqueta ins{text-decoration:none;background:none}
/* Quiénes somos: tres fotos de la tienda, sin caras */
.ms3-polas{gap:10px;flex-wrap:wrap}
.ms3-pola{width:150px}
.ms3-pola:nth-child(3){transform:rotate(-2deg);margin-top:8px}
.ms3-dest .ms-etiqueta,.wd-product .price .ms-etiqueta{display:inline-flex !important;flex-direction:row !important;align-items:baseline;gap:6px;flex-wrap:nowrap}
.ms3-dest .ms-etiqueta .screen-reader-text,.wd-product .price .ms-etiqueta .screen-reader-text{position:absolute !important}

/* === Volante de 5, nivelado, con WhatsApp cuadrado (D186) === */
.ms3-dest{grid-template-columns:repeat(5,1fr) !important;gap:18px;align-items:stretch}
.ms3-dest article{height:100%}
.ms3-acciones{margin-top:auto;display:flex;gap:8px;align-items:stretch}
.ms3-acciones .add_to_cart_inline{flex:1;margin:0 !important}
.ms3-acciones .add_to_cart_inline .button{width:100%;justify-content:center;text-align:center;min-height:44px;display:flex !important;align-items:center;padding:8px 10px !important;font-size:12px !important;line-height:1.2 !important;border-radius:10px !important}
.ms-wa-cuadrado{flex:0 0 44px;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#25a55a;color:#fff !important;border:2px solid var(--ms-tinta);border-radius:10px;box-shadow:2px 2px 0 var(--ms-tinta)}
.ms-wa-cuadrado:hover{background:#1e8c4b}
@media (max-width:1280px){.ms3-dest{grid-template-columns:repeat(3,1fr) !important}}
@media (max-width:900px){.ms3-dest{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:520px){.ms3-dest{grid-template-columns:1fr !important}}
/* Precio en ficha de producto y grillas: rojo sólido con letra firme (Marco) */
.single-product .summary .price .ms-etiqueta,.single-product .summary p.price .ms-etiqueta{font:30px/1.1 var(--ms-slab) !important;color:var(--ms-guinda) !important}
.single-product .summary .price .ms-etiqueta .amount{font:inherit !important;color:inherit !important}
.single-product .summary .price .ms-etiqueta del .amount{font-size:18px !important;color:var(--ms-suave) !important}
.wd-product .price .ms-etiqueta{font:21px/1.15 var(--ms-slab) !important;color:var(--ms-guinda) !important}
.wd-product .price .ms-etiqueta del .amount{font-size:14px !important}
/* Botón «Ver en el mapa»: pin de contorno, centrado */
.footer-map-btn{align-items:center !important;gap:8px}
.footer-map-btn svg{width:18px !important;height:18px !important;flex:0 0 18px;fill:none !important;stroke:currentColor !important;stroke-width:2 !important;margin:0 !important;position:static !important;transform:none !important}
.footer-map-btn svg path,.footer-map-btn svg circle{fill:none !important}

/* === Ajustes D186 (29-sep, tarde): Volante de 4, hover guinda, precio en letra de mano gruesa === */
.ms3-dest{grid-template-columns:repeat(4,1fr) !important}
@media (max-width:1100px){.ms3-dest{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:520px){.ms3-dest{grid-template-columns:1fr !important}}
.ms3-acciones .add_to_cart_inline .button{transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease}
.ms3-acciones .add_to_cart_inline .button:hover{background:var(--ms-guinda) !important;color:#fff !important;transform:translateY(-2px);box-shadow:2px 3px 0 var(--ms-tinta)}
.ms-wa-cuadrado{transition:background-color .2s ease,transform .15s ease}
.ms-wa-cuadrado:hover{transform:translateY(-2px)}
.single-product .summary .price .ms-etiqueta,.single-product .summary p.price .ms-etiqueta{font:700 34px/1.1 var(--ms-mano) !important;color:var(--ms-guinda) !important;-webkit-text-stroke:.8px currentColor}
.wd-product .price .ms-etiqueta{font:700 27px/1.15 var(--ms-mano) !important;color:var(--ms-guinda) !important;-webkit-text-stroke:.6px currentColor}
.single-product .summary .price .ms-etiqueta del,.wd-product .price .ms-etiqueta del{-webkit-text-stroke:0}

/* === D188: sin «Ver carrito» — al añadir, Woo metía ese enlace junto al botón y rompía la fila (Marco: «más bien una burbuja»).
   Se oculta; el aviso es el botón que dice «✓ Añadido» un momento y la burbuja del carrito de la cabecera que salta (JS en functions.php) === */
.ms3-acciones .add_to_cart_inline .button{white-space:nowrap}
.ms3-acciones .add_to_cart_inline .added_to_cart{display:none !important}
.ms3-acciones .add_to_cart_inline .button.ms-anadido{background:var(--ms-verde) !important;color:#fff !important}
@keyframes ms-rebote{0%{transform:scale(1)}30%{transform:scale(1.55)}55%{transform:scale(.9)}80%{transform:scale(1.15)}100%{transform:scale(1)}}
.wd-header-cart .wd-cart-number.ms-rebote{animation:ms-rebote .7s ease}

/* D200: volante 2 (liquidación) */
.ms3-liq{box-shadow:7px 7px 0 var(--ms-mostaza)}
.ms3-liq .cinta{background:var(--ms-guinda);color:#fff}
.ms3-volante .vigencia{font-size:13px;color:var(--ms-suave);margin-top:4px}

/* D200 (Marco): hover de tarjetas en carrusel */
/* causa: WoodMart (.wd-add-btn-replace) desliza el texto del botón hacia arriba al pasar el mouse y muestra un ícono de carrito; a medio camino se ve «Añadir al» cortado. Se deja el texto fijo y legible. */
.wd-product .wd-add-btn-replace>a .wd-action-icon{display:none !important}
.wd-product .wd-add-btn-replace>a .wd-action-text,.wd-product .wd-add-btn-replace>a:hover .wd-action-text,.wd-product .wd-add-btn-replace>a.loading .wd-action-text{transform:none !important;opacity:1 !important;transition:none !important;white-space:normal;text-align:center;line-height:1.15}
.wd-product .wd-add-btn-replace>a:not(.mercoshop-wa-loop-btn){height:auto !important;min-height:44px}
/* columna de íconos sobre la foto: más discreta (mitad translúcida, sin sombra) para tapar menos */
.wd-carousel .wd-product .wd-buttons{background:rgba(255,255,255,.82) !important;box-shadow:none !important;border:0 !important;border-radius:10px;padding:2px 0}
.wd-carousel .wd-product .wd-buttons .wd-action-btn>a{width:34px;height:34px}
/* D200 (Marco, captura del .com): «Consultar» (WhatsApp) en tarjetas de importados quedaba como cuadrado verde vacío: el estilo add-btn-replace achica a 0 el texto suelto del enlace; se le devuelve el texto. */
.wd-product .wd-add-btn-replace>a.mercoshop-wa-loop-btn{font-size:14px!important;line-height:1.2!important;width:auto!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:10px 22px!important;color:#fff!important;text-indent:0!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px!important}
.wd-product .wd-add-btn-replace>a.mercoshop-wa-loop-btn:after{display:none!important}
/* D200 (Marco): «que el Consultar tenga el símbolo de WhatsApp al lado» */
.wd-product .wd-add-btn-replace>a.mercoshop-wa-loop-btn:before{content:""!important;display:inline-block!important;position:static!important;width:18px!important;height:18px!important;margin:0 8px 0 0!important;opacity:1!important;transform:none!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2.992%2016.342a2%202%200%200%201%20.094%201.167l-1.065%203.29a1%201%200%200%200%201.236%201.168l3.413-.998a2%202%200%200%201%201.099.092%2010%2010%200%201%200-4.777-4.719%27/%3E%3Cpath%20d%3D%27M9%2010.5c.5%201.6%202%203.1%203.5%203.5l1.2-1.1%201.8.8-.3%201.6c-3%200-6.2-3.2-6.2-6.2l1.6-.3.8%201.8z%27/%3E%3C/svg%3E") no-repeat center/contain!important;font-size:0!important}
/* D200 (Marco, captura): el ícono de WhatsApp quedaba corrido en la columna de íconos (ancho fijo 50px vs. los demás); se centra con el mismo ancho que la columna. */
.wd-product .wd-buttons>.ms-wa-icon-btn{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important}
.wd-product .wd-buttons .ms-wa-icon-btn a{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}
/* D200 (Marco): botones de tarjeta del mismo tamaño que «Consultar» (Leer más / Añadir al carrito conservan su color y forma) */
.wd-product .wd-add-btn>a{min-height:44px!important;height:auto!important;padding:10px 22px!important;font-size:14px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border-width:2px!important;border-style:solid!important;box-sizing:border-box!important;width:auto!important;min-width:0!important}
.wd-product .wd-add-btn>a .wd-action-text,.wd-product .wd-add-btn>a span{font-size:14px!important;line-height:1.2!important}
.wd-product .wd-add-btn.wd-add-btn-replace>a.button,.wd-product .wd-add-btn.wd-add-btn-replace>a.button.add_to_cart_button{min-height:44px!important;height:44px!important;padding:0 22px!important;line-height:1!important}
.wd-product .wd-add-btn.wd-add-btn-replace>a .wd-action-text,.wd-product .wd-add-btn.wd-add-btn-replace>a>span{padding:0!important;margin:0!important;height:auto!important;line-height:1!important}
.wd-product .wd-add-btn.wd-add-btn-replace>a.mercoshop-wa-loop-btn{height:44px!important;padding:0 22px!important}
/* D200 (Marco, captura): al pasar el mouse, WoodMart dibuja el ícono del carrito (::before, woodmart-font) entre «AÑADIR» y «CARRITO»; se apaga en los botones de compra (no en «Consultar», que usa ::before para el ícono de WhatsApp). */
.wd-product .wd-add-btn-replace>a:not(.mercoshop-wa-loop-btn):before{display:none!important;content:none!important}
.wd-product .wd-add-btn-replace>a:not(.mercoshop-wa-loop-btn):hover .wd-action-text,.wd-product .wd-add-btn-replace>a:not(.mercoshop-wa-loop-btn) .wd-action-text{transform:none!important;opacity:1!important}
/* D200 (Marco): «a todos los productos agotados quítale la burbuja de descuento» */
.outofstock .product-labels .onsale,.outofstock .onsale,.product.outofstock .wd-product-labels .onsale{display:none!important}
/* D200 (Marco, captura del volante): «Consultar» salía más bajo (44px) que «Añadir al carrito» (60px); misma altura para los dos botones y el cuadrado de WhatsApp. */
.ms3-acciones .wd-add-btn>a,.ms3-acciones .wd-add-btn>a.button,.ms3-acciones .ms-wa-cuadrado{height:52px!important;min-height:52px!important;max-height:52px!important;box-sizing:border-box!important}
.ms3-acciones .wd-add-btn>a,.ms3-acciones .wd-add-btn>a.button{padding:0 12px!important;font-size:13px!important;font-weight:700!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ms3-acciones .wd-add-btn>a .wd-action-text,.ms3-acciones .wd-add-btn>a>span{padding:0!important;margin:0!important;line-height:1!important;font-size:13px!important}
.ms3-acciones{align-items:center!important}