/* /ma_distribucion_theme/static/src/css/catalog.css */
.catalog-title-row{align-items:center!important;}.catalog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.catalog-category-toggle,.catalog-filter-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;width:auto;padding:0 16px;border:1px solid var(--border);border-radius:10px;font:800 12.5px 'Manrope',sans-serif;white-space:nowrap;transition:border-color 160ms ease,background 160ms ease,color 160ms ease,transform 160ms ease;}.catalog-category-toggle{background:#fff;color:var(--primary);}.catalog-filter-toggle{border-color:var(--primary);background:var(--primary);color:#fff;}.catalog-category-toggle:hover{border-color:var(--primary);background:#f6f8fc;}.catalog-filter-toggle:hover{border-color:var(--primary-dark);background:var(--primary-dark);}.catalog-category-toggle:active,.catalog-filter-toggle:active{transform:translateY(1px);}.catalog-category-toggle:focus-visible,.catalog-filter-toggle:focus-visible,.catalog-category-panel button:focus-visible,.catalog-category-panel a:focus-visible,.catalog-toolbar button:focus-visible,.catalog-order:focus-visible,#catalogPagination button:focus-visible{outline:3px solid rgba(255,229,0,.65);outline-offset:2px;}.catalog-category-panel{display:grid;gap:14px;margin-top:14px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(8,39,102,.08);}.catalog-category-panel[hidden]{display:none!important;}.catalog-category-panel:focus,.catalog-filter-drawer:focus{outline:none;}.catalog-category-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--border);}.catalog-category-panel__head>div{display:grid;gap:2px;}.catalog-category-panel__head span,.catalog-filter-head span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;}.catalog-category-panel__head strong{font-size:15px;}.catalog-category-panel__head button{min-height:34px;padding:0 11px;border-radius:8px;background:var(--surface);color:var(--primary);font-size:11px;font-weight:850;}.catalog-category-panel__section,.catalog-group-scope{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:14px;}.catalog-group-scope{padding-top:14px;border-top:1px solid var(--border);}.catalog-group-scope[hidden]{display:none!important;}.catalog-category-panel__label{padding-top:7px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;}.catalog-category-panel__links{display:flex;gap:8px;flex-wrap:wrap;}.catalog-category-panel .chip{display:inline-flex !important;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:11px;font-weight:750;text-decoration:none;}.catalog-category-panel .chip:hover{border-color:var(--primary);color:var(--primary);}.catalog-category-panel .chip.active{border-color:var(--primary);background:var(--primary);color:#fff;}.catalog-result-summary{margin-top:12px;color:var(--muted);font-size:12px;font-weight:600;}.catalog-active-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 12px;border:1px solid #dfe6f2;border-radius:9px;background:#f7f9fc;color:var(--muted);font-size:11px;font-weight:700;}.catalog-active-filters[hidden]{display:none!important;}.catalog-active-filters button{flex:0 0 auto;min-height:34px;padding:0 10px;border-radius:8px;color:var(--primary);font-size:10.5px;font-weight:900;}.catalog-filter-overlay{position:fixed;inset:0;z-index:2000;background:rgba(3,14,37,.45);opacity:0;transition:opacity 220ms ease;}.catalog-filter-overlay[hidden]{display:none!important;}.catalog-filter-overlay.is-open{opacity:1;}.catalog-filter-drawer{position:fixed!important;inset:0 0 0 auto;z-index:2001;display:block!important;width:min(390px,calc(100vw - 22px))!important;height:100vh;height:100dvh;margin:0!important;background:#fff;box-shadow:-20px 0 50px rgba(3,19,53,.2);overflow:hidden;transform:translateX(100%);transition:transform 220ms ease;}.catalog-filter-drawer[hidden]{display:none!important;}.catalog-filter-drawer.is-open{transform:translateX(0);}body.catalog-filter-open{overflow:hidden;}#catalogFilters{position:static;width:100%;height:100%;max-height:none;padding:22px 22px calc(22px + env(safe-area-inset-bottom));overflow:auto;border:0;border-radius:0;box-shadow:none;}.catalog-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--border);}.catalog-filter-head>div:first-child{display:grid;gap:2px;}.catalog-filter-head h2{margin:0;font-size:18px;}.catalog-filter-head__actions{display:flex;align-items:center;gap:5px;}.catalog-filter-head button{min-height:34px;padding:0 10px;border-radius:8px;background:var(--surface);color:var(--primary);font-size:10.5px;font-weight:850;}.catalog-filter-head button:disabled{color:#9aa5b8;cursor:not-allowed;opacity:.7;}.catalog-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--border);}.catalog-order-label{font-size:11px;font-weight:850;color:var(--muted);}.catalog-order{height:38px;min-width:0;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font:700 12px 'Manrope',sans-serif;}.catalog-view-toggle{grid-column:1/-1;display:flex;padding:3px;border-radius:9px;background:var(--surface);}.catalog-view-toggle button{flex:1;min-width:0;min-height:31px;padding:0 10px;border-radius:7px;color:var(--muted);font-size:11px;font-weight:800;}.catalog-view-toggle button.is-active{background:#fff;color:var(--primary);box-shadow:0 2px 7px rgba(8,39,102,.1);}.catalog-scroll-sentinel{display:flex;align-items:center;justify-content:center;min-height:52px;margin:10px 0 0;color:var(--muted);font-size:13px;font-weight:700;text-align:center;}.catalog-scroll-sentinel[hidden]{display:none;}#catalogFilters details{padding:13px 0;border-bottom:1px solid var(--border);}#catalogFilters details:last-child{border-bottom:0;}#catalogFilters summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:13px;font-weight:800;list-style-position:outside;margin-left:14px;}#catalogFilters summary:focus-visible{outline:3px solid rgba(255,229,0,.65);outline-offset:3px;border-radius:4px;}.catalog-filter-count{float:right;min-width:22px;padding:2px 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:9px;font-weight:900;text-align:center;}.catalog-filter-search{margin-top:9px;}.catalog-filter-search input{width:100%;height:36px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:650 11px 'Manrope',sans-serif;}.catalog-filter-search input:focus{border-color:var(--primary);outline:3px solid rgba(255,229,0,.45);outline-offset:1px;}.catalog-filter-empty{margin:10px 0 0;color:var(--muted);font-size:10.5px;font-weight:650;}.catalog-filter-options{display:flex;flex-direction:column;gap:8px;margin-top:11px;max-height:190px;overflow:auto;padding-right:4px;}.catalog-filter-options label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;color:var(--muted);font-size:11.5px;font-weight:650;line-height:1.35;}.catalog-filter-options input{width:15px;height:15px;margin-top:1px;accent-color:var(--primary);flex-shrink:0;}.catalog-filter-options input:focus-visible{outline:3px solid rgba(255,229,0,.65);outline-offset:2px;}.catalog-price-label{display:block;margin-bottom:2px;color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;}.catalog-price-block .prod-old{display:block;margin-bottom:1px;}.prod-card.is-out-of-stock .prod-img{opacity:.45;filter:grayscale(.18);}.prod-stock-txt.is-unavailable{color:var(--muted);}.btn-add:disabled{background:#aab6cc;cursor:not-allowed;}.catalog-results{width:100%;min-width:0;flex:1 1 0;}.catalog-loading{display:flex;min-height:280px;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--muted);font-size:13px;font-weight:800;text-align:center;}.catalog-loading::before{content:"";width:18px;height:18px;border:3px solid #d7deea;border-top-color:var(--primary);border-radius:50%;animation:catalog-loading-spin 700ms linear infinite;}.catalog-loading[hidden]{display:none!important;}.catalog-results.is-loading #catalogPagination{display:none!important;}.catalog-results.is-loading #catalogGrid{opacity:.65;}.catalog-results.has-load-error #catalogPagination,.catalog-results.has-results-unavailable #catalogGrid{display:none!important;}.catalog-load-error{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:14px;}.catalog-load-error[hidden]{display:none;}.catalog-load-error p{margin:0;}.catalog-results:not(.is-loading) #catalogGrid{animation:catalog-results-ready 180ms ease-out;}@keyframes catalog-loading-spin{to{transform:rotate(360deg);}}@keyframes catalog-results-ready{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}.catalog-grid.is-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.catalog-grid.is-scroll{grid-template-columns:repeat(4,minmax(0,1fr));}.catalog-grid.is-list{grid-template-columns:1fr!important;}.catalog-grid.is-list .prod-card{display:grid;grid-template-columns:110px minmax(220px,1fr) minmax(330px,360px) 150px;grid-template-rows:auto auto;align-items:center;column-gap:18px;padding:12px 18px;}.catalog-grid.is-list .product-link-image{grid-row:1/3;}.catalog-grid.is-list .prod-img{height:86px;margin:0;}.catalog-grid.is-list .prod-name{min-height:0;font-size:14px;}.catalog-grid.is-list .prod-pres{grid-column:2;margin:3px 0;}.catalog-grid.is-list .prod-price-row{grid-column:3;grid-row:1/3;margin:0;}.catalog-grid.is-list .prod-stock-txt{grid-column:4;grid-row:1;margin:0;text-align:center;}.catalog-grid.is-list .btn-add{grid-column:4;grid-row:2;}.catalog-empty{grid-column:1/-1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface);}.catalog-empty strong{font-size:20px;}.catalog-empty p{margin:8px 0 18px;color:var(--muted);font-size:13px;}#catalogPagination{flex-wrap:wrap;}#catalogPagination button{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:12px;font-weight:800;}#catalogPagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);}#catalogPagination button.is-current{border-color:var(--primary);background:var(--primary);color:#fff;}#catalogPagination button.is-current:hover,#catalogPagination button.is-current:focus-visible{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff;}#catalogPagination button:disabled{opacity:.35;cursor:not-allowed;}@media(max-width:900px){.catalog-title-row{align-items:flex-start!important;}.catalog-filter-options{max-height:150px;}}@media(min-width:761px) and (max-width:1050px){.catalog-grid.is-list .prod-card{grid-template-columns:96px minmax(130px,1fr) minmax(240px,270px) 120px;column-gap:10px;padding:12px;}}@media(max-width:760px){.catalog-layout{align-items:stretch!important;}.catalog-title-row{gap:12px!important;}.catalog-title-row .page-title{width:100%;}.catalog-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}.catalog-category-toggle,.catalog-filter-toggle{width:100%;padding:0 10px;}.catalog-category-panel{padding:15px;}.catalog-category-panel__section,.catalog-group-scope{grid-template-columns:1fr;gap:6px;}.catalog-category-panel__label{padding-top:0;}.catalog-category-panel__links{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin;}.catalog-category-panel .chip{flex:0 0 auto;}.catalog-filter-drawer{width:calc(100vw - 12px)!important;}#catalogFilters{padding:18px 18px calc(18px + env(safe-area-inset-bottom));}.catalog-view-toggle{display:flex;}.catalog-grid.is-list{grid-template-columns:minmax(0,1fr)!important;gap:10px;}.catalog-grid.is-scroll,.catalog-grid.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.catalog-grid.is-list .prod-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 12px;padding:12px;}.catalog-grid.is-list .product-link-image{grid-column:1;grid-row:1/3;align-self:center;width:72px;}.catalog-grid.is-list .prod-img{height:78px;margin:0;}.catalog-grid.is-list .prod-name{grid-column:2;grid-row:1;min-width:0;min-height:0;font-size:13px;align-self:end;}.catalog-grid.is-list .prod-pres{grid-column:2;grid-row:2;min-width:0;margin:2px 0 0;align-self:start;}.catalog-grid.is-list .prod-price-row,.catalog-grid.is-list .prod-stock-txt{grid-column:1/-1;grid-row:auto;width:100%;margin:4px 0 0;text-align:left;}.catalog-grid.is-list .prod-card>.btn-add,.catalog-grid.is-list .prod-card .ma-card-qty{grid-column:1/-1;grid-row:auto;width:100%;margin:4px 0 0;}.catalog-view-toggle button,#catalogPagination button{min-width:44px;min-height:44px;}.catalog-category-toggle,.catalog-filter-toggle{min-height:44px;}#catalogPagination{margin-bottom:calc(28px + env(safe-area-inset-bottom));}}@media(min-width:601px) and (max-width:760px){.catalog-grid.is-list .prod-card{grid-template-columns:80px minmax(0,1fr) minmax(220px,240px);grid-template-rows:auto auto;gap:8px 12px;padding:12px 14px;}.catalog-grid.is-list .product-link-image{grid-column:1;grid-row:1/3;width:80px;}.catalog-grid.is-list .prod-img{height:86px;}.catalog-grid.is-list .prod-name{grid-column:2;grid-row:1;}.catalog-grid.is-list .prod-pres{grid-column:2;grid-row:2;}.catalog-grid.is-list .prod-price-row{grid-column:3;grid-row:1;margin:0;}.catalog-grid.is-list .prod-stock-txt{grid-column:2;grid-row:3;margin:0;}.catalog-grid.is-list .prod-card>.btn-add,.catalog-grid.is-list .prod-card .ma-card-qty{grid-column:3;grid-row:2;width:100%;margin:0;}}@media(max-width:380px){#catalogGrid{grid-template-columns:minmax(0,1fr)!important;}.catalog-actions{grid-template-columns:1fr;}.catalog-grid.is-list .prod-card{grid-template-columns:64px minmax(0,1fr);}.catalog-grid.is-list .product-link-image{width:64px;}.catalog-grid.is-list .prod-img{height:72px;}.catalog-actions .catalog-category-toggle,.catalog-actions .catalog-filter-toggle{min-width:0;white-space:normal;}}