.cl-filtros{margin:0 calc(var(--gutter) * -1) clamp(24px, 3vw, 36px);padding:2px var(--gutter) 6px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);gap:8px;display:flex;overflow-x:auto}.cl-filtros::-webkit-scrollbar{display:none}.cl-filtros button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink-soft);font:500 14.5px/1 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 16px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.cl-filtros button i{border-radius:50%;width:8px;height:8px}.cl-filtros button .t-num{color:var(--ink-faint);font-size:13px}.cl-filtros button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.cl-filtros button[aria-pressed=true] .t-num{color:#17110a9e}@media (hover:hover){.cl-filtros button:not([aria-pressed=true]):hover{color:var(--ink);border-color:#f3cf7e73}}.cl-grilla{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:clamp(14px,1.6vw,22px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:560px){.cl-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.cl-pieza{--cl-x:50%;--cl-y:42%;border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;isolation:isolate;transition:border-color .3s var(--ease-out), transform .3s var(--ease-out);background:#060607;border-radius:18px;gap:4px;padding:0 0 16px;display:grid;position:relative;overflow:hidden}.cl-pieza:active{transform:scale(.985)}.cl-pieza__foto{aspect-ratio:1;margin-bottom:10px;position:relative;overflow:hidden}.cl-pieza__foto img{object-fit:cover;filter:saturate(.9)brightness(.92);width:100%;height:100%;transition:transform .7s var(--ease-out), filter .5s var(--ease-out);display:block;transform:scale(1.02)}.cl-pieza__foto:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(38% 38% at var(--cl-x) var(--cl-y), #d9d2ff29, transparent 70%), radial-gradient(110% 90% at 50% 45%, transparent 55%, #0000008c);opacity:.5;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.cl-pieza__barrido{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(#0000 44%,#d9d2ff66 49.4%,#ffffffe6 50%,#d9d2ff8c 50.5%,#0000 56% 100%) 0 -100%/100% 260%;position:absolute;inset:0}.cl-pieza__3d{z-index:3;width:36px;height:36px;color:var(--gold-2);font:600 11.5px/1 var(--font-body);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .4s var(--ease-out);background:#08080a8c;border:1px solid #f3cf7e8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 0 #e3b04b00}.cl-pieza__nombre{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:pretty;padding:0 16px;font-size:clamp(1.02rem,1.3vw,1.14rem);font-weight:500;line-height:1.2}.cl-pieza__sala{color:var(--ink-faint);align-items:center;gap:8px;padding:0 16px;font-size:13.5px;display:flex}.cl-pieza__sala i{background:var(--sala);border-radius:50%;flex:none;width:7px;height:7px}@media (hover:hover){.cl-pieza:hover{border-color:#0000}.cl-pieza:hover .cl-pieza__foto img{filter:saturate(1.05)brightness(1.04);transform:scale(1.07)}.cl-pieza:hover .cl-pieza__foto:before{opacity:1}.cl-pieza:hover .cl-pieza__barrido{animation:cl-barre 1.1s var(--ease-in-out) 1}.cl-pieza:hover .cl-pieza__3d{box-shadow:0 0 18px 2px #e3b04b59}}.cl-pieza:focus-visible{outline-offset:4px}.cl-pieza:focus-visible .cl-pieza__barrido{animation:cl-barre 1.1s var(--ease-in-out) 1}@keyframes cl-barre{0%{opacity:0;background-position:0 -100%}12%{opacity:1}88%{opacity:1}to{opacity:0;background-position:0 200%}}@media (prefers-reduced-motion:reduce){.cl-pieza__barrido{display:none}.cl-pieza__foto img,.cl-pieza:hover .cl-pieza__foto img{transition:filter .2s;transform:none}}.cl-grilla>li{display:grid}
