:root{--tinta: #1E3932;--tinta-suave: #3E5C53;--tinta-clara: #5C7A70;--niebla: #EBEFEC;--marfil: #FCFBF7;--mostaza: #A8763A;--mostaza-fondo: #F1E6D2;--urgente: #A6503F;--urgente-fondo: #F3E1DB;--exito: #3E6B54;--exito-fondo: #E1EBE4;--linea: #DEE4E0;--linea-suave: #EAEEEB;--texto: #16201C;--texto-tenue: #63756D;--display: "Fraunces", Georgia, serif;--cuerpo: "Work Sans", system-ui, sans-serif;--datos: "IBM Plex Mono", monospace;--radio-s: 6px;--radio-m: 10px;--radio-l: 16px;--sombra-s: 0 1px 2px rgba(22, 32, 28, .06);--sombra-m: 0 2px 8px rgba(22, 32, 28, .08)}*{box-sizing:border-box}body{margin:0;background:var(--niebla);color:var(--texto);font-family:var(--cuerpo);-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 20px 84px}.cabecera{margin-bottom:24px}.cabecera h1{font-family:var(--display);font-weight:500;font-size:2.1rem;letter-spacing:-.01em;margin:0 0 6px;color:var(--tinta)}.cabecera p{margin:0;color:var(--texto-tenue);font-size:.95rem}.chips{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.chip{border:1px solid var(--linea);background:var(--marfil);border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:500;font-family:var(--cuerpo);color:var(--texto);cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--tinta-clara)}.chip[data-activo=true]{background:var(--tinta);color:var(--marfil);border-color:var(--tinta)}.seccion-titulo{font-family:var(--display);font-weight:500;font-size:1.15rem;color:var(--tinta-suave);margin:30px 0 14px}.vacio-explicativo{font-size:.85rem;color:var(--texto-tenue);margin:0 0 16px;line-height:1.5}.tarjeta-alerta{display:flex;align-items:center;gap:12px;background:var(--marfil);border:1px solid var(--linea);border-radius:var(--radio-m);padding:14px 16px;margin-bottom:10px;box-shadow:var(--sombra-s)}.tarjeta-alerta[data-tipo=stock_bajo],.tarjeta-alerta[data-tipo=renovacion_prescripcion]{border-left:4px solid var(--mostaza)}.tarjeta-alerta[data-tipo=cita_medica]{border-left:4px solid var(--tinta-clara)}.icono-alerta{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--niebla);color:var(--tinta-suave);flex-shrink:0}.tarjeta-alerta[data-tipo=stock_bajo] .icono-alerta,.tarjeta-alerta[data-tipo=renovacion_prescripcion] .icono-alerta{background:var(--mostaza-fondo);color:var(--mostaza)}.alerta-cuerpo{flex:1;min-width:0}.tarjeta-alerta .persona{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-tenue);margin-bottom:2px}.tarjeta-alerta .titulo{font-size:.95rem;font-weight:500}.tarjeta-alerta .fecha{font-family:var(--datos);font-size:.78rem;color:var(--texto-tenue);white-space:nowrap}.icono-chevron{color:var(--texto-tenue);flex-shrink:0}.tarjeta-alerta-clicable{width:100%;border:none;font-family:var(--cuerpo);text-align:left;cursor:pointer;transition:all .15s ease}.tarjeta-alerta-clicable:hover{border-color:var(--tinta-clara);box-shadow:var(--sombra-m);transform:translateY(-1px)}.vacio{color:var(--texto-tenue);font-size:.9rem;padding:16px 0}.error{background:var(--urgente-fondo);color:var(--urgente);border-radius:var(--radio-m);padding:12px 16px;font-size:.9rem;margin-bottom:16px}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;background:var(--marfil);border-top:1px solid var(--linea);padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #16201c0d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;font-family:var(--cuerpo);font-size:.72rem;font-weight:500;color:var(--texto-tenue);padding:8px 22px;border-radius:var(--radio-m);cursor:pointer;transition:all .15s ease}.nav-item[data-activo=true]{background:var(--niebla);color:var(--tinta)}.fila-persona{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--marfil);border:1px solid var(--linea);border-radius:var(--radio-m);padding:15px 16px;margin-bottom:8px;font-family:var(--cuerpo);font-size:1rem;cursor:pointer;text-align:left;box-shadow:var(--sombra-s);transition:all .15s ease}.fila-persona:hover{border-color:var(--tinta-clara);box-shadow:var(--sombra-m)}.fila-persona-nombre{font-weight:500}.fila-persona-flecha{color:var(--texto-tenue);display:flex}.boton-primario,.boton-secundario,.boton-texto{font-family:var(--cuerpo);border-radius:var(--radio-s);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.boton-primario{background:var(--tinta);color:var(--marfil);border:none;padding:11px 20px;font-weight:600;font-size:.95rem}.boton-primario:hover:not(:disabled){background:var(--tinta-suave)}.boton-primario:disabled{opacity:.6;cursor:default}.boton-secundario{background:transparent;border:1.5px dashed var(--tinta-clara);color:var(--tinta-suave);padding:11px 16px;width:100%;justify-content:center;font-weight:500;font-size:.92rem;margin:8px 0 90px}.boton-secundario:hover{background:var(--niebla);border-style:solid}.boton-texto{background:transparent;border:none;color:var(--tinta-suave);font-weight:500;font-size:.85rem;padding:6px 8px;margin-bottom:4px}.boton-texto:hover{color:var(--tinta)}.boton-peligro{color:var(--urgente)}.boton-peligro:hover{color:#7c3b2d}.formulario{display:flex;flex-direction:column;gap:14px;background:var(--marfil);border:1px solid var(--linea);border-radius:var(--radio-m);padding:18px;margin-bottom:90px;box-shadow:var(--sombra-s)}.formulario label{display:flex;flex-direction:column;gap:5px;font-size:.83rem;color:var(--texto-tenue);font-weight:500}.formulario input,.formulario select,.formulario textarea{font-family:var(--cuerpo);font-size:1rem;padding:9px 11px;border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--niebla);color:var(--texto);resize:vertical;transition:border-color .15s ease}.formulario input:focus,.formulario select:focus,.formulario textarea:focus{outline:none;border-color:var(--tinta-clara)}.campo-checkbox{flex-direction:row!important;align-items:center;gap:8px!important}.formulario-acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.campo-editable input{font-family:var(--cuerpo);font-size:1rem;padding:9px 11px;border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--niebla)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--linea);margin-bottom:20px;overflow-x:auto}.tab{display:flex;align-items:center;gap:6px;background:transparent;border:none;border-bottom:2px solid transparent;padding:9px 4px;margin-right:18px;font-family:var(--cuerpo);font-weight:500;font-size:.9rem;color:var(--texto-tenue);cursor:pointer;white-space:nowrap;transition:all .15s ease}.tab:hover{color:var(--tinta-suave)}.tab[data-activo=true]{color:var(--tinta);border-bottom-color:var(--tinta)}.tarjeta-medicamento{background:var(--marfil);border:1px solid var(--linea);border-radius:var(--radio-m);padding:15px 16px;margin-bottom:10px;box-shadow:var(--sombra-s);transition:border-color .15s ease,box-shadow .15s ease}.tarjeta-medicamento[data-resaltado=true]{border:2px solid var(--tinta);box-shadow:0 0 0 4px var(--niebla)}.tarjeta-medicamento-cabecera{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tarjeta-medicamento-cabecera strong{font-size:1.02rem}.tarjeta-medicamento-detalle{font-size:.85rem;color:var(--texto-tenue);margin-top:3px;line-height:1.4}.datos-mono{font-family:var(--datos);font-size:.78rem}.chip-calendar{display:inline-flex;align-items:center;gap:5px;color:var(--exito);background:var(--exito-fondo);border-radius:999px;padding:3px 10px;margin-top:6px;font-family:var(--cuerpo);font-size:.75rem;font-weight:500}.boton-historico{margin:4px 0 10px}.bloque-historico{margin-bottom:14px;padding-left:4px;border-left:2px solid var(--linea)}.tarjeta-medicamento-inactiva{opacity:.72;background:var(--niebla)}.boton-informe-personal{width:100%;justify-content:center;margin:4px 0 28px}.acciones-telefono{display:flex;gap:8px;margin:-6px 0 4px}.accion-telefono{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--tinta-suave);background:var(--niebla);border-radius:999px;padding:5px 12px;text-decoration:none}.accion-telefono:hover{background:var(--linea)}.separador-calculo{font-size:.8rem;color:var(--mostaza);background:var(--mostaza-fondo);border-radius:var(--radio-s);padding:9px 11px;margin-top:4px}.especialidad-info{font-size:.8rem;color:var(--texto-tenue);margin:6px 0 12px}.subformulario{display:flex;flex-direction:column;gap:10px;background:var(--niebla);border-radius:var(--radio-s);padding:14px;margin-top:6px;border:1px solid var(--linea)}.documentos-adjuntos{margin-top:12px;border-top:1px dashed var(--linea);padding-top:10px}.documento-fila{display:flex;gap:8px;align-items:center;padding:5px 0}.documento-enlace{display:flex;gap:7px;align-items:center;font-size:.85rem;color:var(--tinta-suave);text-decoration:none;flex:1;min-width:0}.documento-enlace:hover{color:var(--tinta)}.documento-icono{color:var(--tinta-clara);flex-shrink:0}.documento-tipo{text-transform:uppercase;font-size:.66rem;letter-spacing:.03em;background:var(--niebla);border-radius:4px;padding:2px 7px;color:var(--texto-tenue);flex-shrink:0}.documento-nombre{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documento-borrar{background:transparent;border:none;cursor:pointer;color:var(--urgente);opacity:.55;padding:4px 6px;display:flex;transition:opacity .15s ease}.documento-borrar:hover{opacity:1}.documento-subida{display:flex;align-items:center;gap:8px;margin-top:6px}.documento-subida select{font-family:var(--cuerpo);font-size:16px;padding:5px 7px;border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--niebla)}.documento-form-titulo{display:flex;flex-direction:column;gap:8px;background:var(--niebla);border-radius:var(--radio-s);padding:12px;margin-top:6px}.documento-archivo-elegido{font-size:.78rem;color:var(--texto-tenue);font-family:var(--datos)}.documento-form-titulo input,.documento-form-titulo select{font-family:var(--cuerpo);font-size:16px;padding:8px 10px;border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--marfil)}.documento-sin-conexion{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--mostaza);margin:6px 0 0}.banner-google{display:flex;align-items:center;gap:10px;background:var(--mostaza-fondo);color:var(--mostaza);padding:calc(10px + env(safe-area-inset-top)) 20px 10px;font-size:.85rem;font-weight:500;position:sticky;top:0;z-index:5}.banner-google span{flex:1}.banner-google button{background:var(--mostaza);color:var(--marfil);border:none;border-radius:999px;padding:6px 14px;font-family:var(--cuerpo);font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.cabecera-persona{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.bloque-pastillero{background:var(--exito-fondo);border-radius:var(--radio-m);padding:12px 16px;margin-bottom:24px}.pastillero-info{font-size:.8rem!important;color:var(--exito)!important;margin:0 0 8px!important}.bloque-pastillero-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bloque-pastillero-form input{font-family:var(--cuerpo);font-size:16px;padding:7px 9px;border:1px solid var(--exito);border-radius:var(--radio-s);background:var(--marfil)}.boton-pastillero{display:inline-flex;align-items:center;gap:7px;background:var(--exito);color:var(--marfil);border:none;border-radius:999px;padding:8px 16px;font-family:var(--cuerpo);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.boton-pastillero:hover{opacity:.85}.resumen-pastillero{background:var(--exito-fondo);border-radius:var(--radio-m);padding:12px 16px;margin-bottom:22px;display:flex;flex-direction:column;gap:6px}.pastillero-fila{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--exito)}.boton-informe{margin-top:8px;color:var(--tinta-suave);font-weight:600}