:root{--crema-card: rgba(247, 241, 230, .84);--texto: #463524;--texto-suave: #6f5840;--cobre: #a4703f;--cobre-deep: #8a5a30;--borde: rgba(120, 92, 60, .18);--serif: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{height:100dvh;margin:0}@supports not (height: 100dvh){html,body,#app{height:100vh}}body{background:#1a1410;overflow:hidden;font-family:var(--sans);color:var(--texto)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:var(--focus, center);opacity:0;transition:opacity 1.2s ease}.bg.activo{opacity:1;animation:respira 26s ease-in-out infinite alternate}@keyframes respira{0%{transform:scale(1)}to{transform:scale(1.06)}}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;pointer-events:none}.ambient.show{opacity:1}.vid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none;background:#1a1410}.vid.show{opacity:1}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(130% 100% at 50% 60%,#14100c00 45%,#14100c73)}.marca{position:fixed;top:20px;left:28px;z-index:6;font-family:var(--serif);font-size:1.2rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.5)}.marca small{display:block;font-family:var(--sans);font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;opacity:.9}.navbar{position:fixed;top:22px;right:28px;z-index:6;display:none;gap:22px}.navbar.show{display:flex}.navbar .navlink{cursor:pointer;color:#fbf6ec;font-size:.9rem;font-family:var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.6);opacity:.9;background:none;border:none;padding:4px 2px}.navbar .navlink:hover{opacity:1;text-decoration:underline}.umbral{position:fixed;top:16%;left:0;right:0;z-index:5;text-align:center;padding:0 8vw;font-family:var(--serif);font-size:clamp(1.15rem,2.8vw,1.9rem);color:#fbf6ec;pointer-events:none;opacity:0;transition:opacity 1.1s ease;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 26px rgba(0,0,0,.5)}.umbral.show{opacity:1}.chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.chrome>*{pointer-events:auto}.card{background:#f7f1e6ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--borde);border-radius:22px;box-shadow:0 22px 60px #0006}.pregunta{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:min(520px,90vw);padding:30px 34px 26px;text-align:center}.pregunta h2{font-family:var(--serif);font-weight:500;font-size:2rem;margin:0 0 6px;color:var(--texto)}.pregunta .sub{margin:0 0 22px;font-size:.9rem;color:var(--texto-suave)}.etapas{display:flex;flex-direction:column;gap:9px}.empezar{margin-top:12px;padding-top:14px;border-top:1px solid var(--borde)}.btn-empezar{width:100%;justify-content:center;color:var(--texto-suave);font-style:italic}.auxilio-link{display:block;width:100%;margin-top:16px;padding:4px 0;cursor:pointer;border:none;background:none;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--cobre-deep);opacity:.9;text-align:center}.auxilio-link:hover{opacity:1;text-decoration:underline}.btn:focus-visible,.navlink:focus-visible,.auxilio-link:focus-visible{outline:2px solid var(--cobre-deep);outline-offset:3px;border-radius:8px}@media(prefers-reduced-motion:reduce){.bg.activo{animation:none!important}.bg,.vid,.ambient,.umbral{transition:none!important}}.barra{position:absolute;bottom:6%;left:50%;transform:translate(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:92vw}.barra .auxilio-link{width:100%;margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#ffffff6b;border:1px solid var(--borde);border-radius:14px;padding:14px 20px;font-size:1rem;color:var(--texto);font-family:var(--sans);transition:background .2s ease,border-color .2s ease}.btn:hover{background:#fff;border-color:#a4703f66}.barra .btn{background:var(--crema-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-volver{color:var(--texto-suave)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:linear-gradient(160deg,#f4ecdf,#e8ddcf);transition:opacity .7s ease}.loader.hide{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-marca{font-family:var(--serif);font-size:1.6rem;color:var(--texto)}.loader-marca small{display:block;font-family:var(--sans);font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:var(--texto-suave);margin-top:6px}.loader-msg{font-family:var(--serif);font-size:1.15rem;color:var(--texto-suave);margin:28px 0 22px;line-height:1.6}.loader-msg span{font-size:.95rem;opacity:.8}.loader-bar{width:200px;height:3px;margin:0 auto;background:#785c3c2e;border-radius:999px;overflow:hidden}.loader-bar-fill{width:0;height:100%;background:linear-gradient(90deg,var(--cobre),var(--cobre-deep));transition:width .3s ease}@media(prefers-reduced-motion:reduce){.loader,.loader-bar-fill{transition:none!important}}@media(max-width:600px){@keyframes respira{0%{transform:scale(1)}to{transform:scale(1.03)}}.bg.activo{animation-duration:40s}.marca{top:max(12px,env(safe-area-inset-top));left:16px;font-size:1.05rem}.navbar{top:max(12px,env(safe-area-inset-top));right:12px;gap:14px}.navbar .navlink{padding:11px 6px}.umbral{top:12%;padding:0 6vw;font-size:clamp(1.05rem,4.6vw,1.4rem);text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 22px rgba(0,0,0,.65)}.pregunta{width:100%;left:0;transform:none;bottom:0;border-radius:22px 22px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));max-height:78dvh;overflow-y:auto}.pregunta h2{font-size:1.5rem}.pregunta .sub{font-size:.85rem;margin-bottom:16px}.etapas{gap:8px}.btn{padding:13px 16px;font-size:.95rem}.barra{bottom:0;left:0;transform:none;width:100%;max-width:100%;flex-direction:column;flex-wrap:nowrap;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(20,16,12,.55),transparent)}.barra .btn{width:100%}.auxilio-link{padding:12px 0}.loader-inner{padding:0 24px}.loader-marca{font-size:1.35rem}.loader-msg{font-size:1rem;margin:22px 0 18px}.loader-bar{width:min(200px,70vw)}}@media(max-height:480px)and (orientation:landscape){.umbral{top:6%;font-size:1rem}.pregunta{bottom:0;left:50%;transform:translate(-50%);width:min(560px,96vw);max-height:94dvh;padding:12px 18px calc(10px + env(safe-area-inset-bottom))}.pregunta h2{font-size:1.2rem;margin-bottom:2px}.pregunta .sub{display:none}.etapas{display:grid;grid-template-columns:1fr 1fr;gap:6px}}