:root{--fondo:#f4f2ee;--papel:#fff;--tinta:#151515;--tinta-suave:#6a6762;--linea:#e1ddd5;--acento:#e0553d;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#121212;--papel:#1b1b1b;--tinta:#f1efea;--tinta-suave:#a19d96;--linea:#2c2c2c;--acento:#ff7a62;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55}h1,h2{font-family:var(--serif);margin:0;font-weight:400;line-height:1.02}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.cabecera{max-width:1200px;margin:0 auto;padding:96px 24px 48px}.sobre{letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave);font-size:.8rem;font-weight:500}.cabecera h1{letter-spacing:-.02em;margin:18px 0 22px;font-size:clamp(3rem,8vw,6.4rem)}.cabecera em{color:var(--acento)}.bajada{max-width:60ch;color:var(--tinta-suave);font-size:1.1rem}.filtros{border:1px solid var(--linea);background:var(--papel);border-radius:999px;gap:4px;max-width:100%;margin-top:36px;padding:4px;display:inline-flex;overflow-x:auto}.filtros button{color:var(--tinta);font:500 .95rem var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 16px;transition:background .2s,color .2s}.filtros span{color:var(--tinta-suave);margin-left:4px;font-size:.75rem}.filtros button[aria-checked=true]{background:var(--tinta);color:var(--fondo)}.filtros button[aria-checked=true] span{color:inherit;opacity:.6}.grilla{grid-template-columns:repeat(2,1fr);gap:56px 32px;max-width:1200px;margin:0 auto;padding:16px 24px 96px;display:grid}.tarjeta{animation:subir .7s calc(var(--i) * .1s) both cubic-bezier(.2, .8, .2, 1)}.tarjeta[hidden]{display:none}@keyframes subir{0%{opacity:0;transform:translateY(30px)}}.tarjeta-enlace{border-radius:22px;display:block}.vista{aspect-ratio:4/3;background:var(--fondo-tarjeta,var(--linea));box-shadow:0 0 0 1px var(--linea), 0 20px 40px -24px #00000059;border-radius:22px;transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.vista img{width:100%;height:auto;transition:transform .6s ease-out;display:block;transform:translateY(0)}.tarjeta-enlace:hover .vista,.tarjeta-enlace:focus-visible .vista{transform:translateY(-4px)}.tarjeta-enlace:hover .vista img,.tarjeta-enlace:focus-visible .vista img{transform:translateY(var(--recorrido,0));transition:transform var(--tiempo,4s) cubic-bezier(.45, 0, .55, 1)}.tarjeta-texto{padding:22px 4px 0}.tipo{letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);font-size:.78rem;font-weight:500}.tarjeta h2{margin:8px 0;font-size:2.6rem}.tarjeta h2 a{background:linear-gradient(var(--acento), var(--acento)) no-repeat 0 100% / 0 2px;text-decoration:none;transition:background-size .4s}.tarjeta h2 a:hover{background-size:100% 2px}.descripcion{color:var(--tinta-suave)}.interacciones{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.interacciones li{border:1px solid var(--linea);background:var(--papel);border-radius:999px;padding:4px 12px;font-size:.82rem}.otros{max-width:1200px;margin:0 auto;padding:0 24px 96px}.otros h2{margin-bottom:24px;font-size:2.4rem}.otros-lista{grid-template-columns:1fr 1fr;gap:16px;display:grid}.otro{border:1px solid var(--linea);background:var(--papel);border-radius:20px;gap:6px;padding:26px 56px 26px 26px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid;position:relative}.otro:hover{border-color:var(--tinta);transform:translateY(-2px)}.otro strong{font-family:var(--serif);font-size:1.8rem;font-weight:400}.otro span{color:var(--tinta-suave)}.otro .flecha{color:var(--tinta);font-size:1.3rem;transition:transform .2s;position:absolute;top:24px;right:24px}.otro:hover .flecha{transform:translate(3px,-3px)}.pie{border-top:1px solid var(--linea);color:var(--tinta-suave);text-align:center;justify-items:center;gap:6px;padding:40px 24px 56px;font-size:.9rem;display:grid}@media (width<=760px){.grilla,.otros-lista{grid-template-columns:1fr}.cabecera{padding-top:64px}.filtros button{padding:8px 12px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.tarjeta{animation:none}.tarjeta-enlace:hover .vista img,.tarjeta-enlace:focus-visible .vista img{transform:none}}