@font-face{font-family:Lora;src:url(/fuentes/lora.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(/fuentes/lora-italica.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Oswald;src:url(/fuentes/oswald.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--noche: #0d0a08;--carbon: #1a140f;--pergamino: #f4ecdd;--tinta: #2a211a;--sepia: #8a7558;--oro: #c9a14a;--oro-claro: #f0cf7a;--fuego: #ff8a2a;--ok: #5fae6b;--mal: #c2443c;--titulo: "Oswald", "Arial Narrow", sans-serif;--lectura: "Lora", Georgia, serif;--abajo: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--noche);color:var(--pergamino)}body{font:17px/1.6 var(--lectura);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;font-size:16px;touch-action:manipulation;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid var(--oro-claro);outline-offset:2px}.entrada{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:14px;padding:24px 16px calc(40px + var(--abajo));background:linear-gradient(to top,rgba(13,10,8,.95) 0%,rgba(13,10,8,.55) 45%,transparent 75%)}.entrada-marca{width:min(70vw,340px);height:auto;margin:4vh 0 auto;border-radius:16px;border:1px solid rgba(240,207,122,.55);box-shadow:0 0 0 6px #0d0a0899,0 0 60px #f0cf7a47,0 20px 50px #0009;opacity:0;animation:portada 1.8s .2s cubic-bezier(.2,.7,.2,1) forwards}@keyframes portada{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@media (max-height: 700px){.entrada-marca{width:min(52vw,260px)}}.entrada-titulo{font:600 clamp(22px,6vw,34px)/1.15 var(--titulo);letter-spacing:.02em;text-transform:uppercase;margin:0;max-width:22ch;color:var(--oro-claro);opacity:0;animation:subir 1s 1.2s ease-out forwards}.entrada-sub{margin:0;max-width:34ch;opacity:0;animation:subir 1s 1.6s ease-out forwards}.entrada .boton-oro{opacity:0;animation:subir .8s 2.1s ease-out forwards}.boton-oro{min-height:52px;padding:12px 34px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6dc8f,var(--oro) 55%,#9c7426);color:var(--noche);font:600 18px var(--titulo);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 1px #ffe6a066,0 8px 30px #c9a14a59;position:relative;overflow:hidden}.boton-oro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);animation:destello 3.2s 3s infinite}.marcador{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px 16px}.dato{min-height:44px;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#1a140fb8;border:1px solid rgba(201,161,74,.35);font:500 15px var(--titulo);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.boton-atributos{color:var(--oro-claro)}.dato{gap:6px}.dato-icono{width:18px;height:18px;color:var(--oro-claro)}.boton-sonido{width:44px;justify-content:center;padding:0}.parada{position:relative;overflow:hidden;isolation:isolate}.parada-fondo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.45}.parada-num svg{width:18px;height:18px}.parada.bloqueada .parada-num{color:var(--oro);background:#c9a14a1a}.boton-cerrar{display:grid;place-items:center}.estacion-portada{margin:0;position:relative;height:min(56dvh,520px);overflow:hidden;background:var(--noche)}.estacion-portada .media-principal{position:relative;width:100%;height:100%;object-fit:cover;animation:acercar 14s ease-out forwards}.media-fondo{display:none}.estacion-portada:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,var(--pergamino))}.revelacion-media{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;padding:0;border:0;background:#000;overflow:hidden;animation:aparecer .6s ease-out}.revelacion-media video,.revelacion-media .media-principal{position:relative;width:100%;height:100%;object-fit:cover}.revelacion-media .media-principal{animation:acercar 9s ease-out forwards}.media-seguir{position:absolute;left:0;right:0;bottom:calc(18px + var(--abajo));text-align:center;font:500 13px var(--titulo);letter-spacing:.16em;text-transform:uppercase;color:#f4ecddbf;text-shadow:0 1px 6px #000}@media (min-aspect-ratio: 4/5){.media-fondo{display:block;position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(28px) brightness(.45)}.revelacion-media video,.revelacion-media .media-principal,.estacion-portada .media-principal{object-fit:contain}.estacion-portada{height:min(70dvh,640px)}}@keyframes acercar{0%{transform:scale(1.08)}to{transform:scale(1)}}.camino{padding:0 0 calc(16px + var(--abajo));background:linear-gradient(to top,rgba(13,10,8,.92),transparent)}.camino-guia{text-align:center;margin:0 16px 10px;font:500 15px var(--titulo);letter-spacing:.04em;color:var(--oro-claro)}.paradas{list-style:none;margin:0;padding:4px 16px 8px;display:flex;align-items:stretch;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.paradas::-webkit-scrollbar{display:none}.paradas li{flex:0 0 auto;scroll-snap-align:center}.parada{width:150px;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:14px;text-align:left;background:#1a140fd1;border:1px solid rgba(138,117,88,.45)}.parada-num{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#c9a14a26;font:600 15px var(--titulo)}.paradas li{display:flex}.parada-nombre{font:500 14px/1.25 var(--titulo);letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.parada.hecha{border-color:#c9a14a99}.parada.hecha .parada-num{background:var(--oro);color:var(--noche)}.parada.disponible{border-color:var(--oro-claro);box-shadow:0 0 22px #f0cf7a59;animation:latido 2.2s infinite}.parada.bloqueada{opacity:.45;cursor:default}.capa-abajo{display:flex;flex-direction:column;align-items:stretch}.capa-abajo .camino:has(+.boton-reiniciar){padding-bottom:8px}.boton-reiniciar{align-self:center;margin-bottom:calc(14px + var(--abajo));min-height:44px;background:none;border:1px solid var(--sepia);border-radius:999px;padding:8px 18px;color:var(--pergamino)}.revelacion{margin:0 16px calc(28px + var(--abajo));padding:18px;border-radius:18px;text-align:center;background:#0d0a0899;border:1px solid rgba(240,207,122,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:subir .8s 1.2s ease-out both}.revelacion{display:block;width:calc(100% - 32px);color:var(--pergamino);font:inherit}.revelacion-seguir{display:block;margin-top:12px;font:500 13px var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--sepia)}.revelacion-titulo{margin:0;font:500 14px var(--titulo);letter-spacing:.3em;text-transform:uppercase;color:var(--oro)}.revelacion-nombre{margin:6px 0 0;font:600 24px/1.2 var(--titulo);color:var(--oro-claro)}.revelacion-atributos{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.revelacion-atributos li{padding:4px 12px;border-radius:999px;background:#c9a14a33;font-size:15px;animation:subir .6s ease-out both}.revelacion-atributos li:nth-child(2){animation-delay:.15s}.revelacion-atributos li:nth-child(3){animation-delay:.3s}.revelacion-atributos li:nth-child(4){animation-delay:.45s}.estacion{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overscroll-behavior:contain;background:var(--pergamino);color:var(--tinta);animation:aparecer .35s ease-out}.estacion-cabeza{position:sticky;top:0;z-index:1;display:flex;gap:12px;align-items:center;padding:8px 16px;background:var(--noche);color:var(--pergamino);border-bottom:2px solid var(--oro)}.boton-volver{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--sepia);background:none;font-size:20px}.estacion-num{margin:0;font:500 12px var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--oro)}.estacion-nombre{margin:0;font:600 17px/1.2 var(--titulo)}.estacion-texto{max-width:680px;margin:0 auto;padding:20px 16px calc(40px + var(--abajo))}.lectura .bloque{margin:0 0 14px;overflow-wrap:break-word}.lectura .titulo{font:600 22px/1.25 var(--titulo);text-transform:uppercase;color:#6b4f1d;text-align:center;margin:8px 0 18px}.lectura .subtitulo strong:first-child{color:#6b4f1d}.lectura .versiculo,.lectura .cita{padding:12px 14px;border-left:4px solid var(--oro);background:#fffaf0;border-radius:0 10px 10px 0}.lectura .versiculo em{color:#4a3517}.lectura .vineta{position:relative;padding-left:26px}.lectura .vineta:before{content:"➢";position:absolute;left:0;color:var(--oro)}.glifo{display:none}.reto{margin-top:28px;padding:20px 16px;border-radius:16px;background:var(--noche);color:var(--pergamino);box-shadow:0 10px 30px #2a211a40}.reto h3{margin:0 0 12px;font:600 15px var(--titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--oro)}.reto-frase,.reto-pregunta{font-size:18px;margin:0 0 16px}.hueco{display:inline-block;min-width:4em;border-bottom:2px solid var(--oro-claro);text-align:center}.hueco.lleno{color:var(--oro-claro);font-weight:700;animation:subir .4s ease-out}.opciones{display:grid;gap:10px}.opcion{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;border:2px solid rgba(201,161,74,.5);background:#f4ecdd0f;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}.opcion-icono{flex:none;width:24px;height:24px}.opcion.mal{background:#a3271f;border-color:#e0483d;color:#fff;animation:temblar .35s;cursor:default}.opcion.mal .opcion-texto{text-decoration:line-through;text-decoration-thickness:2px}.opcion.bien{background:#2f7d3c;border-color:#6fd17f;color:#fff;animation:acierto .5s ease-out}@keyframes acierto{40%{transform:scale(1.04)}}.pista{margin:12px 0 0;color:#ff9d94;font-size:15px}.hoja{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-end;background:#0000008c;overscroll-behavior:contain;animation:aparecer .25s}.hoja-cuerpo{position:relative;width:100%;max-height:88dvh;overflow-y:auto;padding:22px 16px calc(24px + var(--abajo));border-radius:20px 20px 0 0;background:var(--carbon);border-top:2px solid var(--oro);animation:subir .35s ease-out}.hoja-titulo{margin:0 0 12px;font:600 22px var(--titulo);text-transform:uppercase;color:var(--oro-claro)}.boton-cerrar{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid var(--sepia);background:none}.atributos{list-style:none;margin:0;padding:0;display:grid;gap:6px}.atributos li{padding:10px 12px;border-radius:10px;background:#f4ecdd0d}.atributos .abierto{color:var(--oro-claro);border:1px solid rgba(201,161,74,.4)}.atributos .cerrado{color:var(--sepia)}.final-insignia{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:999px;background:var(--oro);color:var(--noche);font:600 14px var(--titulo);letter-spacing:.1em;text-transform:uppercase}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes subir{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes destello{0%{transform:translate(-120%)}35%,to{transform:translate(120%)}}@keyframes latido{0%,to{box-shadow:0 0 14px #f0cf7a40}50%{box-shadow:0 0 30px #f0cf7a8c}}@keyframes temblar{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}@media (min-width: 900px){.paradas{justify-content:safe center}}.sala{position:relative}.pelicula{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100lvh;z-index:0;display:block;background:var(--noche)}.pelicula-quieta{object-fit:cover}.sala-arriba{position:fixed;top:0;left:0;right:0;z-index:2;pointer-events:none}.sala-arriba>*{pointer-events:auto}.sala-cap{position:relative;z-index:1;height:240vh;padding:110vh 16px 0}.sala-texto{position:sticky;top:46vh;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:14px;background:#0d0a08a8;border:1px solid rgba(201,161,74,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sala-texto .bloque{margin:0;color:var(--pergamino);font-size:16px}.sala-texto .bloque+.bloque,.sala-texto .lectura+.lectura{margin-top:10px}.sala-texto .versiculo,.sala-texto .cita{background:none;border:0;padding:0}.sala-texto .versiculo em{color:var(--oro-claro)}.sala-final{position:relative;z-index:1;min-height:100lvh;display:flex;flex-direction:column;justify-content:flex-end}.ir-estaciones{position:fixed;left:50%;bottom:calc(16px + var(--abajo));transform:translate(-50%);z-index:2;min-height:44px;padding:8px 20px;border-radius:999px;border:1px solid rgba(240,207,122,.6);background:#0d0a08b8;color:var(--oro-claro);font:600 15px var(--titulo);letter-spacing:.06em;text-transform:uppercase;transition:opacity .3s}.sala.en-final .ir-estaciones{opacity:0;pointer-events:none}.entrada-fondo{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100lvh;object-fit:cover;z-index:-1;opacity:.55}.sala-bienvenida{position:relative;z-index:1;min-height:100lvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:96px 24px calc(80px + var(--abajo));text-align:center;background:linear-gradient(to bottom,#0d0a08d1,#0d0a0899 60%,#0d0a0800)}.bienvenida-gloria{margin:0;max-width:20ch;font:600 clamp(26px,7.5vw,46px)/1.2 var(--titulo);text-transform:uppercase;letter-spacing:.02em;color:var(--oro-claro);text-shadow:0 0 30px rgba(240,207,122,.35);opacity:0;animation:subir 1.4s .3s ease-out forwards}.bienvenida-deslizar{margin:0;max-width:26ch;font-size:18px;color:var(--pergamino);opacity:0;animation:subir 1s 1.5s ease-out forwards}.bienvenida-flecha{width:26px;height:26px;border-right:3px solid var(--oro-claro);border-bottom:3px solid var(--oro-claro);transform:rotate(45deg);opacity:0;animation:aparecer .6s 2.2s forwards,flecha 1.6s 2.2s ease-in-out infinite}@keyframes flecha{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(12px) rotate(45deg)}}