.catalogo{--cat-fondo:#f4f1fc;--cat-tarjeta:#ffffff;--cat-texto:#221a3a;--cat-suave:#6b6385;--cat-linea:#e4def5;--cat-acento:#6d3fd8;--cat-degrade:linear-gradient(100deg,#7c4dff,#c04ee0 55%,#f0569a);--cat-sombra:0 1px 2px rgba(48,30,110,0.05),0 8px 24px rgba(48,30,110,0.08);--cat-f-titulos:var(--f-bricolage),system-ui,sans-serif;--cat-f-texto:var(--f-geist),system-ui,sans-serif;min-height:100vh;background:var(--cat-fondo);color:var(--cat-texto);font-family:var(--cat-f-texto);padding:1.25rem 1rem 3rem}.catalogo-contenido{max-width:72rem;margin:0 auto}.catalogo-encabezado{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1.5rem}.catalogo-encabezado-fila{display:flex;align-items:center;gap:.75rem}.catalogo-marca{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cat-acento);text-decoration:none}.catalogo-marca,.catalogo-titulo{font-family:var(--cat-f-titulos);font-weight:700}.catalogo-titulo{font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.05;letter-spacing:-.02em;margin:0}.catalogo-bajada{margin:0;color:var(--cat-suave);font-size:1rem;line-height:1.45}.catalogo-volver{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:none;border-radius:999px;background:var(--cat-tarjeta);box-shadow:var(--cat-sombra);color:var(--cat-texto);text-decoration:none}.catalogo-volver svg{width:1.25rem;height:1.25rem;transform:scaleX(-1)}.catalogo-enlace{color:var(--cat-acento);font-weight:600;text-underline-offset:.2em}.catalogo-grilla{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}@media (min-width:900px){.catalogo{padding:2.5rem 2rem 4rem}.catalogo-grilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.catalogo-tarjeta{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;height:100%;padding:1rem;border-radius:24px;background:var(--cat-tarjeta);box-shadow:var(--cat-sombra);color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.catalogo-tarjeta:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(48,30,110,.06),0 14px 32px rgba(48,30,110,.12)}.catalogo-tarjeta:focus-visible{outline:3px solid var(--cat-acento);outline-offset:3px}@media (min-width:900px){.catalogo-tarjeta{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.catalogo-tarjeta{transition:none}.catalogo-tarjeta:hover{transform:none}}.catalogo-icono{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;background:#efe9fd;color:var(--cat-acento)}.catalogo-icono svg{width:1.75rem;height:1.75rem}.catalogo-nombre{font-family:var(--cat-f-titulos);font-weight:650;font-size:1.0625rem;line-height:1.2;margin:.25rem 0 0}.catalogo-aclaracion{margin:0;line-height:1.35}.catalogo-aclaracion,.catalogo-cantidad{font-size:.8125rem;color:var(--cat-suave)}.catalogo-cantidad{margin:auto 0 0;padding-top:.25rem}.catalogo-pastilla{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:var(--cat-degrade);color:#fff;font-family:var(--cat-f-titulos);font-weight:700;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.catalogo-tarjeta>.catalogo-pastilla{position:absolute;top:.875rem;right:.875rem}.catalogo-buscador{position:relative;max-width:40rem;margin:0 0 1.25rem}.catalogo-buscador svg{position:absolute;left:1rem;top:50%;width:1.25rem;height:1.25rem;transform:translateY(-50%);color:var(--cat-suave);pointer-events:none}.catalogo-buscador input{width:100%;min-height:3.25rem;padding:.75rem 1rem .75rem 2.875rem;border:1px solid var(--cat-linea);border-radius:999px;background:var(--cat-tarjeta);box-shadow:var(--cat-sombra);color:var(--cat-texto);font:inherit;font-size:1rem}.catalogo-buscador input::placeholder{color:#8d86a3}.catalogo-buscador input:focus-visible{outline:3px solid var(--cat-acento);outline-offset:2px}.catalogo-tematica{align-items:center;text-align:center;padding-top:1.5rem}.catalogo-circulo{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:999px;overflow:hidden;font-family:var(--cat-f-titulos);font-weight:700;font-size:2.25rem;box-shadow:inset 0 0 0 4px rgba(255,255,255,.35)}.catalogo-circulo img{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 6px 8px rgb(0 0 0/.18))}@media (min-width:900px){.catalogo-circulo{width:7rem;height:7rem;font-size:2.75rem}}.catalogo-tematica .catalogo-nombre{margin-top:.5rem}.catalogo-tematica .catalogo-cantidad{margin-left:auto;margin-right:auto;color:var(--cat-acento);font-weight:600}.catalogo-vacio{padding:2rem 1.25rem;border-radius:24px;background:var(--cat-tarjeta);box-shadow:var(--cat-sombra);text-align:center}.catalogo-vacio p{margin:.25rem 0}.catalogo-vacio .catalogo-nombre{margin:0 0 .25rem}.demo-barra{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));pointer-events:none}.demo-barra-interior{display:flex;gap:.5rem;max-width:100%;padding:.375rem;background:rgba(255,255,255,.94);box-shadow:0 6px 28px rgba(34,26,58,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--f-geist),system-ui,sans-serif;pointer-events:auto}.demo-barra a,.demo-barra-interior{align-items:center;border-radius:999px}.demo-barra a{display:inline-flex;justify-content:center;gap:.375rem;min-height:2.75rem;padding:0 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;white-space:nowrap}.demo-barra a svg{width:1.125rem;height:1.125rem;flex:none}.demo-volver{color:#221a3a}.demo-volver svg{transform:scaleX(-1)}.demo-me-gusta{padding:0 1.5rem!important;background:linear-gradient(100deg,#7c4dff,#c04ee0 55%,#f0569a);color:#fff}.demo-barra a:focus-visible{outline:3px solid #6d3fd8;outline-offset:2px}.demo-espacio{height:5.5rem}@media (max-width:420px){.demo-barra{padding-left:.75rem;padding-right:.75rem}.demo-barra-interior{gap:.25rem}.demo-barra a{padding:0 .75rem;font-size:.875rem}.demo-me-gusta{padding:0 1rem!important}}