:root{--fondo: #f1eef8;--fondo-alto: #e6e0f5;--tarjeta: #ffffff;--hundido: #f4f1fa;--tinta: #231a3a;--tenue: #6f6787;--linea: #e4def0;--acento: #4c3bb5;--sobre-acento: #ffffff;--izq: #6a59d1;--izq-suave: #e9e5fb;--sobre-izq: #ffffff;--der: #f0895a;--der-suave: #fdebe1;--sobre-der: #3a1707;--sueno: #a9d3ee;--panal: #d49a2a;--peligro: #b3261e;--sombra: 0 1px 2px rgb(35 26 58 / .05), 0 8px 24px rgb(35 26 58 / .06);--radio: 22px;--display: "Bricolage Grotesque", ui-rounded, -apple-system, sans-serif;--cuerpo: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fondo: #13101d;--fondo-alto: #1d1730;--tarjeta: #1e192c;--hundido: #171323;--tinta: #efebf8;--tenue: #a39bb9;--linea: #2f2845;--acento: #a89cf7;--sobre-acento: #171033;--izq: #9d90f5;--izq-suave: #2a2350;--sobre-izq: #150f33;--der: #f5a27c;--der-suave: #43281c;--sobre-der: #3a1707;--sueno: #2f5f80;--panal: #e3b34f;--peligro: #f2b8b5;--sombra: 0 1px 2px rgb(0 0 0 / .3)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:linear-gradient(180deg,var(--fondo-alto) 0,var(--fondo) 260px) no-repeat,var(--fondo);color:var(--tinta);font:16px/1.4 var(--cuerpo);overscroll-behavior-y:none}h1,h2,h3,p,ul,dl,dd,figure{margin:0;padding:0}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.app{max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 104px)}.barra{display:flex;align-items:baseline;justify-content:space-between;padding:10px 4px 16px}.barra h1{font:800 34px/1 var(--display);letter-spacing:-.03em}.insignia{font-size:12px;color:var(--tenue);border:1px solid var(--linea);border-radius:99px;padding:3px 10px}.contenido{display:flex;flex-direction:column;gap:14px}.tarjeta{display:block;width:100%;background:var(--tarjeta);border-radius:var(--radio);padding:18px;box-shadow:var(--sombra)}.tarjeta>.boton+.boton,.tarjeta>.detalle+.boton{margin-top:10px}.tarjeta.principal{padding:24px 18px 18px;text-align:center}.tarjeta.en-curso{background:linear-gradient(180deg,var(--izq-suave),var(--tarjeta) 55%)}.sobre{font-size:12px;font-weight:700;color:var(--tenue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}.gran-dato{display:block;font:800 34px/1.1 var(--display);letter-spacing:-.03em}.gran-reloj{font:800 68px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:4px 0 2px}.detalle{display:block;color:var(--tenue);font-size:14px;margin-top:4px}.detalle.chico{font-size:12px;margin:0}.texto{margin-top:8px;white-space:pre-wrap}.nota{font-size:13px;color:var(--tenue);padding:0 4px}.lados{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 14px}.lado{--c: var(--izq);--suave: var(--izq-suave);--sobre: var(--sobre-izq);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:136px;border-radius:28px;border:2px solid var(--suave);background:var(--hundido);transition:transform .08s,background .2s,border-color .2s}.lado[data-lado=der]{--c: var(--der);--suave: var(--der-suave);--sobre: var(--sobre-der)}.lado:active{transform:scale(.97)}.lado-nombre{font:700 21px/1.1 var(--display);letter-spacing:-.01em}.lado-nombre:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:1px}.lado-tiempo{font:700 28px/1.1 var(--display);font-variant-numeric:tabular-nums}.lado-pie{font-size:13px;color:var(--tenue)}.lado.sugerido{border-color:var(--c);background:var(--suave)}.lado.sugerido .lado-pie{color:var(--tinta);font-weight:700}.lado.activo{border-color:var(--c);background:var(--c);color:var(--sobre)}.lado.activo .lado-nombre:before{background:var(--sobre)}.lado.activo .lado-pie{color:inherit;opacity:.85}.boton{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 14px;border-radius:16px;font-weight:700;text-align:center;background:var(--hundido);border:1px solid var(--linea)}.boton:active{opacity:.7}.boton.primario{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.boton.peligro{background:var(--peligro);border-color:var(--peligro);color:var(--tarjeta)}.boton.peligro-suave{color:var(--peligro);margin-top:8px;width:100%}.boton.alto{min-height:64px;font-size:17px}.boton.ancho{width:100%}.boton.sueno{background:var(--sueno);border-color:transparent;color:var(--tinta)}.fila{display:flex;gap:10px;align-items:center}.fila .boton{flex:1}.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pausada{flex:1;text-align:center;color:var(--tenue)}.link{color:var(--acento);font-weight:700;font-size:15px;padding:6px 2px}.bajo-item{display:block;margin:4px 0 10px 16px;font-size:14px}.cifras{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.cifras div{background:var(--tarjeta);border-radius:18px;padding:12px 8px;text-align:center;box-shadow:var(--sombra)}.cifras strong{display:block;font:700 20px/1.2 var(--display);font-variant-numeric:tabular-nums}.cifras span{font-size:12px;color:var(--tenue)}.tarjeta .cifras{margin-top:14px}.tarjeta .cifras div{background:var(--hundido);box-shadow:none}.cab-grafico{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cab-grafico .sobre{margin:0}.cinta,.barras{display:block;width:100%;height:auto;overflow:visible}.g-pista{fill:var(--hundido)}.g-izq{fill:var(--izq)}.g-der{fill:var(--der)}.g-sueno{fill:var(--sueno)}.g-pis{fill:none;stroke:var(--panal);stroke-width:1.6}.g-caca{fill:var(--panal)}.g-ahora{stroke:var(--tinta);stroke-width:1.5;stroke-dasharray:2 2}.g-ahora-punto{fill:var(--tinta)}.g-eje{fill:var(--tenue);font:600 10px var(--cuerpo)}.g-hoy{fill:var(--tinta);font-weight:800}.g-valor{fill:var(--tinta);font:700 11px var(--display)}.g-base{stroke:var(--linea);stroke-width:1}.g-izq-fondo{background:var(--izq)}.g-der-fondo{background:var(--der)}.g-sueno-fondo{background:var(--sueno)}.g-panal-fondo{background:var(--panal)}.leyenda{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--tenue)}.cinta+.leyenda{margin-top:10px}.leyenda li{display:flex;align-items:center;gap:5px}.muestra{width:9px;height:9px;border-radius:50%}.proporcion{display:flex;gap:2px;height:5px;width:100%;max-width:150px;margin:5px 0 3px}.proporcion span{border-radius:3px;min-width:3px}.titulo-lista{display:flex;align-items:baseline;justify-content:space-between;padding:10px 4px 0}.titulo-lista h2{font:800 22px/1.1 var(--display);letter-spacing:-.02em}.dia{font-size:12px;font-weight:700;color:var(--tenue);text-transform:uppercase;letter-spacing:.08em;padding:6px 4px 8px}.lista{background:var(--tarjeta);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}.lista:empty{display:none}.lista li+li{border-top:1px solid var(--linea)}.item{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:11px 16px}.item:active{background:var(--hundido)}.item-hora{font:700 14px/1.25 var(--display);font-variant-numeric:tabular-nums;min-width:68px}.item-cuerpo{flex:1;display:flex;flex-direction:column;min-width:0}.item-cuerpo small{color:var(--tenue);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-fin{color:var(--tenue);font-size:14px;white-space:nowrap}.item-fin.alerta{color:var(--der);font-weight:700}.marca{width:10px;height:10px;border-radius:50%;flex:none}.vacio{color:var(--tenue);text-align:center;padding:18px 0}.tenue{opacity:.75}.tilde{width:26px;height:26px;border-radius:50%;border:2px solid var(--linea);flex:none;display:grid;place-items:center;font-size:14px;font-weight:800}.tilde.hecha{background:var(--izq);border-color:var(--izq);color:var(--sobre-izq)}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:99px;background:var(--tarjeta);font-weight:700;font-size:15px;box-shadow:var(--sombra)}.chip.activo{background:var(--tinta);color:var(--fondo)}.hoja .chip{border:1px solid var(--linea);box-shadow:none}.hoja .chip.activo{border-color:var(--tinta)}.ficha-cab{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.datos{margin-top:6px}.datos div{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--linea);margin-top:10px}.datos div+div{margin-top:0}.datos dt{color:var(--tenue);font-size:14px;width:120px;flex:none}.datos dd{flex:1;white-space:pre-wrap}.visita{text-align:left}.visita-titulo{font:700 18px/1.2 var(--display)}.curva svg{display:block;width:100%;height:auto;overflow:visible}.grilla{stroke:var(--linea);stroke-width:1;stroke-dasharray:2 4}.eje{fill:var(--tenue);font:600 10px var(--cuerpo)}.linea{fill:none;stroke:var(--izq);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.area{fill:var(--izq);opacity:.12}.punto{fill:var(--tarjeta);stroke:var(--izq);stroke-width:2.5}.punto.ultimo{fill:var(--izq)}.valor-curva{fill:var(--tinta);font:700 12px var(--display)}.curva.talla .linea,.curva.talla .punto{stroke:var(--der)}.curva.talla .area,.curva.talla .punto.ultimo{fill:var(--der)}.pestanas{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:6px;padding:8px 16px calc(env(safe-area-inset-bottom) + 8px);background:color-mix(in srgb,var(--fondo) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--linea)}.pestanas button{flex:1;max-width:160px;min-height:56px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;color:var(--tenue)}.pestanas svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pestanas button.activo{background:var(--tarjeta);color:var(--acento);box-shadow:var(--sombra)}.aviso{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 92px);z-index:40;max-width:488px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--tinta);color:var(--fondo);border-radius:16px;padding:12px 16px}.aviso .link{color:inherit;text-decoration:underline}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#140c2873;display:flex;align-items:flex-end;justify-content:center}.hoja{width:100%;max-width:520px;max-height:92dvh;display:flex;flex-direction:column;background:var(--fondo);border-radius:26px 26px 0 0;animation:subir .2s ease-out}@keyframes subir{0%{transform:translateY(30px);opacity:0}}@media(prefers-reduced-motion:reduce){.hoja{animation:none}}.hoja-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--linea)}.hoja-cab h2{font:700 18px var(--display)}.hoja-cuerpo{overflow-y:auto;padding:16px 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}.campo{display:flex;flex-direction:column;gap:6px}.campo>span{font-size:14px;font-weight:700;color:var(--tenue)}.campo small{font-size:13px;color:var(--tenue)}.campo input,.campo textarea{width:100%;min-height:50px;padding:10px 14px;font:inherit;color:inherit;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.campo textarea{resize:vertical}.opciones{display:flex;flex-wrap:wrap;gap:8px}.fh{display:flex;flex-direction:column;gap:10px;background:var(--tarjeta);border:1px solid var(--linea);border-radius:20px;padding:14px}.fh-dias,.fh-rapidos{display:flex;flex-wrap:wrap;gap:8px}.fh .chip{background:var(--hundido);min-height:38px;padding:0 14px;font-size:14px}.fh .chip.activo{background:var(--tinta)}.fh .chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;opacity:0;padding:0;border:0;cursor:pointer}.fh-hora{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0}.fh-hora select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:var(--hundido);color:inherit;font:800 34px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;width:76px;height:64px;border-radius:16px;text-align:center;text-align-last:center;cursor:pointer}.fh-puntos{font:800 30px/1 var(--display);color:var(--tenue)}.fh-ampm{display:flex;flex-direction:column;gap:4px;margin-left:8px}.fh-ampm button{width:56px;height:30px;border-radius:10px;font:700 14px var(--display);text-align:center;background:var(--hundido);color:var(--tenue)}.fh-ampm button.activo{background:var(--acento);color:var(--sobre-acento)}.fh-rapidos{justify-content:center}.fh-rapidos .chip{color:var(--acento)}.pantalla{min-height:100dvh;max-width:360px;margin:0 auto;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center}.pantalla h1{font:800 56px/1 var(--display);letter-spacing:-.04em}.pantalla p{color:var(--tenue)}.aliento{background:linear-gradient(135deg,var(--izq-suave),var(--der-suave));box-shadow:none}.aliento-frase{font:800 24px/1.2 var(--display);letter-spacing:-.02em}.aliento .link{display:block;margin-top:8px}.fh-rapidos{gap:6px;flex-wrap:nowrap}.fh-rapidos .chip{padding:0 11px;font-size:13px}.cifras strong{font-size:18px;white-space:nowrap}.cambio{display:block;color:var(--acento)!important;font-weight:700;font-size:12px;margin-top:2px;white-space:normal!important}.datos.resumen div:first-child{border-top:0;margin-top:0}.datos.resumen dt{width:60px}.datos.resumen small{color:var(--tenue)}.item-hora{flex:none;width:84px;min-width:0}.sugerencia{font-size:14px;color:var(--tenue);margin-top:-2px}.sugerencia strong{color:var(--tinta)}
