.vitrina-seccion{padding-bottom: clamp(4rem,8vw,6.5rem)}.filtros{position: sticky;top: calc(var(--alto-cabecera) - 12px);z-index: 5;display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-inline: -0.75rem;padding: 0.45rem 1.25rem 0.45rem 0.75rem;border-radius: 999px;background: rgb(31 25 24 / 0.62);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.chips{display: flex;gap: 0.5rem;overflow-x: auto;scrollbar-width: none;padding-block: 0.25rem}.chips::-webkit-scrollbar{display: none}.chips button{flex: none;min-height: 44px;padding: 0.4rem 1.15rem;border-radius: 999px;border: 1.5px solid rgb(255 255 255 / 0.22);background: none;color: var(--crema);font-family: var(--lectura);font-size: 1rem;cursor: pointer;transition: background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}.chips button:hover{border-color: var(--oro);color: var(--oro)}.chips button[aria-pressed="true"]{background: var(--oro);border-color: var(--oro);color: var(--noche);font-weight: 700}.filtros-cuenta{flex: none;font-size: 0.9375rem;color: var(--crema-2)}.vitrina{display: grid;grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));gap: 1.25rem;margin-top: 1rem}.vitrina li[hidden]{display: none}.tp{position: relative;display: block;aspect-ratio: 4 / 5;overflow: hidden;border-radius: 18px;background: var(--noche-2);color: #fff;text-decoration: none;isolation: isolate}.tp img{width: 100%;height: 100%;object-fit: cover;border-radius: 0;transition: scale 0.7s var(--suave)}.tp::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgb(20 15 14 / 0.92),rgb(20 15 14 / 0) 55%)}.tp-anio{position: absolute;top: 0.9rem;left: 0.9rem;z-index: 1;padding: 0.3rem 0.85rem;border-radius: 999px;background: var(--oro);color: var(--noche);font-family: var(--titulos);font-weight: 700;font-size: 0.9rem;letter-spacing: 0.04em}.tp-pie{position: absolute;left: 1.1rem;right: 1.1rem;bottom: 1rem;z-index: 1;display: grid;gap: 0.15rem;transition: translate 0.4s var(--suave)}.tp-pie small{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--oro)}.tp-pie strong{font-family: var(--titulos);font-size: 1.15rem;line-height: 1.2;letter-spacing: 0.02em}.tp:hover img,.tp:focus-visible img{scale: 1.07}.tp:hover .tp-pie,.tp:focus-visible .tp-pie{translate: 0 -0.35rem}.sala{width: 100vw;height: 100dvh;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;background: radial-gradient(60vmax 45vmax at 18% 12%,rgb(111 67 56 / 0.5),transparent 70%),radial-gradient(50vmax 40vmax at 95% 95%,rgb(215 203 117 / 0.09),transparent 70%),#171211;color: var(--crema)}.sala[open]{display: grid;grid-template-rows: auto minmax(0,1fr) auto}.sala::backdrop{background: #171211}.sala :focus-visible{outline-color: var(--oro)}.sala-barra{display: flex;align-items: center;justify-content: space-between;padding: 0.6rem clamp(0.75rem,2vw,1.5rem)}.sala-barra p{font-family: var(--titulos);font-weight: 700;letter-spacing: 0.08em;color: var(--oro)}.sala-barra div{display: flex;gap: 0.5rem}.sala-barra button{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;border: 1px solid rgb(255 255 255 / 0.22);background: none;color: #fff;font-size: 1.1rem;cursor: pointer;transition: background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}.sala-barra button:hover{background: var(--oro);border-color: var(--oro);color: var(--noche)}.giro{rotate: 180deg}.sala-cuerpo{min-height: 0;display: grid;grid-template: minmax(0,1fr) / minmax(0,1fr)}.sala .detalle{display: grid;grid-template-columns: minmax(0,6fr) minmax(0,5fr);grid-template-rows: minmax(0,1fr);min-height: 0}.sala .detalle[hidden]{display: none}.escena{position: relative;display: grid;grid-template: minmax(0,1fr) / minmax(0,1fr);min-height: 0;padding: clamp(0.5rem,2vw,1.5rem)}.escena-caja{display: grid;place-items: center;width: 100%;height: 100%;container-type: size}.lienzo{position: relative;aspect-ratio: var(--r);width: min(100cqw,calc(100cqh * var(--r)))}.lienzo img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 16px}.lienzo .cara-dentro{opacity: 0;transition: opacity 0.6s ease}.lienzo.dentro .cara-dentro{opacity: 1}.lienzo.dentro .punto{opacity: 0;pointer-events: none}.punto{position: absolute;translate: -50% -50%;display: grid;place-items: center;width: 34px;height: 34px;padding: 0;border-radius: 50%;border: 2px solid #fff;background: rgb(31 25 24 / 0.82);color: #fff;font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size: 0.95rem;line-height: 1;cursor: pointer;transition: scale 0.3s var(--suave),background-color 0.3s ease,color 0.3s ease,opacity 0.3s ease}.punto::before{content: "";position: absolute;inset: -8px;border-radius: 50%;border: 2px solid rgb(255 255 255 / 0.55)}.punto:hover,.punto.activo{scale: 1.2;background: var(--oro);color: var(--noche);border-color: var(--noche)}.punto.activo::before{border-color: var(--oro)}.caras-boton{position: absolute;left: 50%;bottom: clamp(1rem,3vw,2.25rem);translate: -50% 0;min-height: 46px;padding: 0.45rem 1.25rem;background: rgb(31 25 24 / 0.9);color: #fff;border: 2px solid var(--oro)}.caras-boton:hover{background: var(--oro);color: var(--noche)}.panel{min-height: 0;overflow-y: auto;padding: clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,3rem) 2rem;scrollbar-width: thin;scrollbar-color: #4a3f3c transparent}.panel-meta{display: flex;align-items: center;gap: 0.75rem;font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--crema-2)}.sello{padding: 0.3rem 0.9rem;border-radius: 999px;background: var(--oro);color: var(--noche);font-family: var(--titulos);font-size: 0.95rem;letter-spacing: 0.04em;text-transform: none}.panel h2{margin-top: 0.9rem;font-size: clamp(1.5rem,2.6vw,2.2rem);color: #fff}.panel > p{margin-top: 1rem;max-width: 36rem}.panel h4{margin: 2rem 0 0.75rem;font-family: var(--lectura);font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--oro)}.partes{display: grid;gap: 0.5rem;max-width: 36rem}.partes button{display: flex;gap: 0.9rem;width: 100%;padding: 0.75rem 0.9rem;border: 1px solid rgb(255 255 255 / 0.12);border-radius: 14px;background: var(--noche-2);color: var(--crema-2);font-family: var(--lectura);font-size: 0.9875rem;line-height: 1.5;text-align: left;cursor: pointer;transition: border-color 0.3s ease,background-color 0.3s ease}.partes b{display: grid;place-items: center;flex: none;width: 30px;height: 30px;border-radius: 50%;border: 2px solid var(--oro);color: var(--oro);font-family: system-ui,sans-serif;font-size: 0.9rem;transition: background-color 0.3s ease,color 0.3s ease}.partes strong{display: block;font-family: var(--titulos);font-size: 1rem;letter-spacing: 0.03em;color: #fff}.partes button:hover,.partes li.activo button{border-color: var(--oro);background: #352b28}.partes li.activo b{background: var(--oro);color: var(--noche)}.datos-clave{display: grid;gap: 1rem;margin-top: 1.5rem;max-width: 36rem}.datos-clave li{padding-left: 0.9rem;border-left: 3px solid var(--oro);font-size: 0.9875rem;line-height: 1.5;color: var(--crema-2)}.datos-clave strong{display: block;font-family: var(--titulos);font-size: 0.98rem;letter-spacing: 0.03em;color: var(--oro)}.pregunta{margin-top: 1.75rem;max-width: 36rem;background: var(--tarjeta);border-radius: var(--radio);color: var(--tinta)}.pregunta summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 56px;padding: 0.8rem 1.25rem;font-weight: 700;cursor: pointer;list-style: none}.pregunta summary::-webkit-details-marker{display: none}.pregunta summary::after{content: "+";display: grid;place-items: center;flex: none;width: 30px;height: 30px;border-radius: 50%;background: var(--marron);color: #fff;font-family: system-ui,sans-serif;font-size: 1.25rem;line-height: 1;transition: rotate 0.35s var(--suave)}.pregunta[open] summary::after{rotate: 45deg}.pregunta p{padding: 0 1.25rem 1.2rem;color: var(--tinta-2)}.relacionadas{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center}.relacionadas h4{flex-basis: 100%;margin-bottom: 0.15rem}.relacionadas a{display: flex;align-items: center;gap: 0.7rem;padding: 0.35rem 1.1rem 0.35rem 0.4rem;border-radius: 999px;border: 1px solid rgb(255 255 255 / 0.18);color: #fff;text-decoration: none;font-size: 0.9375rem;line-height: 1.25;transition: border-color 0.25s ease,background-color 0.25s ease}.relacionadas a:hover{border-color: var(--oro);background: var(--noche-2)}.relacionadas img{width: 44px;height: 44px;border-radius: 50%;object-fit: cover}.relacionadas small{display: block;color: var(--oro)}.crono ol{display: flex;gap: 0.6rem;overflow-x: auto;scroll-snap-type: x proximity;padding-bottom: 0.75rem;scrollbar-width: thin;scrollbar-color: #4a3f3c transparent}.crono li{flex: none;width: 10.5rem;padding: 0.8rem 0.9rem 0.9rem;background: var(--noche-2);border-radius: var(--radio);border-top: 4px solid #4a3f3c;scroll-snap-align: start;font-size: 0.9rem;line-height: 1.45;color: var(--crema-2)}.crono li b{display: block;margin-bottom: 0.2rem;font-family: var(--titulos);font-size: 1.1rem;color: #fff}.crono li.aqui{border-top-color: var(--oro);background: var(--marron);color: #f6ece4}.crono li.aqui b{color: var(--oro)}.sala-tira{display: flex;gap: 0.5rem;overflow-x: auto;padding: 0.6rem clamp(0.75rem,2vw,1.5rem) 0.8rem;scrollbar-width: none;border-top: 1px solid rgb(255 255 255 / 0.08)}.sala-tira::-webkit-scrollbar{display: none}.sala-tira button{flex: none;padding: 0;border: 2px solid transparent;border-radius: 12px;background: none;opacity: 0.5;cursor: pointer;transition: opacity 0.25s ease,border-color 0.25s ease,scale 0.3s var(--suave)}.sala-tira img{width: 52px;height: 52px;border-radius: 9px;object-fit: cover}.sala-tira button:hover{opacity: 1}.sala-tira button[aria-current="true"]{opacity: 1;border-color: var(--oro);scale: 1.08}.detalles{padding-block: 3rem}.js .detalles{display: none}.detalles .detalle{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;margin-bottom: 4rem}.detalles .escena{height: 70vh}.linea-seccion{padding-block: clamp(1rem,3vw,2rem) clamp(4rem,8vw,6.5rem)}.linea-seccion .sobretitulo{color: var(--oro)}.pista{display: grid;grid-template-columns: minmax(0,3fr) minmax(0,9fr);gap: clamp(1.5rem,4vw,3.5rem);align-items: start}.pista + .pista{margin-top: clamp(3rem,6vw,5rem)}.pista-cabeza{position: sticky;top: calc(var(--alto-cabecera) + 1rem)}.pista-tema{font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--oro)}.pista-cabeza h3{margin-top: 0.5rem;font-size: clamp(1.4rem,2.4vw,1.9rem);color: #fff}.pista-cabeza h3 + p{margin-top: 0.75rem;color: var(--crema-2)}.pista-paradas{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(0.9rem,2vw,1.5rem)}.pista-paradas::before{content: "";position: absolute;top: 1.05rem;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,var(--oro),rgb(215 203 117 / 0.15));transform-origin: left}.parada{position: relative;display: grid;gap: 1rem;color: var(--crema-2);text-decoration: none}.parada-anio{justify-self: start;display: grid;place-items: center;height: 2.1rem;padding-inline: 1rem;border-radius: 999px;background: var(--oro);color: var(--noche);font-family: var(--titulos);font-weight: 700;font-size: 0.95rem;letter-spacing: 0.04em;box-shadow: 0 0 0 6px rgb(215 203 117 / 0.16)}.parada-foto{display: block;aspect-ratio: 4 / 5;overflow: hidden;border-radius: 18px;background: var(--noche-2)}.parada-foto img{width: 100%;height: 100%;object-fit: cover;border-radius: 0;transition: scale 0.7s var(--suave)}.parada-texto{display: grid;gap: 0.4rem;font-size: 0.9875rem;line-height: 1.5}.parada-texto strong{font-family: var(--titulos);font-size: 1.1rem;line-height: 1.25;letter-spacing: 0.02em;color: #fff}.parada-texto em{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.25rem;font-style: normal;font-weight: 700;color: var(--oro)}.parada-texto em .icono{transition: translate 0.3s var(--suave)}.parada:hover .parada-foto img,.parada:focus-visible .parada-foto img{scale: 1.07}.parada:hover em .icono,.parada:focus-visible em .icono{translate: 5px 0}.reto-seccion{padding-block: clamp(4rem,8vw,6rem);border-top: 1px solid rgb(255 255 255 / 0.08)}.reto-rejilla{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,6fr);gap: clamp(2rem,5vw,5rem);align-items: center}.reto-intro h2{color: #fff}.reto-intro p{margin-top: 1rem;max-width: 26rem;color: var(--crema-2);font-size: 1.125rem}.reto{padding: clamp(1.5rem,3vw,2.5rem);background: linear-gradient(150deg,rgb(58 42 37 / 0.85),rgb(26 20 19 / 0.9));-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius: 20px;border: 1px solid rgb(255 255 255 / 0.1)}.reto-avance{height: 6px;border-radius: 3px;background: #3a302d;overflow: hidden}.reto-avance span{display: block;height: 100%;width: 0;background: var(--oro);border-radius: 3px;transition: width 0.5s var(--suave)}.reto-paso{margin-top: 1rem;font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--oro)}.reto-pregunta{margin: 0.75rem 0 0;padding: 0;border: 0;min-width: 0}.reto-pregunta legend{padding: 0;font-family: var(--titulos);font-weight: 700;font-size: clamp(1.15rem,2vw,1.45rem);line-height: 1.3;color: #fff}.reto-pregunta button{display: block;width: 100%;margin-top: 0.7rem;min-height: 52px;padding: 0.7rem 1.1rem;border-radius: 14px;border: 1.5px solid rgb(255 255 255 / 0.18);background: var(--noche-2);color: var(--crema);font-family: var(--lectura);font-size: 1rem;text-align: left;cursor: pointer;transition: border-color 0.25s ease,background-color 0.25s ease,translate 0.25s var(--suave)}.reto-pregunta legend + button{margin-top: 1.25rem}.reto-pregunta button:hover:not([disabled]){border-color: var(--oro);translate: 4px 0}.reto-pregunta button[disabled]{cursor: default;opacity: 0.55}.reto-pregunta button.bien{opacity: 1;border-color: #7fc98f;background: #1f3626;color: #fff}.reto-pregunta button.mal{opacity: 1;border-color: #e08b7a;background: #3b1f1a;color: #fff}.reto-nota{min-height: 1.7em;margin-top: 1rem;font-weight: 700;color: #fff}.reto-pie{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 0.75rem;min-height: 50px}.reto-final{text-align: center;padding-block: 1rem}.reto-final strong{display: block;font-family: var(--titulos);font-size: clamp(2.5rem,6vw,4rem);line-height: 1;color: var(--oro)}.reto-final p{margin-top: 0.75rem;color: var(--crema);font-size: 1.125rem}.cierre{background: linear-gradient(100deg,var(--marron-osc),var(--marron) 50%,#9a7d4c 100%);color: #fff;text-align: center}.cierre .contenedor{padding-block: clamp(3.5rem,7vw,5.5rem)}.cierre p{max-width: 34rem;margin: 1rem auto 2rem;font-size: 1.125rem;color: #f6ece4}@media (prefers-reduced-motion: no-preference){.js .pista.revelar .pista-paradas::before{transform: scaleX(0);transition: transform 1.4s var(--suave) 0.2s}.js .pista.revelar.visible .pista-paradas::before{transform: none}.js .pista.revelar .pista-paradas li{opacity: 0;translate: 0 1.5rem;transition: opacity 0.7s ease,translate 0.7s var(--suave);transition-delay: calc(var(--p) * 280ms + 300ms)}.js .pista.revelar.visible .pista-paradas li{opacity: 1;translate: 0 0}.vitrina li{animation: entrar 0.6s var(--suave) both;animation-delay: calc(var(--i,0) * 45ms)}.sala[open] .detalle:not([hidden]) .lienzo{animation: llegar 0.55s var(--suave) both}.sala[open] .detalle:not([hidden]) .panel > *{animation: entrar 0.6s var(--suave) both;animation-delay: 0.12s}@keyframes llegar{from{opacity: 0;scale: 0.94}to{opacity: 1;scale: 1}}.sala[open] .detalle:not([hidden]) .punto{animation: brotar 0.5s var(--suave) both;animation-delay: calc(var(--n) * 120ms + 450ms)}@keyframes brotar{from{opacity: 0;scale: 0}to{opacity: 1}}.punto::before{animation: onda 2.2s ease-out infinite}@keyframes onda{from{opacity: 1;transform: scale(0.75)}to{opacity: 0;transform: scale(1.5)}}.pregunta[open] p{animation: entrar 0.4s var(--suave) both}}@media (max-width: 899px){.sala .detalle{grid-template-columns: minmax(0,1fr);grid-template-rows: 44dvh minmax(0,1fr)}.escena{padding: 0 0.75rem 0.5rem}.filtros-cuenta{display: none}.vitrina{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}.tp-pie strong{font-size: 1rem}.tp-pie{left: 0.8rem;right: 0.8rem;bottom: 0.8rem}.tp-anio{top: 0.6rem;left: 0.6rem;font-size: 0.8rem}.reto-rejilla{grid-template-columns: minmax(0,1fr)}.filtros{margin-inline: -0.5rem;padding: 0.3rem 0.5rem}.pista{grid-template-columns: minmax(0,1fr)}.pista-cabeza{position: static}.detalles .detalle{grid-template-columns: minmax(0,1fr)}.sala-tira img{width: 44px;height: 44px}}@media (max-width: 640px){.pista-paradas{grid-template-columns: minmax(0,1fr);gap: 1.75rem;padding-left: 1.5rem}.pista-paradas::before{top: 0;bottom: 0;left: 0.3rem;right: auto;width: 2px;height: auto;background: linear-gradient(180deg,var(--oro),rgb(215 203 117 / 0.15));transform-origin: top}.parada{grid-template-columns: 6.5rem minmax(0,1fr);gap: 0.75rem 1rem;align-items: start}.parada-anio{grid-column: 1 / -1}.parada-anio::before{content: "";position: absolute;left: -1.5rem;top: 1.05rem;width: 1.5rem;height: 2px;background: var(--oro)}.parada-foto{border-radius: 14px}}@media (max-width: 640px) and (prefers-reduced-motion: no-preference){.js .pista.revelar .pista-paradas::before{transform: scaleY(0)}}.reto-pie [hidden]{display: none}