/* Catálogo interactivo: tarjetas con colores deslizables, galería por color y lista de pedido */
.cx-hero{padding:38px var(--pad) 24px;background:var(--lilac)}.cx-hero .eyebrow{margin-bottom:18px}.cx-hero h1{font-size:clamp(34px,4.4vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.04}.cx-hero h1 em{color:var(--purple)}.cx-hero p.lead{max-width:600px;margin-top:18px;font-size:15px;color:#3f3650}
.cx-bar{background:#fff;padding:14px var(--pad) 8px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}.cx-stick{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--pad)}
.cx-row{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 300px}
.cx-search{flex:1;min-width:0;max-width:360px;border:1px solid #c9c1d0;border-radius:99px;padding:10px 18px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.cx-count{font-size:12px;color:var(--muted);white-space:nowrap}
.cx-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cx-chips::-webkit-scrollbar{display:none}
.cx-chip{flex:none;background:transparent;border:1px solid #c9c1d0;border-radius:99px;padding:8px 15px;font-size:13px;min-height:38px;transition:background .2s}.cx-chip:hover{border-color:var(--purple)}.cx-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.cx-fams{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px}.cx-fams::-webkit-scrollbar{display:none}.cx-fams small{flex:none;font-size:12px;color:var(--muted)}
.cx-fam{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid #0002;background:var(--c);padding:0}.cx-fam[aria-pressed=true]{outline:2px solid var(--purple);outline-offset:2px}
@media(min-width:1100px){.cx-chips{flex-wrap:wrap}}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:32px 20px;padding:30px var(--pad) 70px}
.cx-card{display:flex;flex-direction:column;min-width:0}
.cx-open{display:block;color:inherit}.cx-frame{position:relative;aspect-ratio:1/1;background:#f4f2f6;overflow:hidden;display:block}.cx-frame img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.cx-card:hover .cx-frame img{transform:scale(1.05)}
.cx-more{position:absolute;right:10px;bottom:10px;background:#fff;border-radius:99px;font-size:11px;padding:6px 11px;box-shadow:0 2px 10px #0000000d;transition:background .25s}.cx-card:hover .cx-more{background:var(--orange)}
.cx-card h2{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.35;margin-top:13px}.cx-sub{font-size:12px;color:var(--muted);margin-top:3px;display:block}
.cx-sws{display:flex;gap:6px;overflow-x:auto;padding:9px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.cx-sws::-webkit-scrollbar{display:none}
.cx-sw{flex:none;width:22px;height:22px;border-radius:50%;background:var(--c);border:1px solid #0002;padding:0;scroll-snap-align:start;transition:transform .15s}.cx-sw:hover{transform:scale(1.15)}.cx-sw[aria-pressed=true]{outline:2px solid var(--purple);outline-offset:2px}
.cx-empty{grid-column:1/-1;padding:50px 0;text-align:center;color:var(--muted)}
.cx-note{padding:0 var(--pad) 50px;font-size:12px;color:var(--muted);max-width:760px}
/* Ficha */
dialog.cx-d{width:min(1120px,calc(100% - 32px));max-height:92svh;padding:0;overflow:auto}
.cx-dg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cx-gal{position:relative;background:#f4f2f6;min-width:0;align-self:start;position:sticky;top:0}
.cx-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:1/1}.cx-slides::-webkit-scrollbar{display:none}
.cx-slide{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;min-width:0;position:relative}.cx-slide img{width:100%;height:100%;object-fit:contain;padding:22px;mix-blend-mode:multiply}
.cx-nav{position:absolute;top:calc(50% - 60px);width:44px;height:44px;border-radius:50%;background:#fff;font-size:20px;box-shadow:0 2px 12px #0000001a;display:grid;place-items:center}.cx-nav.p{left:12px}.cx-nav.n{right:12px}
.cx-thumbs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:#fff;border-top:1px solid var(--line);scrollbar-width:thin}
.cx-thumb{flex:none;width:58px;height:58px;background:#f4f2f6;padding:3px;border:1px solid transparent}.cx-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cx-thumb[aria-current=true]{border-color:var(--purple)}
.cx-info{padding:34px 30px 30px;display:flex;flex-direction:column;gap:18px;min-width:0}
.cx-info .eyebrow{margin:0;color:var(--purple);font-size:11px}.cx-info h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;line-height:1.12}
.cx-desc{font-size:14px;color:var(--muted)}
.cx-tags{display:flex;flex-wrap:wrap;gap:6px}.cx-tag{font-size:12px;background:var(--lilac);color:var(--deep);padding:5px 11px;border-radius:99px}
.cx-lab{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;display:flex;justify-content:space-between;gap:10px}.cx-lab span{font-weight:500;letter-spacing:0;color:var(--muted)}
.cx-colors{display:flex;flex-wrap:wrap;gap:8px}.cx-colors .cx-sw{width:30px;height:30px}
.cx-sizes{display:flex;flex-wrap:wrap;gap:6px}.cx-size{border:1px solid var(--line);padding:5px 11px;font-size:12px;min-width:36px;text-align:center}
.cx-tec{font-size:13px;color:var(--muted)}
.cx-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.cx-cta .button{gap:18px;flex:1;min-width:200px;justify-content:center}.button.cx-add{background:#fff;color:var(--deep);border:1px solid var(--deep)}.button.cx-add:hover{background:var(--deep);color:#fff}
.cx-price{font-size:13px;color:var(--muted)}
/* Mi lista */
.cx-list{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:8px 8px 8px 18px;border-radius:99px;font-size:13px;box-shadow:0 8px 28px #0003;max-width:calc(100% - 24px)}
.cx-list span{white-space:nowrap}.cx-list a{background:var(--orange);color:#111;border-radius:99px;padding:9px 15px;font-weight:700;white-space:nowrap}.cx-list button{background:transparent;color:#fff;padding:6px 8px;font-size:12px;text-decoration:underline}
@media(max-width:820px){.cx-dg{grid-template-columns:minmax(0,1fr)}.cx-gal{position:relative}.cx-info{padding:24px 20px 28px}dialog.cx-d{width:100%;max-height:100svh;height:100svh;margin:0;max-width:100%}.cx-nav{display:none}}
@media(max-width:560px){.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding-top:20px}.cx-frame img{padding:8px}.cx-card h2{font-size:14px}.cx-sw{width:24px;height:24px}.cx-hero{padding-top:36px}}
@media(prefers-reduced-motion:reduce){.cx-frame img,.cx-sw{transition:none}.cx-card:hover .cx-frame img{transform:none}.cx-slides{scroll-behavior:auto}}