@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Readex Pro;src:url(/fonts/ReadexPro-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--fondo:#14181b;--superficie:#1d2428;--superficie-2:#262d32;--borde:#39424a;--texto:#fff;--texto-2:#b9c2c9;--celeste:#b8e3ff;--dorado:#ffd419;--dorado-osc:#b26a00;--verde:#00804b;--verde-wa:#25d366;--rojo:#d32f2f;--marron:#ab633f;--ambar-fondo:#fff8e1;--ambar-borde:#ffb300;--ambar-texto:#6d4c00;--radio:10px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;font-family:Readex Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4;overflow-x:clip}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}.barra-carga{z-index:100;pointer-events:none;opacity:0;background:#fff;width:0;height:3px;position:fixed;top:0;left:0;box-shadow:0 0 8px #ffffffb3}.barra-carga.activa{opacity:1;animation:12s cubic-bezier(.08,.75,.2,1) forwards barra-crece}.barra-carga.activa.fin{opacity:0;width:100%;transition:width .2s ease-out,opacity .3s .2s;animation:none}@keyframes barra-crece{0%{width:0}to{width:92%}}.banda-dev{color:#000;text-align:center;background:#ff6f00;padding:4px 8px;font-size:12px;font-weight:700}.contenedor{max-width:760px;margin:0 auto;padding:0 12px}.btn{border-radius:var(--radio);letter-spacing:.3px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn-verde{background:var(--verde);color:#fff}.btn-verde:disabled{opacity:.6;cursor:default}.btn-borde{border:1px solid var(--borde);color:var(--texto)}.btn-rojo{background:var(--rojo);color:#fff}.btn-ancho{width:100%}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 16px}.aviso-ambar{background:var(--ambar-fondo);border:1px solid var(--ambar-borde);color:var(--ambar-texto);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600}.campo{border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie-2);width:100%;min-height:46px;padding:10px 12px;font-size:16px}.campo:focus{outline:2px solid var(--verde);border-color:#0000}.etiqueta{color:var(--texto-2);margin:0 0 6px;font-size:13px;display:block}.error{color:#ff6b6b;margin-top:4px;font-size:13px}.titulo-paso{align-items:center;gap:10px;padding:18px 0 6px;display:flex}.titulo-paso h1{margin:0;font-size:22px}.titulo-paso .paso{color:var(--texto-2);font-size:13px}.volver{background:var(--superficie);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;display:inline-flex}.toast{color:#fff;z-index:50;background:#323232;border-radius:8px;width:min(92vw,520px);padding:12px 16px;font-size:14px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.velo{z-index:40;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialogo{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;width:min(100%,440px);max-height:90dvh;padding:20px;overflow:auto}.dialogo h2{margin:0 0 6px;font-size:20px}.dialogo .sub{color:var(--texto-2);margin:0 0 16px;font-size:14px}.dialogo .acciones{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.personaje{cursor:pointer;transform-origin:50% 100%;flex:none;position:relative}.personaje.saltando{z-index:60}.personaje.por-caer{opacity:0}.personaje.llegando .poster,.personaje.llegando canvas{transition:none}.globo{color:#1d2428;cursor:pointer;background:#fff;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.3;transition:opacity .2s;position:relative}.globo.cambiando{opacity:0}.globo strong{color:var(--marron);font-size:17px;display:block}.globo-titulo{flex-direction:column;justify-content:center;min-height:58px;margin:6px 0 4px;font-size:14px;display:flex}.globo-titulo:before{content:"";border:9px solid #0000;border-top-width:0;border-bottom:10px solid #fff;position:absolute;top:-9px;right:21px}.globo-centro{text-align:center;justify-content:center;align-items:center;max-width:340px;min-height:58px;margin:4px auto 0;display:flex}.globo-centro:before{content:"";border:9px solid #0000;border-top-width:0;border-bottom:10px solid #fff;margin-left:-9px;position:absolute;top:-9px;left:50%}.titulo-paso .personaje.mini{width:60px;height:80px;margin:-10px 0 -12px auto}.personaje .poster,.personaje .lienzo,.personaje canvas{width:100%;height:100%;position:absolute;inset:0}.personaje .poster{object-fit:contain;transition:opacity .35s}.personaje canvas{opacity:0;transition:opacity .35s;display:block}.personaje.vivo canvas{opacity:1}.personaje.vivo .poster{opacity:0}.fab{right:16px;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--verde);color:#fff;z-index:30;border-radius:16px;align-items:center;gap:8px;min-height:54px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 8px 20px #00000073}.fab .badge{background:var(--marron);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;display:inline-flex}.spinner{border:4px solid var(--borde);border-top-color:var(--verde);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#232a2f 25%,#2d353b 50%,#232a2f 75%) 0 0/200% 100%;border-radius:6px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}