@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/urbanist-latin-ext-wght-normal-Bdxck5Au.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/urbanist-latin-wght-normal-D69JTELx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fondo:#2a2a2a;--hoja:#343434;--texto:#fff;--suave:#ffffff9e;--tenue:#ffffff3d;--borde:#ffffff3d;--radio:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Urbanist Variable,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;min-height:100%}body{-webkit-font-smoothing:antialiased;justify-content:center;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #fff}#app{width:100%;max-width:440px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) 24px calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;display:flex}.vista{flex-direction:column;flex:1;animation:.22s ease-out aparecer;display:flex}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}}.marca{text-align:center;letter-spacing:.32em;margin-top:36px;padding-left:.32em;font-size:15px;font-weight:600}.inicio h1{text-align:center;letter-spacing:-.01em;margin-top:22px;font-size:28px;font-weight:600;line-height:1.15}.inicio .sub{text-align:center;color:var(--suave);margin-top:14px;font-size:14px}.etiqueta{letter-spacing:.2em;text-transform:uppercase;color:var(--suave);margin:30px 0 12px;font-size:11px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--borde);border-radius:999px;padding:10px 17px;font-size:14px;transition:background .15s,color .15s}.chip[aria-pressed=true]{color:#161616;background:#fff;border-color:#fff;font-weight:600}.modos{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.modo{text-align:left;border:1px solid var(--borde);border-radius:var(--radio);padding:17px 19px;transition:border-color .15s}.modo[aria-pressed=true]{border:2px solid #fff;padding:16px 18px}.modo strong{align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.modo span{color:var(--suave);margin-top:5px;font-size:12.5px;display:block}.aa{letter-spacing:-.02em;font-weight:600}.primario{color:#161616;border-radius:var(--radio);background:#fff;width:100%;margin-top:auto;padding:18px;font-size:16px;font-weight:600}.primario:active{transform:scale(.99)}.barra{justify-content:space-between;align-items:center;gap:8px;display:flex}.icono-btn{width:36px;height:36px;color:var(--texto);border:1px solid #ffffff38;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.icono-btn:active{transform:scale(.94)}.barra-etiqueta{text-align:center;min-width:0;color:var(--suave);flex:1;font-size:13px}.aviso-descarga{color:var(--suave);text-align:center;letter-spacing:.02em;margin-top:8px;font-size:11px}.descarga{z-index:5;height:2px;position:fixed;top:0;left:0;right:0}.descarga i{background:#fff;width:0;height:100%;transition:width .3s;display:block}.grilla{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.num{text-align:center;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px;padding:12px 8px;display:flex}.num:active{transform:scale(.97)}.num-cifra{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.num-titulo{color:var(--suave);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.num[aria-disabled=true]{border-color:#ffffff14}.num[aria-disabled=true] .num-cifra,.num[aria-disabled=true] .num-titulo{color:var(--tenue)}.num.activa{background:#fff;border-color:#fff}.num.activa .num-cifra{color:#161616}.num.activa .num-titulo{color:#161616a6}.vacio{color:var(--suave);text-align:center;margin:auto 0;font-size:15px;line-height:1.5}.pie{color:var(--suave);border:1px solid #ffffff38;border-radius:999px;align-self:center;align-items:center;gap:8px;margin-top:auto;padding:10px 18px;font-size:14px;display:flex}.centro{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:24px 0;display:flex}.grande{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:76px;font-weight:800;line-height:1}.obra h2{margin-top:18px;font-size:24px;font-weight:600;line-height:1.2}.indicacion{color:var(--suave);margin-top:10px;font-size:14px}.progreso{margin-top:8px}.barra-audio{appearance:none;--p:0%;background:0 0;width:100%;height:24px}.barra-audio::-webkit-slider-runnable-track{background:linear-gradient(#fff, #fff) 0 / var(--p) 100% no-repeat, #ffffff47;border-radius:2px;height:4px}.barra-audio::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px}.barra-audio::-moz-range-track{background:#ffffff47;border-radius:2px;height:4px}.barra-audio::-moz-range-progress{background:#fff;border-radius:2px;height:4px}.barra-audio::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.tiempos{color:var(--suave);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.controles{justify-content:space-between;align-items:center;padding:26px 20px 20px;display:flex}.salto{justify-content:center;align-items:center;gap:2px;min-width:64px;min-height:48px;font-size:15px;font-weight:600;display:flex}.play{color:#161616;background:#fff;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.play:active{transform:scale(.97)}.cargando-audio .play{opacity:.5}.leer-cabecera{text-align:center;padding:28px 0 8px}.leer-cabecera .grande{font-size:56px}.texto-obra{color:#ffffffe6;white-space:pre-wrap;margin-top:22px;font-size:17px;line-height:1.65}.velo{z-index:10;background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s fundido;display:flex;position:fixed;inset:0}.hoja{background:var(--hoja);width:100%;max-width:440px;max-height:88dvh;padding:10px 24px calc(env(safe-area-inset-bottom) + 24px);border-radius:22px 22px 0 0;animation:.26s cubic-bezier(.2,.8,.2,1) subir;overflow-y:auto}.asa{background:#ffffff4d;border-radius:2px;width:38px;height:4px;margin:0 auto 8px}.hoja h3{margin:14px 0 4px;font-size:18px;font-weight:600}.hoja .primario{margin-top:28px}@keyframes fundido{0%{opacity:0}}@keyframes subir{0%{transform:translateY(100%)}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:20;color:#161616;text-align:center;background:#fff;border-radius:12px;max-width:calc(100% - 48px);padding:11px 16px;font-size:13.5px;font-weight:500;animation:.2s fundido;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.vista,.velo,.hoja,.toast{animation:none}}