:root{--tinta: #0f172a;--tinta-suave: #475569;--tenue: #94a3b8;--linea: #e2e8f0;--fondo: #f8fafc;--papel: #ffffff;--marca: #0d5c63;--marca-oscura: #072f33;--acento: #d97706;--radio: 14px;--sombra: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .06);--fuente: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);color:var(--tinta);background:var(--fondo);line-height:1.55}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}p{margin:0 0 .6rem}a{color:var(--marca)}.contenedor{max-width:1180px;margin:0 auto;padding:0 1.25rem;width:100%}.banner-staging{background:#ea580c;color:#fff;text-align:center;padding:.45rem 1rem;font-weight:600;font-size:.85rem}.cabecera{background:var(--papel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:20}.cabecera-fila{display:flex;align-items:center;gap:1.5rem;padding-top:.85rem;padding-bottom:.85rem;flex-wrap:wrap}.marca{font-weight:800;letter-spacing:.16em;font-size:1.15rem;color:var(--marca)}.nav-lineas{display:flex;gap:1.25rem;flex-wrap:wrap}.nav-lineas a{color:var(--tinta-suave);text-decoration:none;font-size:.92rem;font-weight:600}.nav-lineas a:hover{color:var(--marca)}.heroe{background:linear-gradient(150deg,var(--marca) 0%,var(--marca-oscura) 100%);color:#fff;padding:3.5rem 0}.heroe h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}.entradilla{font-size:1.05rem;max-width:58ch;color:#ffffffdb;margin-bottom:1.5rem}.heroe-acciones{display:flex;gap:.75rem;flex-wrap:wrap}.boton{display:inline-block;background:var(--marca);color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:999px;font-size:.92rem}.boton:hover{background:var(--marca-oscura)}.boton.grande{padding:.7rem 1.5rem;font-size:1rem;background:var(--acento)}.boton.grande:hover{background:#b45309}.boton.fantasma{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.boton.fantasma:hover{background:#ffffff1f}main{padding:2rem 1.25rem 3rem}.controles{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}#buscar{flex:1 1 260px;padding:.6rem .9rem;border:1px solid var(--linea);border-radius:999px;font:inherit;background:var(--papel)}#buscar:focus{outline:2px solid var(--marca);outline-offset:-1px}.filtros{display:flex;gap:.4rem;flex-wrap:wrap}.filtros button{font:inherit;font-size:.88rem;font-weight:600;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--linea);background:var(--papel);color:var(--tinta-suave);cursor:pointer}.filtros button:hover{border-color:var(--marca);color:var(--marca)}.filtros button.activo{background:var(--marca);border-color:var(--marca);color:#fff}.estado{text-align:center;color:var(--tenue);padding:3rem 1rem}.rejilla-productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.producto{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.producto:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1a}.producto.agotado{opacity:.72}.producto-imagen{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);display:grid;place-items:center;overflow:hidden}.producto-imagen img{width:100%;height:100%;object-fit:cover}.sin-imagen{color:var(--tenue);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cinta{position:absolute;top:.6rem;right:.6rem;background:#0f172ad1;color:#fff;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.producto-cuerpo{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;flex:1}.producto-linea{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--marca);font-weight:700}.producto-cuerpo h3{font-size:1rem;margin:.25rem 0 .35rem}.producto-desc{font-size:.86rem;color:var(--tinta-suave);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.producto-pie{margin-top:auto;padding-top:.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.producto-precio strong{display:block;font-size:1.2rem}.producto-precio span{font-size:.8rem;color:var(--tinta-suave)}.pie{background:var(--marca-oscura);color:#ffffffd1;padding:2.5rem 0;margin-top:2rem}.pie .marca,.pie a{color:#fff}.pie h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.pie .tenue{color:#ffffff8c;font-size:.82rem}.pie-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}