.fs-control{position:relative;width:100%;min-width:0}.fs-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important}.fs-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #cbd6df;border-radius:12px;background:#ffffffe8;color:#102c40;font:inherit;text-align:left;min-height:44px}.fs-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-button:disabled{opacity:.55;cursor:not-allowed}
.fs-popup{position:fixed;inset:auto;margin:0;padding:8px;border:1px solid #ffffff40;border-radius:16px;background:#102536f5;color:#fff;box-shadow:0 18px 50px #07122050;backdrop-filter:blur(24px);z-index:20000;overflow:auto;overscroll-behavior:contain}.fs-popup::backdrop{background:transparent}.fs-popup input{width:100%;background:#ffffff14!important;color:#fff!important;border:1px solid #ffffff30!important;border-radius:10px;padding:11px;font-size:16px;margin-bottom:6px}.fs-popup input::placeholder{color:#c3cfd8}.fs-option{display:block;width:100%;border:0;background:transparent;color:white;text-align:left;border-radius:9px;padding:11px 12px;font:inherit;min-height:44px;white-space:normal}.fs-option:hover,.fs-option:focus-visible,.fs-option[aria-selected=true]{background:#ffffff20}.fs-option[aria-selected=true]{box-shadow:inset 3px 0 #f17743}.fs-option:disabled{opacity:.4}.fs-empty{padding:16px;color:#c3cfd8}.fs-group{padding:8px 12px;color:#b3c4cf;font-size:.75rem}
.catalog-toolbar{padding:18px;gap:18px;border-radius:22px;background:linear-gradient(140deg,#fff,#edf4f7);box-shadow:0 12px 40px #163c5008;align-items:center}.catalog-search{background:white;border:1px solid #ccdbe3;border-radius:14px;padding:5px 14px;min-height:56px}.catalog-search input{font-size:16px}.catalog-select{border:0;gap:6px;padding:0;flex:0 1 250px;font-size:12px}.catalog-select .fs-button{background:#fff;font-size:14px;border-radius:13px;min-height:48px}.catalog-toolbar .fs-native{max-width:1px!important}
.drawer[open]{overflow-y:auto;display:flex;flex-direction:column;scrollbar-gutter:stable}.drawer .dialog-header,.drawer .dialog-lead,.cart-bottom{flex:0 0 auto}.cart-items{flex:0 0 auto;min-height:0}.cart-bottom{position:static;margin-top:auto;padding-bottom:env(safe-area-inset-bottom,12px)}.cart-row{flex-shrink:0}
.product-summary{font-size:13px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px;overflow-wrap:anywhere}.product-purchase{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.product-purchase .quantity{flex:0 0 auto}.product-purchase .quantity input{width:48px;font-size:16px}.product-purchase .quantity button{min-height:42px}.product-purchase .add-product{flex:1 1 130px;min-height:44px;font-size:13px}.detail-actions .product-purchase{width:100%}.rut-help{font-size:12px;color:var(--muted)}input[aria-invalid=true]{border-color:#b43b35!important;background:#fff6f5!important}
.category-card{position:relative;overflow:hidden;isolation:isolate;background:#102c40!important;color:#fff;border:1px solid #c3d4df30;min-height:330px;border-radius:20px}.category-card .category-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:blur(.8px) brightness(.72);transform:scale(1.03);transition:transform .4s,filter .4s}.category-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071b2b15,#071b2b20 35%,#071b2be6)}.category-card:hover .category-image{transform:scale(1.08);filter:blur(0) brightness(.84)}.category-card h3{margin-top:auto;text-shadow:0 2px 12px #0004}.category-card .category-foot{margin-top:0}.category-grid:has(>.category-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.catalog-toolbar{padding:14px;gap:14px}.catalog-search{flex:1 0 100%;border:1px solid #ccdbe3}.catalog-select{flex:1 1 130px}.catalog-select .fs-button{font-size:13px;gap:8px;padding:10px}.product-summary{font-size:13px}.product-purchase{display:flex}.product-purchase .quantity{width:100%;justify-content:space-between}.product-purchase .quantity input{width:60px}.product-purchase .add-product{width:100%;font-size:13px}.category-card{min-height:300px}.category-card h3{font-size:23px}.category-foot{font-size:12px}}
@media(max-width:400px){.catalog-select{flex-basis:100%}.category-grid,.category-grid:has(>.category-card:nth-child(2):last-child){grid-template-columns:1fr}.category-card{min-height:270px}}
@media(prefers-reduced-motion:reduce){.category-card .category-image{transition:none}}
.category-card>span:not(.category-foot){font-size:11px;letter-spacing:.1em;margin-bottom:24px}.product-info{min-width:0}.catalog-select>select:not(.fs-native){background:#fff;border:1px solid #cbd6df;border-radius:13px;min-height:48px;padding:10px;font:inherit}
.brand-tag{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.025em}.brand-masprot{color:#1d653e;background:#e4f4e9;border-color:#c4e4ce}.brand-steelpro{color:#795500;background:#fff3c8;border-color:#eedb94}.brand-other{color:#36526a;background:#edf2f7;border-color:#d7e0ea}.product-labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.product-labels .product-category{margin:0}.detail-copy>.brand-tag{margin-bottom:12px}.catalog-toolbar{flex-wrap:wrap}.catalog-search{flex:1 1 280px}.catalog-select{flex:1 1 170px}.catalog-search input{min-width:0;width:100%}@media(max-width:760px){.catalog-search{flex-basis:100%}.catalog-select{flex-basis:140px}.brand-tag{font-size:10px}.product-labels{gap:6px}}

/* Normativas citadas por el fabricante (chips) y variantes de color/talla del mismo modelo */
.norma-tag{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border:1px solid #d3e0e6;border-radius:7px;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.01em;color:#163c50;background:#eaf1f4}
.norma-more{color:var(--muted);background:#eef2f4;border-color:#dde6ea;font-weight:600}
.detail-normas{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}
.detail-normas .norma-tag{font-size:11px;padding:5px 11px}
.detail-variants{margin:22px 0}
.detail-variants-label{font-size:12px;color:var(--muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}
.variant-row{display:flex;flex-wrap:wrap;gap:8px}
.variant-swatch{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #c9d6de;border-radius:30px;background:#fff;font-size:12px;color:var(--ink);min-height:38px}
.variant-swatch:hover{border-color:var(--ink)}
.swatch-dot{width:12px;height:12px;border-radius:50%;border:1px solid #00000022;flex:none}
@media(max-width:760px){.norma-tag{font-size:9px}.variant-swatch{font-size:11px;padding:6px 11px}}
