:root{--negro: #060605;--negro-suave: #0d0d0c;--blanco: #f4f1ea;--gris: #8f8b83;--gris-oscuro: #3a3936;--rojo: #d2231c;--dorado: #f9c22a;--fuente-display: "Bebas Neue", "Arial Narrow", sans-serif;--fuente-ui: "Barlow", "Helvetica Neue", sans-serif;--margen: clamp(1.25rem, 4vw, 4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--negro);color:var(--blanco);font-family:var(--fuente-ui);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}::selection{background:var(--rojo);color:var(--blanco)}.eyebrow{font-family:var(--fuente-ui);font-size:.6875rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--rojo)}.titular{font-family:var(--fuente-display);font-weight:400;font-size:clamp(3rem,8.5vw,6.75rem);line-height:.95;letter-spacing:.015em;text-transform:uppercase;margin-top:1.1rem}.linea-apoyo{margin-top:1.4rem;font-size:clamp(1rem,1.4vw,1.2rem);color:var(--gris);max-width:34ch}.marca{position:fixed;top:var(--margen);left:var(--margen);z-index:40;mix-blend-mode:difference}.marca__iso{width:clamp(2.4rem,3.4vw,3.2rem);height:auto}.indice{position:fixed;left:var(--margen);bottom:var(--margen);z-index:40;display:flex;flex-direction:column;gap:1.1rem}.indice__lista{display:flex;flex-direction:column;gap:.45rem}.indice__item{display:flex;align-items:baseline;gap:.6rem;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris-oscuro);transition:color .35s ease;padding:.1rem 0}.indice__item:hover{color:var(--gris)}.indice__item.is-active{color:var(--blanco)}.indice__item.is-active .indice__num{color:var(--rojo)}.indice__num{font-weight:600;font-size:.625rem}.indice__nombre{font-weight:500}.indice__contador{font-size:.6875rem;letter-spacing:.2em;color:var(--gris);border-top:1px solid var(--gris-oscuro);padding-top:.7rem;width:fit-content}.indice__sep{margin:0 .35em;color:var(--gris-oscuro)}@media(max-width:760px){.indice__lista{display:none}.indice{gap:0;left:auto;right:var(--margen);bottom:1.1rem;mix-blend-mode:difference}.indice__contador{border-top:none;padding-top:0}}.catalogo-body{padding-bottom:7rem;--whats-ancho: 15.5rem}.catalogo-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--margen);background:color-mix(in srgb,var(--negro) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gris-oscuro)}.catalogo-top__marca{display:flex;align-items:center;gap:.8rem;font-size:.6875rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gris);transition:color .3s ease}.catalogo-top__marca:hover{color:var(--blanco)}.catalogo-top__marca img{width:2.1rem}.catalogo-top__whats{font-family:var(--fuente-display);font-size:1.3rem;letter-spacing:.05em;color:var(--blanco);border-bottom:1px solid var(--rojo);transition:color .3s ease}.catalogo-top__whats:hover{color:var(--rojo)}.catalogo-hero{padding:clamp(3.5rem,9vh,6rem) var(--margen) clamp(2rem,5vh,3.5rem);max-width:1280px;margin:0 auto}.catalogo-hero__lineas{margin-top:1.4rem;font-size:.8125rem;letter-spacing:.06em;color:var(--gris)}.catalogo-hero__lineas a{font-family:var(--fuente-display);font-size:1.15rem;letter-spacing:.05em;color:var(--blanco);border-bottom:1px solid var(--rojo);transition:color .3s ease}.catalogo-hero__lineas a:hover{color:var(--rojo)}.catalogo{display:grid;grid-template-columns:240px 1fr;gap:clamp(2rem,4vw,4rem);max-width:1280px;margin:0 auto;padding:0 var(--margen) clamp(4rem,10vh,7rem);align-items:start}.catalogo__indice{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:1.6rem}.catalogo__buscar{display:flex;flex-direction:column;gap:.45rem}.catalogo__buscar input{font-family:var(--fuente-ui);font-size:.95rem;color:var(--blanco);background:transparent;border:none;border-bottom:1px solid var(--gris-oscuro);border-radius:0;padding:.45rem 0;outline:none;transition:border-color .3s ease;-webkit-appearance:none}.catalogo__buscar input::placeholder{color:var(--gris-oscuro)}.catalogo__buscar input:focus{border-color:var(--rojo)}.catalogo__categorias{display:flex;flex-direction:column}.catalogo__categoria{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--gris-oscuro) 45%,transparent);font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);transition:color .3s ease;text-align:left}.catalogo__categoria:hover,.catalogo__categoria.is-active{color:var(--blanco)}.catalogo__categoria.is-active .catalogo__categoria-n{color:var(--rojo)}.catalogo__categoria-n{font-size:.625rem;font-weight:600;color:var(--gris-oscuro)}.catalogo__conteo{font-size:.6875rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gris);margin-bottom:1.6rem}.catalogo__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.2vw,2rem)}.catalogo__vacio{padding:4rem 0;color:var(--gris);font-size:.95rem}.pieza{display:flex;flex-direction:column;opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.pieza.is-in{opacity:1;transform:none}.pieza__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;background:#f4f4f4;border:1px solid var(--gris-oscuro);overflow:hidden;transition:border-color .35s ease}.pieza:hover .pieza__media{border-color:var(--gris)}.pieza__media>img:not(.pieza__marca){width:100%;height:100%;object-fit:cover}.pieza__marca{width:34%;opacity:.07;filter:grayscale(1) brightness(3);transition:opacity .35s ease}.pieza:hover .pieza__marca{opacity:.13}.pieza__cat{position:absolute;top:.6rem;left:.7rem;padding:.22rem .5rem;background:color-mix(in srgb,var(--negro) 82%,transparent);font-size:.5625rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gris)}.pieza__nombre{margin-top:.9rem;font-family:var(--fuente-display);font-weight:400;font-size:1.25rem;line-height:1.05;letter-spacing:.03em;text-transform:uppercase}.pieza__precio{margin-top:.2rem;font-size:.8125rem;letter-spacing:.06em;color:var(--gris)}.pieza__variantes{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.pieza__variantes-etiqueta{font-size:.5625rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gris-oscuro)}.pieza__variantes-lista{display:flex;flex-wrap:wrap;gap:.35rem}.pieza__variante{padding:.3rem .6rem;min-width:2.4rem;border:1px solid var(--gris-oscuro);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);line-height:1;white-space:nowrap;transition:color .25s ease,border-color .25s ease,background .25s ease}.pieza__variante:hover{color:var(--blanco);border-color:var(--gris)}.pieza__variante.is-active{color:var(--blanco);border-color:var(--rojo);background:color-mix(in srgb,var(--rojo) 18%,transparent)}.pieza__agregar{margin-top:auto;padding-top:.9rem;align-self:flex-start;font-size:.625rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--blanco);border-bottom:1px solid var(--rojo);padding-bottom:.2rem;transition:color .3s ease}.pieza__agregar:hover,.pieza__agregar.is-added{color:var(--rojo)}.pieza__agregar.is-added:after{content:" ✓"}.pedido{position:fixed;right:var(--margen);bottom:1.4rem;z-index:40;width:min(560px,calc(100vw - 2 * var(--margen) - var(--whats-ancho) - 1rem))}.pedido__detalle{margin-bottom:.6rem;background:var(--negro-suave);border:1px solid var(--gris-oscuro);max-height:40vh;overflow-y:auto}.pedido__lista li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--gris-oscuro) 50%,transparent);font-size:.8125rem}.pedido__lista li:last-child{border-bottom:none}.pedido__item-nombre{color:var(--blanco)}.pedido__item-qty{display:flex;align-items:center;gap:.6rem;color:var(--gris)}.pedido__item-qty button{width:1.4rem;height:1.4rem;border:1px solid var(--gris-oscuro);color:var(--gris);line-height:1;transition:color .3s ease,border-color .3s ease}.pedido__item-qty button:hover{color:var(--blanco);border-color:var(--gris)}.pedido__item-precio{color:var(--gris);font-variant-numeric:tabular-nums}.pedido__barra{display:flex;align-items:stretch;background:var(--negro-suave);border:1px solid var(--gris-oscuro)}.pedido__resumen{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blanco);text-align:left}.pedido__total{color:var(--gris);font-variant-numeric:tabular-nums}.pedido__vaciar{padding:0 1rem;font-size:.625rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-oscuro);border-left:1px solid var(--gris-oscuro);transition:color .3s ease}.pedido__vaciar:hover{color:var(--rojo)}.pedido__enviar{display:flex;align-items:center;padding:0 1.4rem;background:var(--rojo);font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--blanco);transition:background .3s ease}.pedido__enviar:hover{background:#a81a15}.whats-flotante{position:fixed;left:var(--margen);bottom:1.4rem;width:var(--whats-ancho);justify-content:center;z-index:45;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.3rem;background:var(--rojo);color:var(--blanco);font-size:.625rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 14px 36px #00000080;transition:background .3s ease,transform .3s ease}.whats-flotante:hover{background:#a81a15;color:var(--blanco);transform:translateY(-3px)}.whats-flotante svg{flex:0 0 auto}.catalogo-pie{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:3rem var(--margen) 1rem}.catalogo-pie__wordmark{width:min(520px,70vw);opacity:.9}.catalogo-pie__lineas{font-size:.75rem;letter-spacing:.06em;color:var(--gris);text-align:center}.catalogo-pie__lineas a{color:var(--blanco);border-bottom:1px solid var(--rojo);transition:color .3s ease}.catalogo-pie__lineas a:hover{color:var(--rojo)}.catalogo-pie__legal{font-size:.625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gris-oscuro);text-align:center}@media(max-width:900px){.catalogo{grid-template-columns:1fr}.catalogo__indice{position:sticky;top:3.9rem;z-index:20;background:color-mix(in srgb,var(--negro) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.9rem 0;gap:.9rem}.catalogo__categorias{flex-direction:row;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.catalogo__categorias::-webkit-scrollbar{display:none}.catalogo__categorias li{flex:0 0 auto}.catalogo__categoria{border:1px solid var(--gris-oscuro);border-radius:2rem;padding:.4rem .9rem;white-space:nowrap;font-size:.6875rem}.catalogo__categoria.is-active{border-color:var(--rojo)}.catalogo__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.whats-flotante{left:auto;right:var(--margen);bottom:5.4rem;width:auto;padding:.95rem}.whats-flotante span{display:none}.pedido{width:calc(100vw - 2 * var(--margen))}}@media(max-width:460px){.catalogo__grid{grid-template-columns:1fr}.pedido__vaciar{display:none}}