:root{--bg: #EFEBE0;--superficie: #FFFFFF;--superficie2:#F7F4EC;--superficie3:#E4DFD1;--tinta: #171410;--tinta2: #3B352C;--tinta3: #6B6355;--linea: #D2CBB9;--linea2: #B9AF98;--marca: #1F4B3F;--marca-vivo: #2E6E5B;--marca-suave:#D6E6DC;--sobre-marca:#FFFFFF;--acento: #BE5320;--acento-suave:#FBE4D4;--ok: #1D6B38;--ok-suave: #D8EEDD;--aviso:#8A5300;--aviso-suave:#FBEBCE;--malo: #A32718;--malo-suave: #FBDCD8;--info: #1C5486;--info-suave: #D8E7F5;--r: 14px;--r-sm: 10px;--r-lg: 20px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--sombra: 0 1px 2px rgba(23,20,16,.06), 0 2px 8px rgba(23,20,16,.06);--sombra-lg: 0 8px 28px rgba(23,20,16,.18);--menu-alto: 68px;--tipo: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tinta);font-family:var(--tipo);font-size:17px;line-height:1.5;font-weight:500;overscroll-behavior-y:none;padding-bottom:calc(var(--menu-alto) + env(safe-area-inset-bottom))}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.02em}h1{font-size:26px;font-weight:800}h2{font-size:19px;font-weight:800}h3{font-size:16px;font-weight:700}p{margin:0 0 var(--s3)}button,input,select,textarea{font:inherit;color:inherit}.marco{max-width:680px;margin:0 auto;padding:0 var(--s4)}.cabecera{position:sticky;top:0;z-index:30;background:var(--marca);color:var(--sobre-marca);padding:calc(env(safe-area-inset-top) + 12px) var(--s4) 12px;box-shadow:0 2px 10px #17141029}.cabecera h1{font-size:22px;color:#fff}.cabecera .sub{font-size:13px;opacity:.8;font-weight:600;margin-top:2px}.cabecera-fila{display:flex;align-items:center;gap:var(--s3)}.cabecera-fila>:first-child{flex:1;min-width:0}.sec{display:flex;align-items:center;gap:var(--s2);background:var(--marca);color:#fff;padding:10px var(--s4);border-radius:var(--r-sm);margin:var(--s5) 0 var(--s3)}.sec h2{font-size:15px;letter-spacing:.01em;text-transform:uppercase;color:#fff}.sec .cuenta{margin-left:auto;background:#ffffff38;padding:1px 9px;border-radius:99px;font-size:13px;font-weight:800}.sec-aviso{background:var(--aviso)}.sec-malo{background:var(--malo)}.sec-info{background:var(--info)}.sec-acento{background:var(--acento)}.sec-ok{background:var(--ok)}.tarjeta{background:var(--superficie);border:1.5px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden}.tarjeta+.tarjeta{margin-top:var(--s3)}.tarjeta-p{padding:var(--s4)}.lista{display:flex;flex-direction:column;gap:var(--s3)}.fila{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:62px;padding:var(--s3) var(--s4);background:var(--superficie);border:1.5px solid var(--linea);border-radius:var(--r);text-align:left;cursor:pointer;box-shadow:var(--sombra);transition:transform .12s ease,background .12s ease}.fila:active{transform:scale(.985);background:var(--superficie2)}.fila .cuerpo{flex:1;min-width:0}.fila .t{display:block;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila .s{display:block;font-size:13.5px;color:var(--tinta3);font-weight:600;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila .flecha{color:var(--linea2);flex:none}.fila-marca{border-left:6px solid var(--marca)}.fila-ok{border-left:6px solid var(--ok)}.fila-aviso{border-left:6px solid var(--aviso)}.fila-malo{border-left:6px solid var(--malo)}.fila-gris{border-left:6px solid var(--linea2);opacity:.72}.hora{flex:none;width:58px;text-align:center;font-weight:800;font-size:19px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--marca)}.hora small{display:block;font-size:11px;font-weight:700;color:var(--tinta3)}.avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--marca-suave);color:var(--marca);display:grid;place-items:center;font-weight:800;font-size:17px;overflow:hidden;border:2px solid var(--superficie);box-shadow:0 0 0 1.5px var(--linea)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:76px;height:76px;font-size:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:50px;padding:0 var(--s4);border-radius:var(--r-sm);border:2px solid transparent;background:var(--superficie3);color:var(--tinta);font-weight:700;font-size:16px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-fuerte{background:var(--marca);color:#fff}.btn-acento{background:var(--acento);color:#fff}.btn-ok{background:var(--ok);color:#fff}.btn-malo{background:var(--malo-suave);color:var(--malo);border-color:var(--malo)}.btn-borde{background:var(--superficie);border-color:var(--linea2)}.btn-fantasma{background:transparent;border-color:transparent;color:var(--marca)}.btn-ancho{width:100%}.btn-sm{min-height:44px;font-size:14.5px;padding:0 var(--s3)}.btn-fila{display:flex;gap:var(--s2)}.btn-fila>*{flex:1}.eti{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:800;letter-spacing:.01em;background:var(--superficie3);color:var(--tinta2)}.eti-ok{background:var(--ok-suave);color:var(--ok)}.eti-aviso{background:var(--aviso-suave);color:var(--aviso)}.eti-malo{background:var(--malo-suave);color:var(--malo)}.eti-info{background:var(--info-suave);color:var(--info)}.eti-marca{background:var(--marca-suave);color:var(--marca)}.etis{display:flex;flex-wrap:wrap;gap:6px}.campo{margin-bottom:var(--s4)}.campo label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta2);margin-bottom:6px}.campo input,.campo select,.campo textarea{width:100%;min-height:52px;padding:12px var(--s3);background:var(--superficie);border:2px solid var(--linea2);border-radius:var(--r-sm);font-size:16px;font-weight:600}.campo textarea{min-height:110px;resize:vertical;line-height:1.5}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 4px var(--marca-suave)}.campo .pista{font-size:13px;color:var(--tinta3);margin-top:5px;font-weight:600}.dos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.opciones{display:flex;flex-wrap:wrap;gap:var(--s2)}.opcion{min-height:46px;padding:0 var(--s4);border-radius:99px;border:2px solid var(--linea2);background:var(--superficie);font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.opcion[aria-pressed=true]{background:var(--marca);border-color:var(--marca);color:#fff}.opcion-ok[aria-pressed=true]{background:var(--ok);border-color:var(--ok)}.opcion-aviso[aria-pressed=true]{background:var(--aviso);border-color:var(--aviso)}.opcion-malo[aria-pressed=true]{background:var(--malo);border-color:var(--malo)}.pestanas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pestanas .opcion{padding:0 4px;justify-content:center;font-size:14px}.buscador{position:relative;margin-bottom:var(--s3)}.buscador input{width:100%;min-height:52px;padding:12px var(--s4) 12px 46px;border:2px solid var(--linea2);border-radius:99px;background:var(--superficie);font-size:16px;font-weight:600}.buscador .lupa{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--tinta3);pointer-events:none}.buscador input:focus{outline:none;border-color:var(--marca)}.menu{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:var(--superficie);border-top:2px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 16px #1714101a}.menu button{min-height:var(--menu-alto);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--tinta3);font-size:11.5px;font-weight:800;letter-spacing:.01em;position:relative}.menu button[aria-current=true]{color:var(--marca)}.menu button[aria-current=true]:before{content:"";position:absolute;top:0;left:22%;right:22%;height:4px;border-radius:0 0 4px 4px;background:var(--marca)}.menu .punto{position:absolute;top:10px;right:50%;margin-right:-20px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--malo);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.flotante{position:fixed;right:var(--s4);bottom:calc(var(--menu-alto) + env(safe-area-inset-bottom) + var(--s4));z-index:35;min-height:58px;padding:0 var(--s5);border-radius:99px;border:none;background:var(--acento);color:#fff;font-weight:800;font-size:16px;display:inline-flex;align-items:center;gap:var(--s2);box-shadow:var(--sombra-lg);cursor:pointer}.flotante:active{transform:scale(.96)}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1714108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:aparecer .18s ease}.hoja{width:100%;max-width:680px;max-height:92vh;overflow-y:auto;background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s4) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom));animation:subir .22s cubic-bezier(.2,.8,.3,1)}.hoja-tirador{width:44px;height:5px;border-radius:99px;background:var(--linea2);margin:0 auto var(--s4)}.hoja-cabeza{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.hoja-cabeza h2{flex:1}@keyframes subir{0%{transform:translateY(100%)}}@keyframes aparecer{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.hoja,.fondo{animation:none}.fila:active,.btn:active,.flotante:active{transform:none}}.mes-cabeza{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.mes-cabeza h2{flex:1;text-align:center;text-transform:capitalize}.mes-cabeza button{width:46px;height:46px;border-radius:var(--r-sm);border:2px solid var(--linea2);background:var(--superficie);display:grid;place-items:center;cursor:pointer}.rejilla{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.rejilla .dia-nombre{text-align:center;font-size:11.5px;font-weight:800;color:var(--tinta3);text-transform:uppercase;padding-bottom:4px}.celda{aspect-ratio:1;border-radius:var(--r-sm);border:1.5px solid var(--linea);background:var(--superficie);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-weight:700;font-size:15px;position:relative}.celda:active{background:var(--superficie2)}.celda.fuera{opacity:.3}.celda.hoy{border-color:var(--acento);border-width:2.5px}.celda.con{background:var(--marca);border-color:var(--marca);color:#fff}.celda .bolas{display:flex;gap:2.5px}.celda .bola{width:5px;height:5px;border-radius:50%;background:var(--acento)}.celda.con .bola{background:#fff}.nivel{display:flex;gap:var(--s2)}.nivel button{flex:1;min-height:54px;border-radius:var(--r-sm);border:2px solid var(--linea2);background:var(--superficie);font-weight:800;font-size:18px;cursor:pointer}.nivel button[aria-pressed=true]{background:var(--marca);border-color:var(--marca);color:#fff}.vacio{text-align:center;padding:var(--s6) var(--s4);color:var(--tinta3);font-weight:600}.vacio .icono{color:var(--linea2);margin-bottom:var(--s3)}.vacio h3{color:var(--tinta2);margin-bottom:6px}.pista{font-size:13.5px;color:var(--tinta3);font-weight:600}.aviso-caja{padding:var(--s3) var(--s4);border-radius:var(--r-sm);border-left:6px solid var(--aviso);background:var(--aviso-suave);color:#5a3800;font-weight:600;font-size:14.5px}.aviso-caja.malo{border-color:var(--malo);background:var(--malo-suave);color:#70190f}.aviso-caja.ok{border-color:var(--ok);background:var(--ok-suave);color:#10401f}.sin-red{position:fixed;left:0;right:0;z-index:45;bottom:calc(var(--menu-alto) + env(safe-area-inset-bottom));background:var(--malo);color:#fff;text-align:center;padding:7px;font-size:13.5px;font-weight:800}.hueso{background:var(--superficie3);border-radius:6px;animation:latir 1.3s ease-in-out infinite}@keyframes latir{0%,to{opacity:.55}50%{opacity:1}}.separa{height:var(--s5)}.centro{text-align:center}.entre{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.nota-texto{white-space:pre-wrap;font-size:15.5px;line-height:1.55;font-weight:500}.tnum{font-variant-numeric:tabular-nums}.entrar{min-height:100dvh;display:grid;place-items:center;padding:var(--s4);background:var(--marca)}.entrar .caja{width:100%;max-width:380px;background:var(--bg);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--sombra-lg)}.entrar .logo{width:72px;height:72px;border-radius:22px;background:var(--marca);color:#fff;display:grid;place-items:center;margin:0 auto var(--s4)}