@import url("tokens.css?v=20261027");*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{font-family: var(--font-text);font-size: var(--text-base);line-height: var(--leading-body);background: var(--bg);color: var(--text);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;padding-bottom: 4.5rem}@media (min-width: 48em){body{padding-bottom: 0}}a{color: inherit;text-decoration: none}img{max-width: 100%;display: block}button{font-family: inherit;font-size: inherit;color: inherit}button,a,input,select{-webkit-tap-highlight-color: transparent}button:not(:disabled),[role="button"]{cursor: pointer}h1,h2,h3,h4{font-family: var(--font-display);letter-spacing: var(--tracking-display);line-height: var(--leading-snug)}.card-precio,.amount,.cl-total,.pres-precio{font-variant-numeric: tabular-nums}:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-radius: var(--radius-sm)}[hidden]{display: none !important}.hero,.datos,.categories,.featured,.brands-strip,.why-section,.cta-band,.catalog-top,.catalog-layout,.cart-page-layout,.seo-wrap,.legal{width: calc(100% - 2 * var(--gutter));max-width: var(--container);margin-inline: auto}.hero-cta,.hero-btn,.btn-add,.modal-add,.cart-checkout,.cart-continue,.btn-clear,.cta-white,.btn-keep-buying,.whatsapp-btn,.btn-wa,.mif-cta,.np-mf-btn,.cart-empty-page a{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: var(--touch);padding: 0 var(--space-5);border: 1px solid transparent;border-radius: var(--radius-pill);font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: 1;text-align: center;white-space: nowrap;transition: background-color var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std),color var(--dur-fast) var(--ease-std),box-shadow var(--dur-fast) var(--ease-std),transform var(--dur-fast) var(--ease-std)}.btn-add,.modal-add,.cart-checkout,.hero-cta,.mif-cta,.np-mf-btn,.cart-empty-page a{background: var(--accent);color: var(--on-accent)}.btn-add:hover,.modal-add:hover,.cart-checkout:hover,.hero-cta:hover,.mif-cta:hover,.np-mf-btn:hover,.cart-empty-page a:hover{background: var(--accent-hover)}.btn-add:active,.modal-add:active,.cart-checkout:active,.hero-cta:active,.mif-cta:active{transform: scale(.98)}.hero-btn,.cart-continue,.btn-clear,.btn-keep-buying{background: var(--surface);color: var(--text);border-color: var(--border-strong)}.hero-btn:hover,.cart-continue:hover,.btn-clear:hover,.btn-keep-buying:hover{border-color: var(--text)}.cta-white{background: var(--surface);color: var(--text)}.cta-white:hover{background: var(--accent-soft)}.whatsapp-btn,.btn-wa{background: var(--whatsapp);color: #fff}.whatsapp-btn:hover,.btn-wa:hover{background: var(--whatsapp-hover)}.btn-add:disabled,.modal-add:disabled,.np-mf-btn:disabled{background: var(--surface-sunk);color: var(--text-subtle);border-color: var(--border);cursor: not-allowed}.cart-checkout,.cart-continue,.modal-add,.whatsapp-btn,.btn-keep-buying{width: 100%}.btn-add{min-height: 2.25rem;padding: 0 var(--space-4)}.aviso-envios{background: var(--ink);color: var(--on-ink);text-align: center;font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: .02em;padding: var(--space-2) var(--space-4)}.header{position: sticky;top: 0;z-index: var(--z-header);background: var(--surface);border-bottom: 1px solid var(--border)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.header{background: rgba(255,255,255,.88);-webkit-backdrop-filter: saturate(180%) blur(12px);backdrop-filter: saturate(180%) blur(12px)}}.header-inner{max-width: var(--container);margin: 0 auto;padding: 0 var(--gutter);height: var(--header-h);display: flex;align-items: center;gap: var(--space-3)}.logo{display: flex;align-items: center;flex-shrink: 0}.logo img{height: 2rem;width: auto;max-width: 9rem}.logo-txt{font-family: var(--font-display);font-size: var(--text-lg);font-weight: var(--weight-bold);letter-spacing: var(--tracking-display);line-height: 1.1;color: var(--text)}.foto-vacia{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: var(--surface-sunk);color: var(--text-subtle);font-family: var(--font-display);font-size: var(--text-2xl);font-weight: var(--weight-semibold)}.card-img-wrap .foto-vacia{position: absolute;inset: 0;font-size: var(--text-3xl)}.sug-item .foto-vacia{width: 2.75rem;height: 2.75rem;flex: 0 0 2.75rem;font-size: var(--text-base);border-radius: var(--radius-sm)}.cart-item .foto-vacia,.cart-line .foto-vacia{width: 4.5rem;height: 4.5rem;border: 1px solid var(--border);border-radius: var(--radius-md)}.nav{display: none;gap: var(--space-1);margin-left: var(--space-6)}.nav a{position: relative;padding: var(--space-2) var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--text-muted);border-radius: var(--radius-sm);transition: color var(--dur-fast) var(--ease-std)}.nav a:hover{color: var(--text)}.nav a.active{color: var(--text);font-weight: var(--weight-semibold)}.nav a.active::after{content: '';position: absolute;left: var(--space-3);right: var(--space-3);bottom: 2px;height: 2px;background: var(--accent);border-radius: 2px}.header-actions{display: flex;align-items: center;gap: var(--space-2);margin-left: auto}.hdr-search{display: none}.hdr-search input{width: 15rem;min-height: 2.5rem;padding: 0 var(--space-4) 0 2.5rem;border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center;font: inherit;font-size: var(--text-sm);color: var(--text);transition: border-color var(--dur-fast),background-color var(--dur-fast),width var(--dur-base) var(--ease-out)}.hdr-search input::placeholder{color: var(--text-subtle)}.hdr-search input:focus{outline: none;border-color: var(--accent);background-color: var(--surface);width: 18rem;box-shadow: 0 0 0 3px var(--accent-soft)}.cart-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-width: var(--touch);height: var(--touch);padding: 0;background: transparent;border: 1px solid transparent;border-radius: var(--radius-pill);font-size: var(--text-sm);font-weight: var(--weight-semibold);transition: background-color var(--dur-fast)}.cart-btn:hover{background: var(--surface-sunk)}.cart-btn svg{width: 22px;height: 22px;flex: none}.cart-text{display: none}.cart-badge{position: absolute;top: 2px;right: 0;min-width: 1.25rem;height: 1.25rem;padding: 0 var(--space-1);border-radius: var(--radius-pill);background: var(--accent);color: var(--on-accent);font-size: 0.6875rem;font-weight: var(--weight-bold);line-height: 1;align-items: center;justify-content: center;display: none;font-variant-numeric: tabular-nums;box-shadow: 0 0 0 2px var(--surface)}.cart-badge.visible{display: flex}.menu-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;width: var(--touch);height: var(--touch);border: 0;background: transparent;border-radius: var(--radius-pill)}.menu-btn:hover{background: var(--surface-sunk)}.menu-btn span{display: block;width: 18px;height: 2px;background: var(--text);border-radius: 2px;transition: transform var(--dur-base) var(--ease-out),opacity var(--dur-fast)}.header.nav-open .menu-btn span:nth-child(1){transform: translateY(7px) rotate(45deg)}.header.nav-open .menu-btn span:nth-child(2){opacity: 0}.header.nav-open .menu-btn span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.header.nav-open .nav{display: flex;flex-direction: column;gap: 0;position: absolute;top: 100%;left: 0;right: 0;margin: 0;background: var(--surface);padding: var(--space-2) var(--gutter) var(--space-4);border-bottom: 1px solid var(--border);box-shadow: var(--shadow-md)}.header.nav-open .nav a{padding: var(--space-3) 0;font-size: var(--text-base);border-bottom: 1px solid var(--border);border-radius: 0}.header.nav-open .nav a.active::after{display: none}.header.nav-open .nav a.active{color: var(--accent)}@media (min-width: 48em){.logo img{height: 2.25rem}.nav{display: flex}.hdr-search{display: block}.cart-btn{padding: 0 var(--space-4);border-color: var(--border-strong)}.cart-text{display: inline}.cart-badge{position: static;box-shadow: none}.menu-btn{display: none}}.hero{margin-top: var(--space-4);padding: var(--space-6) var(--space-5) var(--space-8);background: var(--surface-alt);border: 1px solid var(--border);border-radius: var(--radius-xl);overflow: hidden}.hero-dt{display: none}.hero-mb{display: block}.hero-logo-wrap{text-align: center}.hero-logo-wrap[hidden]{display: none}.hero-logo{display: block;width: auto;max-width: min(52vw,12rem);max-height: 8rem;height: auto;margin: 0 auto var(--space-4)}.eyebrow{font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .12em;text-transform: uppercase;color: var(--accent);margin-bottom: var(--space-3)}.hero h1,.hero-title{font-size: var(--text-3xl);font-weight: var(--weight-bold);line-height: var(--leading-tight);text-align: center;margin-bottom: var(--space-5);text-wrap: balance}.hero h1 span,.hero-title span{color: var(--accent)}.hero p{color: var(--text-muted);font-size: var(--text-lg);max-width: 34rem;margin-bottom: var(--space-6)}.hero-acc{display: flex;flex-wrap: wrap;gap: var(--space-3)}.mif-cw{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-2);margin-bottom: var(--space-5)}.mif-sep{flex-basis: 100%;height: var(--space-1)}.mif-chip{display: inline-flex;align-items: center;min-height: var(--touch);padding: 0 var(--space-4);border-radius: var(--radius-pill);background: var(--surface);border: 1px solid var(--border-strong);color: var(--text);font-size: var(--text-sm);font-weight: var(--weight-medium);white-space: nowrap;transition: background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.mif-chip:hover{border-color: var(--text)}.mif-chip.active{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.mif-chip-dash{border-style: dashed;color: var(--text-muted)}.mif-chip-dash.active{border-style: solid;color: var(--on-accent)}.mif-x{margin-left: var(--space-2);font-weight: var(--weight-bold)}.mif-chip small{opacity: .7;margin-left: var(--space-1)}.mif-cta{width: 100%}.mif-back{background: none;border: 0;min-height: var(--touch);color: var(--accent);font-size: var(--text-sm);font-weight: var(--weight-semibold);padding: 0;margin-bottom: var(--space-2)}.mif-empty{color: var(--text-muted);text-align: center}@media (min-width: 48em){.hero{margin-top: var(--space-6);padding: var(--space-12)}.hero-dt{display: grid;grid-template-columns: 1.15fr .85fr;gap: var(--space-10);align-items: center}.hero-mb{display: none}.hero h1,.hero-title{text-align: left;font-size: var(--text-hero)}.hero-dt .hero-logo{max-width: min(100%,22rem);max-height: 14rem;margin: 0 0 0 auto}.hero-dt.sin-logo{grid-template-columns: 1fr}}.datos,.featured,.brands-strip,.why-section{margin-top: var(--section-gap)}.categories{margin-top: var(--space-4)}.datos{margin-top: var(--space-8)}.section-title{font-size: var(--text-2xl);font-weight: var(--weight-bold);line-height: var(--leading-tight);margin-bottom: var(--space-2);text-wrap: balance}.section-sub{font-size: var(--text-sm);color: var(--text-muted)}.sec-head{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--space-4);margin-bottom: var(--space-6)}.sec-head .section-title{margin-bottom: 0}.sec-link{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--accent);white-space: nowrap;padding: var(--space-2) 0}.sec-link:hover{text-decoration: underline;text-underline-offset: 4px}@media (min-width: 48em){.section-title{font-size: var(--text-3xl)}}.cat-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3)}.cat-card{position: relative;display: flex;flex-direction: column;justify-content: flex-start;gap: var(--space-6);min-height: 7.5rem;padding: var(--space-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);transition: border-color var(--dur-base) var(--ease-std),box-shadow var(--dur-base) var(--ease-std)}.cat-card::after{content: '';position: absolute;right: var(--space-4);bottom: var(--space-4);width: 20px;height: 20px;background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");transition: transform var(--dur-base) var(--ease-out)}.cat-card:hover{border-color: var(--text);box-shadow: var(--shadow-sm)}.cat-card:hover::after{transform: translateX(4px)}.cat-emoji{display: none}.cat-txt{display: block}.cat-name{display: block;font-family: var(--font-display);font-size: var(--text-lg);font-weight: var(--weight-semibold);letter-spacing: var(--tracking-display);line-height: var(--leading-snug)}.cat-count{display: block;margin-top: var(--space-1);font-size: var(--text-sm);color: var(--text-muted)}@media (min-width: 64em){.cat-grid{grid-template-columns: repeat(4,1fr);gap: var(--space-4)}.cat-card{min-height: 9rem;padding: var(--space-5)}.cat-card::after{right: var(--space-5);bottom: var(--space-5)}}.datos{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-6);padding: var(--space-4) 0;border-block: 1px solid var(--border);font-size: var(--text-sm);color: var(--text-muted)}.datos b{color: var(--text);font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums}.products-row,.products-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3)}.products-row .product-card:nth-child(n+7){display: none}@media (min-width: 48em){.products-row,.products-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-4)}.products-row .product-card:nth-child(n+7){display: flex}}@media (min-width: 64em){.products-row{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--space-5)}}.product-card{display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;cursor: pointer;transition: border-color var(--dur-base) var(--ease-std),box-shadow var(--dur-base) var(--ease-std),transform var(--dur-base) var(--ease-out)}.product-card:hover{border-color: var(--border-strong);box-shadow: var(--shadow-md);transform: translateY(-2px)}.card-img-wrap{position: relative;aspect-ratio: 1 / 1;background: var(--surface);overflow: hidden}.card-img-wrap img{position: absolute;inset: 0;max-width: none;width: 100%;height: 100%;padding: var(--space-4);object-fit: contain;transition: transform var(--dur-slow) var(--ease-out)}.product-card:hover .card-img-wrap img{transform: scale(1.03)}.prot-pill{position: absolute;top: var(--space-3);right: var(--space-3);z-index: 2;padding: 2px var(--space-2);border-radius: var(--radius-pill);background: var(--surface-alt);border: 1px solid var(--border);color: var(--text-muted);font-size: 0.6875rem;font-weight: var(--weight-semibold);line-height: 1.5}.card-body{flex: 1;display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-3) var(--space-4) 0}.card-marca{font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .06em;text-transform: uppercase;color: var(--text-subtle)}.card-nombre{font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: var(--leading-snug);color: var(--text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.card-calidad{font-size: var(--text-xs);color: var(--text-muted)}.card-match{width: fit-content;margin-top: var(--space-1);padding: 2px var(--space-2);border-radius: var(--radius-sm);background: var(--accent-soft);color: var(--accent-ink);font-size: var(--text-xs);font-weight: var(--weight-medium)}.card-pres-chips{display: flex;flex-wrap: wrap;gap: var(--space-1);margin-top: var(--space-2)}.card-pres-btn{min-height: 1.75rem;padding: 0 var(--space-2);border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-xs);color: var(--text-muted);line-height: 1;transition: border-color var(--dur-fast),background-color var(--dur-fast),color var(--dur-fast)}.card-pres-btn:hover{border-color: var(--text)}.card-pres-btn.selected{border-color: var(--accent);background: var(--accent-soft);color: var(--accent-ink);font-weight: var(--weight-semibold)}.card-actions{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-2);padding: var(--space-3) var(--space-4) var(--space-4)}.card-precio{font-size: var(--text-lg);font-weight: var(--weight-bold);letter-spacing: -0.01em}.card-precio small{font-size: var(--text-xs);color: var(--text-subtle);font-weight: var(--weight-regular)}.btn-add{margin-left: auto}@media (max-width: 25em){.card-actions{flex-direction: column;align-items: stretch}.btn-add{margin-left: 0;width: 100%}}.cpb-stock{display: block;font-size: 0.625rem;font-weight: var(--weight-semibold);color: var(--warning);line-height: 1.2}.cpb-stock.agotado{color: var(--danger)}.card-pres-btn.agotado,.pres-btn.agotado{opacity: .55;cursor: not-allowed;background: var(--surface-sunk);border-color: var(--border) !important}.card-pres-btn.agotado .cpb-peso,.pres-btn.agotado .pres-precio{text-decoration: line-through;color: var(--text-subtle)}.product-card.card-agotado .card-img-wrap img{filter: grayscale(1);opacity: .55}.brands-marquee{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-5)}.brand-pill{min-height: 2.25rem;display: inline-flex;align-items: center;padding: 0 var(--space-4);border: 1px solid var(--border-strong);background: var(--surface);border-radius: var(--radius-pill);font-size: var(--text-sm);color: var(--text-muted);transition: border-color var(--dur-fast),color var(--dur-fast)}a.brand-pill:hover{border-color: var(--text);color: var(--text)}.why-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-4);margin-top: var(--space-5)}.why-card{padding: var(--space-6);background: var(--surface-alt);border: 1px solid var(--border);border-radius: var(--radius-lg)}.why-card h3{font-size: var(--text-lg);font-weight: var(--weight-semibold);margin-bottom: var(--space-2)}.why-card p{font-size: var(--text-sm);color: var(--text-muted)}@media (min-width: 40em){.why-grid{grid-template-columns: 1fr 1fr}}@media (min-width: 64em){.why-grid{grid-template-columns: repeat(var(--n,4),1fr)}}.cta-band{margin-top: var(--section-gap);padding: var(--space-8) var(--space-6);background: var(--accent);color: var(--on-accent);border-radius: var(--radius-xl);display: grid;gap: var(--space-5);justify-items: start}.cta-band h2{font-size: var(--text-2xl);font-weight: var(--weight-bold);max-width: 30rem;text-wrap: balance}.cta-band p{color: rgba(255,255,255,.88);max-width: 30rem;margin-top: var(--space-2)}@media (min-width: 48em){.cta-band{grid-template-columns: 1fr auto;column-gap: var(--space-8);row-gap: 0;align-items: center;padding: var(--space-12)}.cta-band h2{grid-column: 1;font-size: var(--text-3xl)}.cta-band p{grid-column: 1}.cta-white{grid-column: 2;grid-row: 1 / span 2}}.catalog-top{display: flex;align-items: baseline;flex-wrap: wrap;gap: var(--space-1) var(--space-4);padding: var(--space-8) 0 var(--space-5)}.catalog-top h1{font-size: var(--text-3xl);font-weight: var(--weight-bold);line-height: var(--leading-tight)}.catalog-top p{flex-basis: 100%;font-size: var(--text-sm);color: var(--text-muted);order: 3}.filter-mobile-toggle{display: none}.catalog-layout{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);padding-bottom: var(--space-8);align-items: start}.catalog-main{min-width: 0}.filters-panel{display: none}.filter-group{padding: var(--space-4) 0;border-top: 1px solid var(--border)}.filter-group:first-child{border-top: 0;padding-top: 0}.filter-group>label{display: block;margin-bottom: var(--space-2);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text-subtle)}.filter-chips{display: flex;flex-direction: column}.chip{display: flex;align-items: center;gap: var(--space-3);width: 100%;min-height: 2rem;padding: var(--space-1) 0;border: 0;background: none;text-align: left;font-size: var(--text-sm);color: var(--text)}.chip::before{content: '';flex: 0 0 1rem;width: 1rem;height: 1rem;border: 1.5px solid var(--border-strong);border-radius: var(--radius-sm);background: var(--surface) center / 0.75rem no-repeat;transition: background-color var(--dur-fast),border-color var(--dur-fast)}.chip:hover::before{border-color: var(--text)}.chip.active::before{background-color: var(--accent);border-color: var(--accent);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2.5 6.5 5 9 9.5 3.5'/%3E%3C/svg%3E")}.chip.active{font-weight: var(--weight-semibold)}.chip small{margin-left: auto;color: var(--text-subtle);font-size: var(--text-xs);font-variant-numeric: tabular-nums}.filter-chips:not(.abierto) .chip-extra:not(.active){display: none}.filter-more{background: none;border: 0;padding: var(--space-2) 0 0;text-align: left;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--accent);min-height: 2rem}.filter-more:hover{text-decoration: underline;text-underline-offset: 3px}.filter-select,.sort-select{min-height: var(--touch);padding: 0 2.25rem 0 var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface) no-repeat right 14px center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357534E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");appearance: none;-webkit-appearance: none;font: inherit;font-size: var(--text-sm);color: var(--text);transition: border-color var(--dur-fast)}.filter-select{width: 100%;border-radius: var(--radius-md)}.filter-select:hover,.sort-select:hover{border-color: var(--text)}.btn-clear{width: 100%;margin-top: var(--space-2)}.search-bar{position: relative;margin-bottom: var(--space-4)}.search-input{width: 100%;min-height: 3rem;padding: 0 var(--space-5) 0 2.75rem;border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center;font: inherit;font-size: var(--text-base);color: var(--text);transition: border-color var(--dur-fast),box-shadow var(--dur-fast)}.search-input::placeholder{color: var(--text-subtle)}.search-input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-soft)}.search-sug{position: absolute;top: calc(100% + var(--space-2));left: 0;right: 0;z-index: 60;max-height: 70vh;overflow-y: auto;padding: var(--space-2);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg)}.sug-item{display: flex;align-items: center;gap: var(--space-3);width: 100%;min-height: var(--touch);padding: var(--space-2) var(--space-3);border: 0;border-radius: var(--radius-md);background: none;text-align: left;font: inherit;color: var(--text)}.sug-item:hover,.sug-item.activo{background: var(--surface-sunk)}.sug-item img{width: 2.75rem;height: 2.75rem;flex: 0 0 2.75rem;object-fit: contain}.sug-txt{display: flex;flex-direction: column;min-width: 0}.sug-nom{font-size: var(--text-sm);line-height: var(--leading-snug);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.sug-det{font-size: var(--text-xs);color: var(--text-muted);font-weight: var(--weight-semibold)}.sug-marca{font-size: var(--text-sm);color: var(--text-muted)}.sug-todos{justify-content: center;font-weight: var(--weight-semibold);color: var(--accent)}.sug-vacio{padding: var(--space-4);font-size: var(--text-sm);color: var(--text-muted)}.search-nota{margin-bottom: var(--space-3);font-size: var(--text-sm);color: var(--text-muted)}.search-nota b{color: var(--text)}.catalog-toolbar{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-3);margin-bottom: var(--space-4)}.catalog-count{font-size: var(--text-sm);color: var(--text-muted)}.catalog-count strong{color: var(--text);font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums}.sort-select{max-width: 60%}.no-results{grid-column: 1 / -1;padding: var(--space-16) var(--space-6);text-align: center;color: var(--text-muted);background: var(--surface-alt);border-radius: var(--radius-lg)}.no-results .emoji{display: none}.catalog-loading{grid-column: 1 / -1;padding: var(--space-12) 0;text-align: center;color: var(--text-muted)}#np-mf-activos{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-4)}#np-mf-activos[hidden]{display: none}.np-mf-pill{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 2.25rem;padding: 0 var(--space-3) 0 var(--space-4);border: 1px solid var(--accent);border-radius: var(--radius-pill);background: var(--accent-soft);color: var(--accent-ink);font-size: var(--text-sm);font-weight: var(--weight-medium);font-family: inherit}.np-mf-pill span{font-weight: var(--weight-regular)}.np-mf-pill:hover{background: var(--surface)}.np-mf-pill-todo{border-color: var(--border-strong);background: var(--surface);color: var(--text-muted);padding: 0 var(--space-4)}.np-mf-pill-todo:hover{color: var(--text);border-color: var(--text)}.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-10)}.page-btn{min-width: var(--touch);height: var(--touch);padding: 0 var(--space-3);display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;transition: border-color var(--dur-fast),background-color var(--dur-fast)}.page-btn:hover:not(:disabled){border-color: var(--text)}.page-btn.active{background: var(--text);border-color: var(--text);color: var(--bg)}.page-btn:disabled{opacity: .4;cursor: default}@media (min-width: 56.25em){.catalog-layout{grid-template-columns: 15rem minmax(0,1fr);gap: var(--space-10)}.filters-panel{scrollbar-width: thin;scrollbar-color: var(--border-strong) transparent;display: block;position: sticky;top: calc(var(--header-h) + var(--space-4));max-height: calc(100vh - var(--header-h) - var(--space-8));overflow-y: auto;padding-right: var(--space-2)}.products-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 75em){.products-grid{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--space-5)}}.modal-overlay{position: fixed;inset: 0;z-index: var(--z-modal);display: flex;align-items: flex-end;justify-content: center;background: var(--scrim);opacity: 0;visibility: hidden;transition: opacity var(--dur-base),visibility var(--dur-base);overflow-y: auto}.modal-overlay.open{opacity: 1;visibility: visible}.modal{width: 100%;max-width: 52.5rem;max-height: 92vh;overflow-y: auto;background: var(--surface);border-radius: var(--radius-xl) var(--radius-xl) 0 0;box-shadow: var(--shadow-lg);transform: translateY(24px);transition: transform var(--dur-base) var(--ease-out)}.modal-overlay.open .modal{transform: none}.modal-close{position: fixed !important;top: var(--space-4) !important;right: var(--space-4) !important;left: auto !important;z-index: 10;display: flex;align-items: center;justify-content: center;width: var(--touch);height: var(--touch);border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface);box-shadow: var(--shadow-xs);font-size: var(--text-base);transition: background-color var(--dur-fast)}.modal-close:hover{background: var(--surface-sunk)}.modal-header{display: grid;grid-template-columns: 1fr}.modal-img{height: 15rem;background: var(--surface);border-bottom: 1px solid var(--border)}.modal-img img{width: 100%;height: 100%;object-fit: contain;padding: var(--space-5)}.modal-intro{padding: var(--space-6)}.modal-marca{margin-bottom: var(--space-1);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text-subtle)}.modal-nombre{margin-bottom: var(--space-3);font-size: var(--text-2xl);font-weight: var(--weight-bold);line-height: var(--leading-tight)}.modal-badges{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-5)}.badge{padding: 2px var(--space-3);border-radius: var(--radius-pill);background: var(--surface-sunk);color: var(--text-muted);font-size: var(--text-xs);font-weight: var(--weight-medium)}.badge-calidad{background: var(--accent-soft);color: var(--accent-ink)}.badge-edad{background: var(--success-soft);color: var(--success)}.badge-especial{background: var(--warning-soft);color: var(--warning)}.modal-presentaciones{margin-bottom: var(--space-5)}.modal-presentaciones h4{margin-bottom: var(--space-2);font-family: var(--font-text);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text-subtle)}.pres-list{display: flex;flex-wrap: wrap;gap: var(--space-2)}.pres-btn{min-height: var(--touch);padding: var(--space-2) var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-md);background: var(--surface);text-align: center;transition: border-color var(--dur-fast),background-color var(--dur-fast)}.pres-btn:hover:not(:disabled){border-color: var(--text)}.pres-btn.selected{border-color: var(--accent);background: var(--accent-soft);box-shadow: inset 0 0 0 1px var(--accent)}.pres-peso{font-size: var(--text-sm);font-weight: var(--weight-semibold)}.pres-precio{font-size: var(--text-sm);color: var(--text-muted)}.pres-unidad{font-size: var(--text-xs);color: var(--text-subtle)}.modal-desc{margin-bottom: var(--space-5);color: var(--text-muted);font-size: var(--text-sm);white-space: pre-line}.modal-tabs{display: flex;gap: var(--space-1);padding: 0 var(--space-6);border-bottom: 1px solid var(--border);overflow-x: auto;scrollbar-width: none}.modal-tab{min-height: var(--touch);padding: 0 var(--space-4);margin-bottom: -1px;border: 0;border-bottom: 2px solid transparent;background: none;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--text-muted);white-space: nowrap;transition: color var(--dur-fast),border-color var(--dur-fast)}.modal-tab:hover{color: var(--text)}.modal-tab.active{color: var(--accent);border-bottom-color: var(--accent);font-weight: var(--weight-semibold)}.modal-content{padding: var(--space-5) var(--space-6) var(--space-8)}.tab-panel{display: none}.tab-panel.active{display: block}.data-table{width: 100%;border-collapse: collapse;font-size: var(--text-sm)}.data-table th{padding: var(--space-2) var(--space-3);text-align: left;font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .06em;text-transform: uppercase;color: var(--text-subtle);border-bottom: 1px solid var(--border-strong)}.data-table td{padding: var(--space-3);border-bottom: 1px solid var(--border)}.data-table td:first-child{color: var(--text-muted)}.ingred-list{list-style: none;display: flex;flex-wrap: wrap;gap: var(--space-2)}.ingred-tag{padding: var(--space-1) var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm)}.ingred-tag.bueno{border-color: var(--success);color: var(--success);background: var(--success-soft)}.ingred-tag.moderado{border-color: var(--warning);color: var(--warning);background: var(--warning-soft)}.ingred-tag.malo{border-color: var(--danger);color: var(--danger);background: var(--danger-soft)}@media (min-width: 48em){.modal-overlay{align-items: center;padding: var(--space-6)}.modal{border-radius: var(--radius-xl);max-height: 90vh}.modal-header{grid-template-columns: 17rem 1fr;min-height: 18rem}.modal-img{height: auto;border-bottom: 0;border-right: 1px solid var(--border)}}.cart-overlay{position: fixed;inset: 0;z-index: var(--z-cart-overlay);background: var(--scrim);opacity: 0;visibility: hidden;transition: opacity var(--dur-base),visibility var(--dur-base)}.cart-overlay.open{opacity: 1;visibility: visible}.cart-sidebar{position: fixed;top: 0;right: 0;bottom: 0;z-index: var(--z-cart);display: flex;flex-direction: column;width: min(100%,26rem);background: var(--surface);box-shadow: var(--shadow-lg);transform: translateX(100%);visibility: hidden;transition: transform var(--dur-base) var(--ease-out),visibility var(--dur-base)}.cart-sidebar.open{transform: none;visibility: visible}.cart-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-4) var(--space-5);border-bottom: 1px solid var(--border)}.cart-header h2{font-size: var(--text-lg);font-weight: var(--weight-semibold)}.cart-close{display: flex;align-items: center;justify-content: center;width: var(--touch);height: var(--touch);margin-right: calc(-1 * var(--space-2));border: 0;border-radius: var(--radius-pill);background: none;font-size: var(--text-lg);color: var(--text-muted)}.cart-close:hover{background: var(--surface-sunk);color: var(--text)}.cart-items{flex: 1;overflow-y: auto;padding: var(--space-2) var(--space-5)}.cart-empty{padding: var(--space-16) 0;text-align: center;color: var(--text-muted)}.cart-empty .emoji{display: none}.cart-item{display: grid;grid-template-columns: 4.5rem 1fr;gap: var(--space-4);padding: var(--space-4) 0;border-bottom: 1px solid var(--border)}.cart-item img{width: 4.5rem;height: 4.5rem;object-fit: contain;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface)}.cart-item-nombre{font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}.cart-item-peso{font-size: var(--text-xs);color: var(--text-muted);margin-top: 2px}.cart-item-precio{margin-top: var(--space-1);font-weight: var(--weight-bold);font-variant-numeric: tabular-nums}.cart-item-controls{display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-2)}.qty-btn{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-lg);line-height: 1;transition: border-color var(--dur-fast)}.qty-btn:hover{border-color: var(--text)}.qty-val{min-width: 1.5rem;text-align: center;font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums}.cart-remove,.cl-remove{min-height: 2.25rem;padding: 0 var(--space-2);border: 0;background: none;font-size: var(--text-xs);color: var(--text-muted);text-decoration: underline;text-underline-offset: 3px}.cart-remove{margin-left: auto}.cart-remove:hover,.cl-remove:hover{color: var(--danger)}.cart-footer{padding: var(--space-4) var(--space-5) var(--space-5);border-top: 1px solid var(--border)}.cart-subtotal{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: var(--space-4)}.cart-subtotal .label{font-size: var(--text-sm);color: var(--text-muted)}.cart-subtotal .amount{font-size: var(--text-2xl);font-weight: var(--weight-bold);letter-spacing: -0.01em}.cart-continue{margin-top: var(--space-2)}.cart-page-layout{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);padding-bottom: var(--space-8);align-items: start}.cart-empty-page{grid-column: 1 / -1;padding: var(--space-16) var(--space-6);text-align: center;color: var(--text-muted);background: var(--surface-alt);border-radius: var(--radius-lg)}.cart-empty-page .emoji{display: none}.cart-empty-page h2{margin-bottom: var(--space-2);font-size: var(--text-2xl);color: var(--text)}.cart-empty-page a{margin-top: var(--space-6)}.cart-box{border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;background: var(--surface)}.cart-box-header{padding: var(--space-4) var(--space-5);border-bottom: 1px solid var(--border);font-size: var(--text-sm);font-weight: var(--weight-semibold)}.cart-line{display: grid;grid-template-columns: 4.5rem 1fr;gap: var(--space-4);padding: var(--space-5);border-bottom: 1px solid var(--border);align-items: start}.cart-line:last-child{border-bottom: 0}.cart-line img{width: 4.5rem;height: 4.5rem;object-fit: contain;border: 1px solid var(--border);border-radius: var(--radius-md)}.cart-line>div:last-child{grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-3);text-align: left !important}.cl-nombre{font-size: var(--text-sm);font-weight: var(--weight-semibold);line-height: var(--leading-snug)}.cl-peso{margin-top: 2px;font-size: var(--text-xs);color: var(--text-muted)}.cl-precio{margin-top: var(--space-1);font-size: var(--text-sm);color: var(--text-muted);font-variant-numeric: tabular-nums}.cl-qty{display: flex;align-items: center;gap: var(--space-2)}.cl-total{min-width: 5rem;font-size: var(--text-lg);font-weight: var(--weight-bold);text-align: right}.cl-remove{display: block}.summary-box{padding: var(--space-6);border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface-alt)}.summary-box h2{margin-bottom: var(--space-4);font-size: var(--text-lg);font-weight: var(--weight-semibold)}.sum-row{display: flex;justify-content: space-between;padding: var(--space-3) 0;font-size: var(--text-sm);border-bottom: 1px solid var(--border);font-variant-numeric: tabular-nums}.sum-row.total{border: 0;padding-top: var(--space-4);font-size: var(--text-xl);font-weight: var(--weight-bold)}.summary-box p{margin-top: var(--space-3);font-size: var(--text-sm) !important;color: var(--text-muted) !important}.summary-box p:first-of-type{color: var(--success) !important;font-weight: var(--weight-medium)}.summary-box strong{color: var(--success) !important}.whatsapp-btn{margin-top: var(--space-5)}.btn-keep-buying{margin-top: var(--space-2)}@media (min-width: 56.25em){.cart-page-layout{grid-template-columns: minmax(0,1fr) 22rem;gap: var(--space-8)}.summary-box{position: sticky;top: calc(var(--header-h) + var(--space-4))}.cart-line{grid-template-columns: 5rem 1fr auto}.cart-line>div:last-child{grid-column: auto;display: block;text-align: right !important}.cl-qty{justify-content: flex-end}.cl-remove{margin-left: auto}}.toast-container{position: fixed;bottom: 5.5rem;left: 50%;transform: translateX(-50%);z-index: var(--z-toast);display: flex;flex-direction: column;align-items: center;gap: var(--space-2);width: max-content;max-width: calc(100% - 2 * var(--gutter));pointer-events: none}.toast{padding: var(--space-3) var(--space-5);border-radius: var(--radius-pill);background: var(--ink);color: var(--on-ink);font-size: var(--text-sm);font-weight: var(--weight-medium);box-shadow: var(--shadow-lg);animation: np-toast var(--dur-base) var(--ease-out)}.toast.success{background: var(--success)}.toast.error{background: var(--danger)}@keyframes np-toast{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}@media (min-width: 48em){.toast-container{bottom: var(--space-6)}}footer{margin-top: var(--section-gap);padding: var(--space-12) var(--gutter) var(--space-6);background: var(--surface-alt);border-top: 1px solid var(--border);font-size: var(--text-sm);color: var(--text-muted)}.footer-inner{max-width: var(--container);margin: 0 auto var(--space-8);display: grid;grid-template-columns: 1fr;gap: var(--space-8)}.footer-brand .logo{margin-bottom: var(--space-3)}.footer-brand .logo img{height: 2rem}.footer-brand p{max-width: 20rem}.footer-col h4{margin-bottom: var(--space-3);font-family: var(--font-text);font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text)}.footer-col ul{list-style: none}.footer-col li{margin-bottom: var(--space-2)}.footer-col a{transition: color var(--dur-fast)}.footer-col a:hover{color: var(--text);text-decoration: underline;text-underline-offset: 3px}.footer-bottom{max-width: var(--container);margin: 0 auto;padding-top: var(--space-5);border-top: 1px solid var(--border);font-size: var(--text-xs);color: var(--text-subtle)}.footer-bottom a{text-decoration: underline;text-underline-offset: 3px}@media (min-width: 40em){.footer-inner{grid-template-columns: repeat(2,1fr)}}@media (min-width: 64em){.footer-inner{grid-template-columns: 1.4fr 1fr 1fr 1.3fr}}.wa-flotante{position: fixed;right: var(--space-3);bottom: var(--space-3);z-index: var(--z-fab);display: flex;align-items: center;justify-content: center;gap: var(--space-2);width: 3rem;height: 3rem;border-radius: var(--radius-pill);background: var(--whatsapp);color: #fff;font-size: var(--text-sm);font-weight: var(--weight-semibold);box-shadow: var(--shadow-md);transition: background-color var(--dur-fast),transform var(--dur-base) var(--ease-out)}.wa-flotante:hover{background: var(--whatsapp-hover);transform: translateY(-2px)}.wa-flotante svg{width: 1.5rem;height: 1.5rem;fill: #fff}.wa-flotante span{display: none}.np-fab{position: fixed;left: var(--space-3);bottom: var(--space-3);z-index: var(--z-fab);display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border: 0;border-radius: var(--radius-pill);background: var(--ink);color: #fff;font-size: var(--text-lg);box-shadow: var(--shadow-md);transition: transform var(--dur-base) var(--ease-out),background-color var(--dur-fast)}.np-fab:hover{transform: translateY(-2px);background: var(--accent)}.np-fab svg{width: 1.375rem;height: 1.375rem}@media (min-width: 48em){.wa-flotante{right: var(--space-6);bottom: var(--space-6);width: auto;height: 3rem;padding: 0 var(--space-5)}.wa-flotante span{display: inline}.np-fab{left: var(--space-6);bottom: var(--space-6)}}.np-mf-fab{display: none}.np-mf-fab[hidden]{display: none !important}.np-mf-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 1.25rem;height: 1.25rem;margin-left: var(--space-1);border-radius: var(--radius-pill);background: var(--on-accent);color: var(--accent);font-size: 0.6875rem;font-weight: var(--weight-bold)}.np-mf-badge[hidden]{display: none}.np-mf-activos{display: none}.np-mf-panel{position: fixed;inset: 0;z-index: var(--z-sheet);display: flex;flex-direction: column;background: var(--surface);transform: translateY(100%);opacity: 0;pointer-events: none;visibility: hidden;transition: transform var(--dur-slow) var(--ease-out),opacity var(--dur-base),visibility var(--dur-slow)}.np-mf-panel.np-mf-open{transform: none;opacity: 1;pointer-events: all;visibility: visible}.np-mf-header{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;padding: var(--space-4) var(--gutter);border-bottom: 1px solid var(--border)}#np-mf-title{font-family: var(--font-display);font-size: var(--text-lg);font-weight: var(--weight-semibold)}.np-mf-close{display: flex;align-items: center;justify-content: center;width: var(--touch);height: var(--touch);border: 0;border-radius: var(--radius-pill);background: var(--surface-sunk);font-size: var(--text-sm)}.np-mf-back-btn{min-height: var(--touch);padding: 0;border: 0;background: none;font-size: var(--text-base);font-weight: var(--weight-semibold);color: var(--accent)}.np-mf-limpiar{margin: 0 var(--space-3) 0 auto;min-height: var(--touch);border: 0;background: none;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--danger)}.np-mf-limpiar[hidden]{display: none}.np-mf-chips{flex: 1;display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;gap: var(--space-3);padding: var(--space-6) var(--gutter) var(--space-3);overflow-y: auto}.np-mf-chip{min-height: var(--touch);padding: 0 var(--space-5);border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm);font-weight: var(--weight-medium);white-space: nowrap;transition: background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.np-mf-chip:active{transform: scale(.97)}.np-mf-chip.active{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.np-mf-sep{flex-basis: 100%;height: 0}.np-mf-lab,.mif-lab{flex-basis: 100%;margin-top: var(--space-2);text-align: center;font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text-subtle)}.np-mf-chip-marca{border-style: dashed}.np-mf-chip-marca.active{border-style: solid}.np-mf-chip small{margin-left: var(--space-1);opacity: .7}.np-mf-chip-quitar{border-color: var(--danger);color: var(--danger)}.np-mf-x{margin-left: var(--space-2);padding: 0 2px;font-weight: var(--weight-bold)}.np-mf-foot{flex-shrink: 0;padding: var(--space-4) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom));border-top: 1px solid var(--border)}.np-mf-btn{width: 100%;min-height: 3.25rem}@media (max-width: 47.99em){.np-mf-fab{position: fixed;left: 50%;bottom: var(--space-3);transform: translateX(-50%);z-index: var(--z-fab);display: flex;align-items: center;gap: var(--space-2);min-height: 3rem;padding: 0 var(--space-5);border: 0;border-radius: var(--radius-pill);background: var(--accent);color: var(--on-accent);font-size: var(--text-sm);font-weight: var(--weight-semibold);box-shadow: var(--shadow-md);transition: background-color var(--dur-fast)}.np-mf-fab:active{background: var(--accent-hover)}.np-mf-activos{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-4)}.np-mf-activos[hidden]{display: none}.filters-panel,.filter-mobile-toggle{display: none !important}}.legal{max-width: 46rem;margin-block: var(--space-8) 0;padding: 0}.legal h1{font-size: var(--text-3xl);font-weight: var(--weight-bold);margin-bottom: var(--space-2)}.legal .fecha{margin-bottom: var(--space-8);font-size: var(--text-sm);color: var(--text-muted)}.legal h2{margin: var(--space-8) 0 var(--space-2);font-size: var(--text-xl);font-weight: var(--weight-semibold)}.legal p,.legal li{color: var(--text-muted);max-width: 68ch}.legal p{margin-bottom: var(--space-3)}.legal ul{padding-left: var(--space-5);margin: var(--space-2) 0 var(--space-3)}.legal li{margin-bottom: var(--space-2)}.legal strong{color: var(--text);font-weight: var(--weight-semibold)}.legal a{color: var(--accent);text-decoration: underline;text-underline-offset: 3px}body .seo-wrap{padding: var(--space-4) 0 0}body .crumbs{margin-bottom: var(--space-4);font-size: var(--text-sm);color: var(--text-subtle)}body .crumbs a{color: var(--text-muted);text-decoration: none}body .crumbs a:hover{color: var(--text);text-decoration: underline;text-underline-offset: 3px}body .crumbs span{margin: 0 var(--space-2)}body .seo-wrap h1{font-size: var(--text-3xl);font-weight: var(--weight-bold);line-height: var(--leading-tight);margin: 0 0 var(--space-3)}body .prod{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);padding: 0;background: none;border: 0;border-radius: 0;align-items: start}body .prod-img{aspect-ratio: 1 / 1;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-xl)}body .prod-img img{padding: var(--space-6)}body .prod h1{font-size: var(--text-3xl);margin: var(--space-1) 0 var(--space-3)}body .prod .marca{font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;color: var(--text-subtle)}body .prod .marca a:hover{color: var(--accent)}body .badges{gap: var(--space-2);margin: var(--space-3) 0 var(--space-5)}body .pill{padding: 2px var(--space-3);background: var(--surface-sunk);color: var(--text-muted);font-size: var(--text-xs);font-weight: var(--weight-medium)}body .pres{gap: var(--space-2);margin: var(--space-2) 0 var(--space-5)}body .pres button{min-height: var(--touch);padding: var(--space-2) var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-md);background: var(--surface);transition: border-color var(--dur-fast),background-color var(--dur-fast)}body .pres button:hover:not([disabled]){border-color: var(--text)}body .pres button.sel{border-color: var(--accent);background: var(--accent-soft);box-shadow: inset 0 0 0 1px var(--accent)}body .pres b{font-size: var(--text-sm)}body .pres span{font-size: var(--text-base);font-weight: var(--weight-bold);color: var(--text);font-variant-numeric: tabular-nums}body .pres small{font-size: var(--text-xs);color: var(--text-muted)}body .acciones{gap: var(--space-3);margin-bottom: var(--space-4)}body .acciones .btn-add,body .acciones .btn-wa{min-height: 3rem;padding: 0 var(--space-6);border-radius: var(--radius-pill);font-size: var(--text-sm)}body .btn-wa{background: var(--whatsapp);color: #fff}body .envio-nota{font-size: var(--text-sm);color: var(--text-muted)}body .sec{margin-top: var(--space-6);padding: var(--space-6) 0 0;background: none;border: 0;border-top: 1px solid var(--border);border-radius: 0}body .sec h2{margin-bottom: var(--space-4);font-size: var(--text-xl);font-weight: var(--weight-semibold)}body table.t{font-size: var(--text-sm)}body .t td,body .t th{padding: var(--space-3);border-bottom: 1px solid var(--border)}body .t th{font-size: var(--text-xs);letter-spacing: .06em;text-transform: uppercase;color: var(--text-subtle);border-bottom-color: var(--border-strong)}body .t td:first-child{color: var(--text-muted);font-weight: var(--weight-medium)}body .ingr li{padding: var(--space-1) var(--space-3);background: var(--surface);border: 1px solid var(--border);font-size: var(--text-sm)}body .grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);margin-top: var(--space-5)}body .card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);transition: border-color var(--dur-base),box-shadow var(--dur-base),transform var(--dur-base) var(--ease-out)}body .card:hover{border-color: var(--border-strong);box-shadow: var(--shadow-md);transform: translateY(-2px)}body .card .im{background: var(--surface);border-bottom: 0}body .card .im img{padding: var(--space-4)}body .card .bd{padding: var(--space-3) var(--space-4) var(--space-4)}body .card .m{font-size: var(--text-xs);letter-spacing: .06em;text-transform: uppercase;color: var(--text-subtle)}body .card .n{margin: var(--space-1) 0 var(--space-2);font-size: var(--text-sm)}body .card .p{font-size: var(--text-lg);font-weight: var(--weight-bold);color: var(--text)}body .card .s{font-size: var(--text-xs);color: var(--danger)}body .pag{gap: var(--space-2);margin: var(--space-10) 0 0}body .pag a,body .pag span{min-width: var(--touch);height: var(--touch);display: inline-flex;align-items: center;justify-content: center;padding: 0 var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm);font-weight: var(--weight-medium)}body .pag a:hover{border-color: var(--text)}body .pag .on{background: var(--text);border-color: var(--text);color: var(--bg)}body .intro{max-width: 46rem;margin: var(--space-2) 0;color: var(--text-muted);line-height: var(--leading-body)}body .intro a{color: var(--accent) !important;text-decoration: underline;text-underline-offset: 3px}body .chips-m{gap: var(--space-2);margin-top: var(--space-5)}body .chips-m a{min-height: 2.25rem;display: inline-flex;align-items: center;padding: 0 var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm);color: var(--text-muted)}body .chips-m a:hover{border-color: var(--text);color: var(--text)}@media (min-width: 48em){body .grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-4)}body .prod{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--space-12)}body .prod-img{position: sticky;top: calc(var(--header-h) + var(--space-4))}}@media (min-width: 64em){body .grid{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 47.99em){body .acciones{flex-direction: column}body .acciones .btn-add,body .acciones .btn-wa{width: 100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.product-card:hover,body .card:hover,.wa-flotante:hover,.np-fab:hover{transform: none}}.filter-mobile-toggle{margin-left: auto;min-height: 2.25rem;padding: 0 var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface);font-size: var(--text-sm);font-weight: var(--weight-semibold)}@media (min-width: 48em) and (max-width: 56.24em){.filter-mobile-toggle{display: inline-flex;align-items: center}.filters-panel.mobile-open{display: block}}.card-precio.sin-precio{font-size: var(--text-sm);font-weight: var(--weight-semibold);color: var(--accent-ink)}body:has(.modal-overlay.open) .np-mf-fab{display: none}.card-ejes{display: grid;gap: 2px;margin-top: var(--space-2);font-size: var(--text-xs);color: var(--text-muted)}.card-eje b{font-weight: var(--weight-semibold);color: var(--text);margin-right: 2px}.modal-eje + .modal-eje{margin-top: var(--space-3)}.modal-eje h4{margin: 0 0 var(--space-2)}.modal-precio{margin-top: var(--space-3);font-size: var(--text-xl);font-weight: var(--weight-bold)}.modal-stock{font-size: var(--text-sm);color: var(--warning);min-height: 1.2em}.pres-btn.agotado{opacity: .45;text-decoration: line-through}.galeria-mini{display: flex;gap: var(--space-2);flex-wrap: wrap;margin-top: var(--space-2)}.galeria-mini img{width: 56px;height: 56px;object-fit: contain;border: 1px solid var(--border);border-radius: var(--radius-sm);background: #fff;cursor: pointer}.sec-lista{margin: 0;padding-left: 1.2em;display: grid;gap: 4px}.aviso-envios{display: flex;flex-wrap: wrap;gap: 6px 14px;align-items: center;justify-content: center}.aviso-envios .franja-sep{width: 4px;height: 4px;border-radius: 50%;background: currentColor;opacity: .5;display: inline-block}.bl{position: relative}.bl-sec{max-width: var(--container);margin: 0 auto;padding: var(--section-gap) var(--gutter) 0}.bl-head{display: flex;align-items: end;justify-content: space-between;gap: var(--space-4);margin-bottom: var(--space-6);flex-wrap: wrap}.bl-head h2{font-family: var(--font-display);font-size: var(--text-3xl);letter-spacing: var(--tracking-display);margin: 0;color: var(--text)}.bl-head p{margin: 4px 0 0;color: var(--text-muted)}.bl-hero{background: var(--surface-alt);border-bottom: 1px solid var(--border)}.bl-hero-in{max-width: var(--container);margin: 0 auto;padding: clamp(2.5rem,2rem + 4vw,5rem) var(--gutter);display: grid;gap: var(--space-10);grid-template-columns: minmax(0,1fr)}@media (min-width: 60em){.bl-hero:not(.sin-panel) .bl-hero-in{grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);align-items: center}}.bl-kicker{display: inline-flex;align-items: center;gap: 8px;font-size: var(--text-xs);font-weight: var(--weight-semibold);letter-spacing: .08em;text-transform: uppercase;color: var(--text-muted)}.bl-kicker i{width: 8px;height: 8px;border-radius: 50%;background: var(--accent)}.bl-hero h1{font-family: var(--font-display);font-size: var(--text-hero);line-height: 1.05;letter-spacing: var(--tracking-display);margin: var(--space-3) 0 var(--space-4);color: var(--text)}.bl-hero h1 em{font-style: normal;color: var(--accent)}.bl-bajada{font-size: var(--text-lg);color: var(--text-muted);max-width: 38rem;margin: 0 0 var(--space-6)}.bl-buscador{display: flex;gap: 8px;max-width: 40rem;padding: 6px;border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--border);box-shadow: var(--shadow-sm)}.bl-buscador input{flex: 1;min-width: 0;height: 48px;border: 0;padding: 0 14px;font-size: var(--text-base);background: transparent;color: var(--text)}.bl-buscador input:focus{outline: none}.bl-buscador button{height: 48px;padding: 0 22px;border: 0;border-radius: var(--radius-md);background: var(--accent);color: var(--on-accent);font-weight: var(--weight-bold)}.bl-sugeridos{display: flex;flex-wrap: wrap;gap: 8px;margin-top: var(--space-4);align-items: center}.bl-sugeridos span{color: var(--text-subtle);font-size: var(--text-sm)}.bl-sugeridos a{font-size: var(--text-sm);padding: 6px 12px;border-radius: var(--radius-pill);border: 1px solid var(--border);background: var(--surface);color: var(--text);text-decoration: none}.bl-hero-panel{display: grid;gap: var(--space-4);padding: var(--space-6);border-radius: var(--radius-xl);background: var(--surface);border: 1px solid var(--border)}.bl-hero-logo{width: 100%;max-width: 300px;height: auto;justify-self: center}.bl-cifras{display: grid;grid-template-columns: repeat(auto-fit,minmax(0,1fr));gap: 10px}.bl-cifra{text-align: center;padding: 12px 8px;border-radius: var(--radius-md);background: var(--surface-alt)}.bl-cifra b{display: block;font-family: var(--font-display);font-size: var(--text-2xl);color: var(--text)}.bl-cifra small{color: var(--text-muted);font-size: var(--text-xs)}@media (max-width: 59.99em){.bl-hero-logo{display: none}}.bl-beneficios{border-bottom: 1px solid var(--border);background: var(--surface)}.bl-beneficios-in{max-width: var(--container);margin: 0 auto;padding: var(--space-5) var(--gutter);display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit,minmax(13rem,1fr))}.bl-benef{display: flex;gap: 12px;align-items: center}.bl-benef svg{flex: none;width: 40px;height: 40px;padding: 9px;border-radius: 10px;color: var(--accent-ink);background: var(--accent-soft)}.bl-benef b{display: block;font-size: var(--text-sm);color: var(--text)}.bl-benef span{font-size: var(--text-xs);color: var(--text-muted)}.bl-rubros{display: grid;gap: 12px;grid-template-columns: repeat(2,minmax(0,1fr))}@media (min-width: 40em){.bl-rubros{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 64em){.bl-rubros{grid-template-columns: repeat(5,minmax(0,1fr))}}.bl-rubro{display: flex;flex-direction: column;gap: 10px;padding: 16px;min-height: 120px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);color: var(--text);text-decoration: none;transition: transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.bl-rubro:hover{transform: translateY(-2px);box-shadow: var(--shadow-md)}.bl-rubro svg{width: 32px;height: 32px;color: var(--accent)}.bl-rubro b{font-size: var(--text-sm);line-height: 1.25}.bl-rubro small{margin-top: auto;color: var(--text-subtle);font-size: var(--text-xs)}.bl-marcas{display: flex;flex-wrap: wrap;gap: 10px}.bl-marcas a{padding: 10px 16px;border-radius: var(--radius-md);background: var(--surface);border: 1px solid var(--border);font-weight: var(--weight-semibold);color: var(--text);text-decoration: none}.bl-marcas a:hover{border-color: var(--accent);color: var(--accent-ink)}.bl-marcas small{margin-left: 6px;color: var(--text-subtle);font-weight: var(--weight-regular)}.bl-pasos{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));counter-reset: paso}.bl-paso{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 20px}.bl-paso::before{counter-increment: paso;content: counter(paso);display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: var(--accent);color: var(--on-accent);font-weight: var(--weight-bold);margin-bottom: 12px}.bl-paso b{display: block;margin-bottom: 4px;color: var(--text)}.bl-paso p{margin: 0;color: var(--text-muted);font-size: var(--text-sm)}.bl-garantias{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(16rem,1fr))}.bl-gar{border-radius: var(--radius-lg);padding: 20px;background: var(--surface);border: 1px solid var(--border)}.bl-gar h3{margin: 0 0 6px;font-size: var(--text-base);color: var(--text)}.bl-gar p{margin: 0;color: var(--text-muted);font-size: var(--text-sm)}.bl-plazo{display: inline-block;margin-bottom: 10px;padding: 4px 10px;border-radius: var(--radius-pill);font-size: var(--text-xs);font-weight: var(--weight-bold);color: var(--on-accent);background: var(--accent)}.bl-nota{margin-top: 14px;font-size: var(--text-xs);color: var(--text-subtle)}.bl-texto{max-width: 48rem}.bl-texto p{color: var(--text-muted);line-height: var(--leading-body)}.bl-cta{max-width: var(--container);margin: var(--section-gap) auto 0;padding: 0 var(--gutter)}.bl-cta-in{border-radius: var(--radius-xl);padding: clamp(1.5rem,1rem + 3vw,3rem);display: flex;gap: var(--space-6);align-items: center;justify-content: space-between;flex-wrap: wrap;background: var(--accent-soft)}.bl-cta h2{margin: 0 0 6px;font-family: var(--font-display);font-size: var(--text-2xl);color: var(--text)}.bl-cta p{margin: 0;color: var(--text-muted)}main#portada{padding-bottom: var(--section-gap)}.bl-hero-pasos,.bl-marca-logo{display: none}.bl-rubros-det>summary{display: none}@media (max-width: 47.99em){input,select,textarea,.filter-select,.sort-select{font-size: 16px}input::placeholder{text-overflow: ellipsis}.aviso-envios{display: flex;flex-wrap: nowrap;align-items: center;justify-content: safe center;gap: 10px;overflow-x: auto;white-space: nowrap;scrollbar-width: none}.aviso-envios::-webkit-scrollbar{display: none}.aviso-envios>*{flex: none}.btn-add{min-height: var(--touch)}.card-pres-btn{min-height: 2.5rem}.sec-link{display: inline-flex;align-items: center;min-height: var(--touch)}.bl-marcas a{display: inline-flex;align-items: center;min-height: var(--touch)}.bl-buscador button{padding: 0 16px}.bl-sugeridos,.bl-hero-panel,.bl-sec-pasos{display: none}.bl-hero-pasos{display: block;margin-top: var(--space-6)}.bl-hero-pasos h2{margin: 0 0 var(--space-3);font-family: var(--font-display);font-size: var(--text-xl);color: inherit}.bl-hero-pasos .bl-pasos{gap: 10px;grid-template-columns: minmax(0,1fr)}.bl-hero-pasos .bl-paso{display: grid;grid-template-columns: 34px minmax(0,1fr);column-gap: 12px;padding: 14px}.bl-hero-pasos .bl-paso::before{grid-row: 1 / span 2;margin: 0}.bl-hero-pasos .bl-paso b{margin: 0}.bl-rubros-det>summary{display: flex;align-items: center;gap: 10px;min-height: 52px;padding: 0 var(--space-4);border: 1px solid var(--border-strong);border-radius: var(--radius-lg);background: var(--surface);color: var(--text);font-weight: var(--weight-semibold);cursor: pointer;list-style: none}.bl-rubros-det>summary::-webkit-details-marker{display: none}.bl-rubros-det>summary small{color: var(--text-subtle);font-weight: var(--weight-regular)}.bl-rubros-det>summary::after{content: '';width: 9px;height: 9px;margin-left: auto;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-2px) rotate(45deg);transition: transform var(--dur-fast)}.bl-rubros-det[open]>summary::after{transform: translateY(2px) rotate(-135deg)}.bl-rubros-det .bl-rubros{grid-template-columns: minmax(0,1fr);gap: 0;margin-top: 8px;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);overflow: hidden}.bl-rubro,.bl-rubro:hover{display: grid;grid-template-columns: 24px minmax(0,1fr) auto;column-gap: 12px;align-items: center;min-height: 52px;padding: 8px var(--space-4);border: 0;border-bottom: 1px solid var(--border);border-radius: 0;transform: none;box-shadow: none}.bl-rubro:last-child{border-bottom: 0}.bl-rubro::before{display: none}.bl-rubro svg{width: 22px;height: 22px}.bl-rubro small{margin-top: 0}.bl-sec:has(.bl-marcas) .bl-head{justify-content: center;text-align: center}.bl-marcas{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.bl-marcas a{flex-direction: column;justify-content: center;gap: 2px;min-height: 84px;padding: 8px 4px;text-align: center;font-size: var(--text-sm)}.bl-marcas small{display: none}.bl-marca-logo{display: block;width: 48px;height: 48px}.bl-marca-logo + span{font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--text-muted)}[data-destacados]>:nth-child(n+7){display: none}.catalog-top h1{font-size: var(--text-2xl)}body:has(.cart-page-layout) .wa-flotante,body:has(.modal-overlay.open) .wa-flotante,body:has(.np-mf-panel.np-mf-open) .wa-flotante{display: none}.wa-flotante{bottom: calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}