.cat-intro{padding:clamp(2rem, 7vw, 5rem) var(--mf-gutter) clamp(1.5rem, 4vw, 2.5rem);gap:1.1rem;display:grid}.cat-intro__k{font-variation-settings:"wdth" 80;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin:0;font-size:.8125rem}.cat-title{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,1rem + 7.4vw,7rem);font-weight:900;line-height:.92}.cat-title span{display:block}.cat-title span:last-child{color:var(--c-accent)}.cat-intro__sub{max-width:36rem;color:var(--c-muted);text-wrap:pretty;margin:0;font-size:clamp(1rem,.95rem + .3vw,1.2rem);line-height:1.5}.cat-cinta{z-index:30;border-block:1px solid var(--c-line);background:color-mix(in srgb, var(--c-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.cat-cinta ol{padding:0 var(--mf-gutter);scrollbar-width:none;gap:.25rem;margin:0;list-style:none;display:flex;overflow-x:auto}.cat-cinta ol::-webkit-scrollbar{display:none}.cat-cinta li{flex:none}@media (min-width:64rem){.cat-cinta ol{justify-content:space-between}.cat-cinta li{flex:0 auto}}.cat-cinta a{min-height:48px;color:var(--c-muted);font-variation-settings:"wdth" 80;white-space:nowrap;align-items:baseline;gap:.45rem;padding:.7rem .55rem;font-size:.8125rem;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.cat-cinta a:after{content:"";background:var(--ta);transform-origin:0;height:2px;transition:transform .5s var(--ease-cine);position:absolute;inset:auto .55rem 0;transform:scaleX(0)}.cat-cinta a[aria-current=true]{color:var(--c-ink)}.cat-cinta a[aria-current=true]:after{transform:scaleX(1)}.cat-cinta__n{color:color-mix(in srgb, var(--ta) 45%, #000);font-variant-numeric:tabular-nums;font-weight:800}.cat-cinta__t{display:none}@media (min-width:40rem){.cat-cinta__t{display:inline}}@media (hover:hover){.cat-cinta a:hover{color:var(--c-ink)}}.cat-sala{margin:0;padding:0;list-style:none}.cat-placa{--cl:7fr;--cf:5fr;padding:clamp(2.5rem, 8vw, 5rem) var(--mf-gutter);isolation:isolate;gap:clamp(1.25rem,4vw,2rem);scroll-margin-top:3rem;display:grid;position:relative}.cat-placa+.cat-placa{border-top:1px solid var(--c-line)}.cat-placa[data-forma=alta]{--cl:5fr;--cf:6fr}.cat-placa[data-forma=ancha]{--cl:8fr;--cf:4fr}@media (min-width:64rem){.cat-placa{grid-template-columns:minmax(0, var(--cl)) minmax(18rem, var(--cf));align-items:center;column-gap:clamp(2rem,6vw,6rem);min-height:min(92svh,56rem)}.cat-placa[data-lado=d]{grid-template-columns:minmax(18rem, var(--cf)) minmax(0, var(--cl))}.cat-placa[data-lado=d] .cat-lamina{order:2}}.cat-lamina{place-items:center;min-width:0;display:grid;position:relative}.cat-lamina:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--ta) 30%, transparent), transparent 100%);pointer-events:none;position:absolute;inset:-12% -8%}.cat-img{--ih:min(72svh, 44rem);width:min(100%, calc(var(--ih) * var(--r)));height:auto;transition:transform .8s var(--ease-cine), box-shadow .8s var(--ease-cine);display:block;box-shadow:0 2.5rem 5rem -1.75rem #000000e6,0 0 0 1px #ffffff14}.cat-placa[data-obra=medusa] .cat-img{border-radius:50%}svg.cat-img{aspect-ratio:800/640;width:min(100%,44rem)}@media (max-width:63.99rem){.cat-img{--ih:min(66svh, 40rem)}}.cat-ficha{align-content:center;gap:.7rem;min-width:0;display:grid;position:relative}.cat-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--ta) 70%, transparent);-webkit-user-select:none;user-select:none;margin:0 0 .15em;font-size:clamp(5rem,3rem + 9vw,11rem);font-style:italic;line-height:.8}.cat-idea{font-variation-settings:"wdth" 80;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ta) 45%, #000);margin:0;font-size:.8125rem}.cat-titulo{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(2rem,1.2rem + 3.4vw,4rem);font-weight:400;line-height:1}.cat-placa[data-obra=medusa] .cat-titulo,.cat-placa[data-obra=el-descendimiento-de-la-cruz] .cat-titulo{font-family:var(--font-gloock), Georgia, serif}.cat-placa[data-obra=noche-estrellada] .cat-titulo,.cat-placa[data-obra=la-loca-meg] .cat-titulo,.cat-placa[data-obra=cristo-de-san-juan-de-la-cruz] .cat-titulo{font-family:var(--font-instrument), Georgia, serif}.cat-placa[data-obra=ascension-al-empireo] .cat-titulo,.cat-placa[data-obra=los-siete-pecados-capitales] .cat-titulo{font-family:var(--font-cormorant), Georgia, serif;font-weight:500}.cat-placa[data-obra=los-elefantes] .cat-titulo{font-family:var(--font-shoulders), Georgia, serif}.cat-placa[data-obra=basquiat-untitled] .cat-titulo,.cat-placa[data-obra=glenn] .cat-titulo{font-family:var(--font-bricolage), system-ui, sans-serif;font-variation-settings:"wdth" 75;text-transform:uppercase;font-weight:800;line-height:.92}.cat-enlace{color:inherit;text-decoration:none}.cat-enlace:after{content:"";inset:calc(-1 * clamp(2.5rem, 8vw, 5rem)) calc(-1 * var(--mf-gutter));z-index:1;position:absolute}.cat-enlace:focus-visible{outline:none}.cat-enlace:focus-visible:after{outline:2px solid var(--ta);outline-offset:-6px}.cat-autor{font-variation-settings:"wdth" 85;color:var(--c-muted);margin:0;font-size:1rem}.cat-pregunta{font-family:var(--font-display);color:var(--c-ink);text-wrap:balance;margin:.5rem 0 0;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);font-style:italic;line-height:1.25}.cat-desc{max-width:30rem;color:var(--c-muted);text-wrap:pretty;margin:0;font-size:.975rem;line-height:1.55}.cat-gesto{flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin:.3rem 0 0;font-size:.9375rem;display:flex}.cat-gesto b{border:1px solid color-mix(in srgb, var(--ta) 70%, transparent);font-variation-settings:"wdth" 85;letter-spacing:.06em;text-transform:uppercase;color:var(--ta);border-radius:999px;padding:.15rem .6rem;font-size:.8125rem;font-weight:600}.cat-gesto span{color:var(--c-ink)}.cat-nota{color:var(--c-muted);margin:0;font-size:.75rem;font-style:italic}.cat-entrar{font-variation-settings:"wdth" 90;min-height:44px;color:var(--c-ink);align-items:center;gap:.7rem;margin-top:.4rem;font-weight:700;display:inline-flex}.cat-entrar svg{transition:transform .5s var(--ease-cine)}@media (hover:hover){.cat-placa:hover .cat-img{box-shadow:0 3.5rem 6rem -1.75rem #000000f2, 0 0 0 1px color-mix(in srgb, var(--ta) 60%, transparent);transform:translateY(-6px)}.cat-placa:hover .cat-entrar svg{transform:translate(6px)}.cat-placa:hover .cat-entrar{color:color-mix(in srgb, var(--ta) 45%, #000)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cat-lamina,.cat-ficha{animation:linear both cat-entra;animation-timeline:view();animation-range:entry entry 55%}.cat-ficha{animation-range:entry 10% entry 65%}}}@keyframes cat-entra{0%{opacity:0;transform:translateY(2rem)}}@media (prefers-reduced-motion:reduce){.cat-img,.cat-cinta a:after,.cat-entrar svg{transition:none}}
