@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;600;700;800;900&display=swap');
.msc-catalog{position:relative;display:grid;grid-template-columns:252px minmax(0,1fr);gap:18px;padding:28px;background:var(--msc-bg,#f5f7fb);color:#263451;font-family:Barlow,Arial,sans-serif}.msc-catalog *{box-sizing:border-box}.msc-filters{position:sticky;top:24px;align-self:start;padding:12px;border:1px solid #dce2ec;border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(13,35,82,.04)}.msc-filters header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #e5e9f0;color:#173b83}.msc-filters header strong{font-size:16px}.msc-view-buttons{display:flex;gap:4px}.msc-view-buttons button{display:grid;width:25px;height:25px;place-items:center;padding:0;border:1px solid #d9e0eb;border-radius:5px;background:#f8fafc;color:#6b7891;cursor:pointer}.msc-view-buttons button.is-active{border-color:#b8cff8;background:#edf4ff;color:var(--msc-primary)}.msc-filter-close{display:none!important}.msc-filter-form{display:grid;gap:14px;padding-top:13px}.msc-filter-form label{display:grid;gap:6px;color:#6d778a;font-size:11px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.msc-filter-form select,.msc-filter-form input{width:100%;height:39px;padding:0 12px;border:1px solid #ccd5e2;border-radius:7px;background:#fff;color:#345083;font:500 14px Barlow,Arial,sans-serif;outline:none}.msc-filter-form select:focus,.msc-filter-form input:focus{border-color:var(--msc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--msc-primary) 12%,transparent)}.msc-search{position:relative}.msc-search input{padding-right:34px}.msc-search i{position:absolute;top:50%;right:11px;font-size:18px;font-style:normal;transform:translateY(-50%)}.msc-clear{padding:8px;border:0;background:none;color:#6c778b;font:600 12px Barlow,Arial,sans-serif;text-decoration:underline;cursor:pointer}.msc-results{min-width:0}.msc-result-meta{display:flex;min-height:24px;align-items:center;justify-content:flex-end;margin-bottom:8px;color:#71809a;font-size:12px}.msc-loader{display:none;width:16px;height:16px;margin-left:8px;border:2px solid #ccd7e8;border-top-color:var(--msc-primary);border-radius:50%;animation:msc-spin .65s linear infinite}.msc-catalog.is-loading .msc-loader{display:block}.msc-catalog.is-loading .msc-products{opacity:.55;pointer-events:none}@keyframes msc-spin{to{transform:rotate(360deg)}}.msc-products{display:grid;grid-template-columns:repeat(var(--msc-cols,4),minmax(0,1fr));gap:18px;transition:opacity .2s}.msc-products .mpc-card{height:100%;border-radius:15px;box-shadow:0 2px 4px rgba(12,34,76,.08)}.msc-empty{grid-column:1/-1;padding:70px 20px;border:1px dashed #ccd5e2;border-radius:12px;background:#fff;color:#748099;text-align:center}.msc-pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}.msc-pagination button{min-width:34px;height:34px;padding:0 9px;border:1px solid #d3dce9;border-radius:7px;background:#fff;color:#355180;font-weight:700;cursor:pointer}.msc-pagination button.is-active,.msc-pagination button:hover{border-color:var(--msc-primary);background:var(--msc-primary);color:#fff}.msc-filter-open,.msc-filter-shade,.msc-mobile-quote{display:none}
.msc-catalog[data-view=list] .msc-products{grid-template-columns:1fr}.msc-catalog[data-view=list] .mpc-card{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;min-height:210px}.msc-catalog[data-view=list] .mpc-card__ribbons{position:absolute;z-index:2;top:0;left:0;width:180px}.msc-catalog[data-view=list] .mpc-card__media{grid-row:1/4;height:210px}.msc-catalog[data-view=list] .mpc-card__body{padding:38px 18px 10px}.msc-catalog[data-view=list] .mpc-card__category{grid-column:2}.msc-catalog[data-view=list] .mpc-card__actions{grid-column:3;grid-row:1/4;align-self:stretch;border-top:0;border-left:1px solid #e5e7ec}
@media(max-width:1440px) and (min-width:1025px){.msc-catalog .msc-products{grid-template-columns:repeat(var(--msc-cols-laptop,4),minmax(0,1fr))}}
@media(max-width:1024px){.msc-catalog{grid-template-columns:220px minmax(0,1fr);padding:20px}.msc-products{grid-template-columns:repeat(var(--msc-cols-tablet,2),minmax(0,1fr))}.msc-catalog[data-view=list] .mpc-card{grid-template-columns:150px minmax(0,1fr)}.msc-catalog[data-view=list] .mpc-card__actions{grid-column:1/-1;grid-row:auto;border-top:1px solid #e5e7ec;border-left:0}.msc-catalog[data-view=list] .mpc-card__ribbons{width:150px}}
@media(max-width:767px){.msc-catalog{display:block;padding:14px 12px 88px}.msc-filter-open{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:9px 14px;border:1px solid #d3dce9;border-radius:8px;background:#fff;color:var(--msc-primary);font-weight:700}.msc-filters{position:fixed;z-index:100002;top:0;bottom:0;left:0;width:min(330px,88vw);overflow:auto;border-radius:0;transform:translateX(-105%);transition:transform .23s ease}.msc-filter-shade{position:fixed;z-index:100001;inset:0;background:rgba(6,22,58,.58)}.msc-filters.msc-mobile-open{transform:none}.msc-filter-shade.msc-mobile-open{display:block}.msc-filter-close{display:grid!important;margin-left:4px;font-size:20px}.msc-products{grid-template-columns:repeat(var(--msc-cols-mobile,1),minmax(0,1fr));gap:14px}.msc-result-meta{float:right;margin-top:-43px}.msc-view-buttons button[data-view]{display:none}.msc-catalog[data-view=list] .msc-products{grid-template-columns:repeat(var(--msc-cols-mobile,1),minmax(0,1fr))}.msc-catalog[data-view=list] .mpc-card{display:flex;min-height:0}.msc-catalog[data-view=list] .mpc-card__ribbons{position:static;width:auto}.msc-catalog[data-view=list] .mpc-card__media{height:200px}.msc-catalog[data-view=list] .mpc-card__body{padding:0 14px 10px}.msc-catalog[data-view=list] .mpc-card__actions{border-left:0}.msc-mobile-quote{position:fixed;z-index:99980;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:11px 17px;border:0;border-radius:999px;background:#ed3545;color:#fff;box-shadow:0 8px 24px rgba(219,38,57,.35);font:700 13px Barlow,Arial,sans-serif;cursor:pointer}.msc-mobile-quote svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.msc-mobile-quote .mpc-quote-count{top:0;right:0}body.msc-filter-lock{overflow:hidden!important}}
body.admin-bar .msc-filters{top:32px}@media(max-width:782px){body.admin-bar .msc-filters{top:46px}}

/* 0.1.8: el panel móvil siempre abre desde el encabezado y lo mantiene visible. */
@media(max-width:767px){.msc-catalog .msc-filters{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.msc-catalog .msc-filters header{position:sticky;z-index:3;top:0;background:#fff}}

/* 0.1.1: Gutenberg puede envolver un shortcode con formato inline <code>. */
.msc-catalog>code{display:contents;color:inherit;font:inherit;white-space:normal}

/* 0.1.2: aislamiento visual frente al tema y proporciones de la referencia. */
.msc-catalog .msc-result-meta{display:none}
.msc-catalog .msc-filters header strong{color:var(--msc-filter-text,var(--msc-primary))!important;font:700 16px/1.2 Barlow,Arial,sans-serif}
.msc-catalog .msc-filter-form label{color:var(--msc-filter-text,#345083);font:700 11px/1.2 "Barlow Condensed",Barlow,Arial,sans-serif;letter-spacing:.04em}
.msc-catalog .msc-filter-form select{color:var(--msc-filter-text,#345083);font:500 14px/1 Barlow,Arial,sans-serif}
.msc-catalog .msc-clear{color:var(--msc-filter-text,#345083)}
.msc-filter-ported header strong{color:var(--msc-filter-text,var(--msc-primary))!important;font:700 16px/1.2 Barlow,Arial,sans-serif}.msc-filter-ported .msc-filter-form label{color:var(--msc-filter-text,#345083);font:700 11px/1.2 "Barlow Condensed",Barlow,Arial,sans-serif;letter-spacing:.04em}.msc-filter-ported .msc-filter-form select{color:var(--msc-filter-text,#345083);font:500 14px/1 Barlow,Arial,sans-serif}.msc-filter-ported .msc-clear{color:var(--msc-filter-text,#345083)}
.msc-catalog .mpc-card__status{height:30px!important;padding:6px 18px 6px 10px!important;background:var(--msc-status-bg,var(--msc-primary))!important;color:#fff!important;font:700 11px/1 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-card__promotion{background:var(--msc-accent)!important;color:#fff!important;font:700 11px/1 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-card__body{padding:0 14px 10px!important;font:400 14px/1.25 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-card__sku{min-height:38px;margin-bottom:8px!important;padding:8px 10px!important;font:500 11px/1.25 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-card__title{display:-webkit-box;min-height:36px;max-height:36px;margin:0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:700 15px/1.18 "Barlow Condensed",Barlow,Arial,sans-serif!important;letter-spacing:0;text-transform:uppercase}
.msc-catalog .mpc-card__title a{font:inherit!important;line-height:inherit!important}
.msc-catalog .mpc-card__price{min-height:16px;margin-top:4px!important;font:500 12px/1.2 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-card__category{min-height:40px;padding:9px 14px!important;font:700 11px/1.2 "Barlow Condensed",Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-action{font:400 10px/1.1 Barlow,Arial,sans-serif!important}
.msc-catalog .mpc-action>i>svg{width:16px!important;height:16px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.msc-catalog .mpc-action--whatsapp>i>svg{width:17px!important;height:17px!important;fill:#fff!important;stroke:none!important}
.msc-catalog .mpc-action--whatsapp>i>svg .wa-bubble{fill:none!important;stroke:#fff!important}
.msc-catalog .mpc-action--whatsapp>i>svg .wa-phone{fill:#fff!important;stroke:none!important}
.msc-catalog .mpc-products .mpc-card{overflow:hidden;border-color:#dfe3eb!important;background:#fff!important}

/* 0.1.3: carrito integrado, compacto y con Barlow. */
.msc-catalog .mpc-card__cart,.msc-catalog a.mpc-card__cart,.msc-catalog button.mpc-card__cart{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;margin:0;padding:9px 12px;border:0;border-top:1px solid #e5e7ec;border-radius:0;background-color:var(--msc-cart,var(--msc-primary))!important;color:#fff!important;font:700 12px/1 Barlow,Arial,sans-serif!important;text-align:center;text-decoration:none!important;transition:background-color .18s ease,filter .18s ease}
.msc-catalog .mpc-card__cart:hover{color:#fff!important;filter:brightness(.9)}
.msc-catalog .mpc-card__cart:not(.ajax_add_to_cart){background-color:var(--msc-options,var(--msc-cart,var(--msc-primary)))!important}
.msc-catalog .mpc-card__cart.loading{pointer-events:none;opacity:.7}
.msc-catalog .mpc-card__cart.added{background:#148b4b}
.msc-catalog .mpc-card__cart svg{width:var(--msc-cart-icon-size,16px)!important;height:var(--msc-cart-icon-size,16px)!important;color:var(--msc-cart-icon-color,#fff)!important;fill:none!important;stroke:var(--msc-cart-icon-color,#fff)!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.msc-catalog .mpc-card__cart.added_to_cart{display:none}
.msc-catalog .mpc-card:hover{transform:none}
.msc-catalog .mpc-action--quote>i,.msc-catalog .mpc-action--copy>i{background:var(--msc-action,#0b2b91)!important}
.msc-catalog .mpc-action--ai>i{background:var(--msc-ai,#ff101c)!important}
.msc-catalog .mpc-action--whatsapp>i{background:var(--msc-wa,#20d56f)!important}

/* 0.2.3: controles visuales completos e independientes. */
.msc-catalog .msc-filters{border-color:var(--msc-field-border,#dce2ec)!important;background:var(--msc-filter-bg,#fff)!important}
.msc-catalog .msc-filters header strong{font-family:var(--msc-filter-title-font),Arial,sans-serif!important;font-size:var(--msc-filter-title-size,16px)!important;font-weight:var(--msc-filter-title-weight,700)!important}
.msc-catalog .msc-filter-form label{color:var(--msc-filter-text,#6d778a)!important;font-family:var(--msc-filter-font),Arial,sans-serif!important;font-size:var(--msc-filter-size,11px)!important;font-weight:var(--msc-filter-weight,700)!important}
.msc-catalog .msc-filter-form select,.msc-catalog .msc-filter-form input{border-color:var(--msc-field-border,#ccd5e2)!important;background:var(--msc-field-bg,#fff)!important;color:var(--msc-field-text,#345083)!important;font-family:var(--msc-filter-font),Arial,sans-serif!important}
.msc-catalog .msc-filter-form input::placeholder{color:var(--msc-field-text,#345083)!important;opacity:.7}
body .msc-catalog .msc-results .mpc-products>.mpc-card{border-color:transparent!important;outline:1px solid var(--msc-card-border,#dfe3eb)!important;outline-offset:-1px!important;background:var(--msc-card-bg,#fff)!important;box-shadow:0 2px 4px rgba(12,34,76,.08)!important}
body .msc-catalog .msc-results .mpc-products>.mpc-card::after{content:""!important;position:absolute!important;z-index:2147483000!important;inset:0!important;border:1px solid var(--msc-card-border,#dfe3eb)!important;border-radius:inherit!important;pointer-events:none!important}
.msc-catalog .mpc-card__ribbons,.msc-catalog .mpc-card__media,.msc-catalog .mpc-card__body,.msc-catalog .mpc-card__actions,.msc-catalog .mpc-action{background-color:var(--msc-card-bg,#fff)!important}
.msc-catalog .mpc-card__category,.msc-catalog .mpc-card__actions,.msc-catalog .mpc-action,.msc-catalog .mpc-card__cart{border-color:var(--msc-card-border,#dfe3eb)!important}
.msc-catalog .mpc-card__status{color:var(--msc-status-text,#fff)!important;font-family:var(--msc-status-font),Arial,sans-serif!important;font-size:var(--msc-status-size,11px)!important;font-weight:var(--msc-status-weight,700)!important}
.msc-catalog .mpc-card__promotion{color:var(--msc-promotion-text,#fff)!important;font-family:var(--msc-status-font),Arial,sans-serif!important;font-size:var(--msc-status-size,11px)!important;font-weight:var(--msc-status-weight,700)!important}
.msc-catalog .mpc-card__sku{background:var(--msc-sku-bg,#f4f6fa)!important;color:var(--msc-sku-color,#606779)!important;font-family:var(--msc-sku-font),Arial,sans-serif!important;font-size:var(--msc-sku-size,11px)!important;font-weight:var(--msc-sku-weight,500)!important}
.msc-catalog .mpc-card__sku *{color:inherit!important;font:inherit!important}
.msc-catalog .mpc-card__title,.msc-catalog .mpc-card__title a{color:var(--msc-title-color,#171b24)!important;font-family:var(--msc-title-font),Arial,sans-serif!important;font-size:var(--msc-title-size,15px)!important;font-weight:var(--msc-title-weight,700)!important}
.msc-catalog .mpc-card__price,.msc-catalog .mpc-card__price *{color:var(--msc-price-color,#606779)!important;font-family:var(--msc-price-font),Arial,sans-serif!important;font-size:var(--msc-price-size,12px)!important;font-weight:var(--msc-price-weight,500)!important}
.msc-catalog .mpc-card__category{background:var(--msc-category-bg,#fff)!important;color:var(--msc-category-color,#17398f)!important;font-family:var(--msc-category-font),Arial,sans-serif!important;font-size:var(--msc-category-size,11px)!important;font-weight:var(--msc-category-weight,700)!important}
.msc-catalog .mpc-card__category *{color:inherit!important;font:inherit!important}
.msc-catalog .mpc-action{color:var(--msc-action-text,#4d5260)!important;font-family:var(--msc-action-font),Arial,sans-serif!important;font-size:var(--msc-action-size,10px)!important;font-weight:var(--msc-action-weight,400)!important}
.msc-catalog .mpc-card__cart,.msc-catalog .mpc-card__cart .mpc-card__cart-label{color:var(--msc-cart-text,#fff)!important;font-family:var(--msc-cart-font),Arial,sans-serif!important;font-size:var(--msc-cart-size,12px)!important;font-weight:var(--msc-cart-weight,700)!important}
.msc-catalog .mpc-card__cart:not(.ajax_add_to_cart),.msc-catalog .mpc-card__cart:not(.ajax_add_to_cart) .mpc-card__cart-label{color:var(--msc-options-text,#fff)!important}
.msc-catalog .mpc-card__image{width:var(--msc-image-size,100%)!important;height:var(--msc-image-size,100%)!important}
@media(max-width:1440px) and (min-width:1025px){.msc-catalog .mpc-card__image{width:var(--msc-image-size-laptop,var(--msc-image-size,100%))!important;height:var(--msc-image-size-laptop,var(--msc-image-size,100%))!important}}
@media(max-width:1024px){.msc-catalog .mpc-card__image{width:var(--msc-image-size-tablet,var(--msc-image-size,100%))!important;height:var(--msc-image-size-tablet,var(--msc-image-size,100%))!important}}
@media(max-width:767px){.msc-catalog .mpc-card__image{width:var(--msc-image-size-mobile,var(--msc-image-size,100%))!important;height:var(--msc-image-size-mobile,var(--msc-image-size,100%))!important}}
