:root{--fondo: #faf8f4;--tinta: #1f2933;--suave: #5b6670;--linea: #d9d3c7;--tarjeta: #ffffff;--amarillo: #f5c518;--bien: #1e7a3c;--regular: #b06a00;--mal: #b3261e;--sombra: 0 1px 2px rgb(31 41 51 / 12%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--tinta);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation;-webkit-text-size-adjust:100%}main{padding:12px 12px 96px;max-width:640px;margin:0 auto}.estado{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--tinta);color:#fff;font-variant-numeric:tabular-nums}.senal{width:14px;height:14px;border-radius:50%;background:var(--suave);flex:none}.senal.bien{background:#38d16a}.senal.regular{background:var(--amarillo)}.senal.mal{background:#ff6b5e}.margen{flex:1;min-width:0}.cuenta{font-weight:600;opacity:.85}.titulo{font-size:15px;font-weight:600;color:var(--suave);margin:18px 2px 8px;text-transform:uppercase;letter-spacing:.04em}.categoria{font-size:13px;font-weight:600;color:var(--suave);margin:16px 2px 6px}.categoria:first-child{margin-top:0}.botones{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.boton{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:92px;padding:12px;border:2px solid var(--linea);border-radius:14px;background:var(--tarjeta);color:inherit;font:inherit;text-align:left;box-shadow:var(--sombra);cursor:pointer}.boton:active{background:var(--amarillo);border-color:var(--tinta)}.boton[disabled]{opacity:.45}.boton .emoji{font-size:26px;line-height:1}.boton .nombre{font-size:17px;font-weight:650}.boton .pista{font-size:12px;color:var(--suave);line-height:1.25}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.fila{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:12px;background:var(--tarjeta);color:inherit;font:inherit;text-align:left;cursor:pointer}.fila .emoji{font-size:22px}.fila .texto{flex:1;min-width:0}.fila .que{font-weight:600}.fila .cuando{font-size:13px;color:var(--suave);font-variant-numeric:tabular-nums}.fila .miniatura{width:44px;height:44px;object-fit:cover;border-radius:8px;background:var(--linea)}.punto-mal{border-left:5px solid var(--mal)}.punto-regular{border-left:5px solid var(--regular)}.punto-bien{border-left:5px solid var(--bien)}.vacio{color:var(--suave);padding:8px 2px}.pie{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--fondo) 70%,transparent)}.exportar{flex:1;max-width:552px;min-height:54px;border:2px solid var(--tinta);border-radius:14px;background:var(--amarillo);color:var(--tinta);font:600 17px/1 system-ui,sans-serif;cursor:pointer}.exportar[disabled]{background:var(--tarjeta);border-color:var(--linea);color:var(--suave)}.ficha{width:min(560px,100%);margin:auto auto 0;max-height:92vh;overflow-y:auto;border:none;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--tarjeta);color:var(--tinta);box-shadow:0 -4px 24px #1f293340}.ficha::backdrop{background:#1f293373}.ficha h3{margin:0 0 2px;font-size:20px}.ficha .dato{color:var(--suave);font-size:14px;margin:0 0 10px;font-variant-numeric:tabular-nums}.afinando{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#e7f5ec;color:#14532d;font-size:14px}.aviso-mal{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fdecea;color:#8c1d18;font-size:14px}.aviso-mal[hidden]{display:none}.campo{margin-bottom:14px}.etiqueta{display:block;font-size:14px;font-weight:600;color:var(--suave);margin-bottom:6px}.opciones{display:flex;flex-wrap:wrap;gap:8px}.opcion{min-height:44px;padding:8px 14px;border:2px solid var(--linea);border-radius:22px;background:var(--tarjeta);color:inherit;font:15px/1 system-ui,sans-serif;cursor:pointer}.opcion[aria-pressed=true]{background:var(--amarillo);border-color:var(--tinta);font-weight:600}.detalle-otro{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 12px;border:2px solid var(--linea);border-radius:10px;background:var(--fondo);color:inherit;font:15px/1.3 system-ui,sans-serif}.detalle-otro[hidden]{display:none}.numero{display:flex;align-items:center;gap:8px}.numero input{flex:1;min-width:0;min-height:52px;padding:10px 12px;border:2px solid var(--linea);border-radius:10px;background:var(--fondo);color:inherit;font:600 20px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.unidad{font-size:17px;color:var(--suave)}.pista-campo{display:block;margin-top:4px;font-size:12px;color:var(--suave);line-height:1.3}.encuadre{margin:0 0 6px;font-size:13px;color:var(--suave)}.fotos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.etiqueta-fotos{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--suave)}.foto-previa{padding:0;border:2px solid var(--linea);border-radius:10px;background:var(--linea);cursor:pointer;line-height:0}.foto-previa img{width:84px;height:84px;object-fit:cover;border-radius:8px}.ficha textarea{width:100%;min-height:60px;padding:10px;border:2px solid var(--linea);border-radius:10px;font:inherit;color:inherit;background:var(--fondo);resize:vertical}.acciones{display:flex;gap:8px;margin-top:12px}.accion{flex:1;min-height:52px;border:2px solid var(--tinta);border-radius:12px;background:var(--tarjeta);color:var(--tinta);font:600 16px/1 system-ui,sans-serif;cursor:pointer}.accion.principal{background:var(--amarillo)}.accion.foto{flex:none;min-width:160px;height:88px}.accion.foto-hace-falta{background:var(--amarillo);animation:latir 1.6s ease-in-out 3}.accion.borrar{flex:none;width:56px;border-color:var(--mal);color:var(--mal)}@keyframes latir{50%{box-shadow:0 0 0 6px #f5c51859}}@media(prefers-reduced-motion:reduce){.accion.foto-hace-falta{animation:none}}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.limpiar{flex:none;width:56px;min-height:54px;border:2px solid var(--linea);border-radius:14px;background:var(--tarjeta);font-size:20px;cursor:pointer}.pendientes-boton{flex:none;min-width:56px;min-height:54px;padding:0 10px;border:2px solid var(--linea);border-radius:14px;background:var(--tarjeta);font:600 15px/1 system-ui,sans-serif;cursor:pointer}.dias{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.dia{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linea);border-radius:12px}.dia .texto{flex:1;min-width:0}.dia .cuando{font-weight:600}.dia .cuantos{display:block;font-size:13px;color:var(--suave)}