:root{--color-primario: #EC008C;--color-secundario: #27AAE1;--color-acento: #C6A15B;--color-barra: #14161C;--color-fondo: #F5F6F9;--color-superficie: #FFFFFF;--color-texto: #1D2230;--color-texto-suave: #6B7280;--color-linea: #E6E8EE;--estado-nuevo: #2563EB;--estado-borrador: #D97706;--estado-firmado: #0D9488;--estado-enviado: #16A34A;--fuente-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fuente-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radio: 12px;--sombra: 0 1px 3px rgba(20, 22, 28, .08), 0 6px 20px rgba(20, 22, 28, .04);--esp-1: 4px;--esp-2: 8px;--esp-3: 12px;--esp-4: 16px;--esp-5: 22px;--esp-6: 32px}:root{--barra-ancho: 230px;--topbar-alto: 60px;--esp-1: 4px;--esp-2: 8px;--esp-3: 12px;--esp-4: 16px;--esp-5: 22px;--esp-6: 32px;--radio-chico: 9px;--texto-sobre-barra: color-mix(in srgb, var(--color-superficie) 82%, var(--color-barra));--linea-barra: color-mix(in srgb, var(--color-superficie) 12%, var(--color-barra));--superficie-hundida: color-mix(in srgb, var(--color-linea) 55%, var(--color-fondo))}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-base);font-size:14px;line-height:1.45}h1{margin:0 0 var(--esp-1);font-size:20px}h2{margin:0 0 var(--esp-2);font-size:16px}a{color:var(--color-secundario)}:focus-visible{outline:3px solid var(--color-secundario);outline-offset:2px}.visualmente-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sub{margin:0 0 var(--esp-5);color:var(--color-texto-suave)}.suave{color:var(--color-texto-suave);font-size:12px}.app{display:flex;min-height:100vh}.barra-lateral{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;width:var(--barra-ancho);height:100vh;background:var(--color-barra);color:var(--texto-sobre-barra)}.barra-lateral__marca{padding:var(--esp-5) var(--esp-4) var(--esp-3);border-bottom:1px solid var(--linea-barra)}.barra-lateral__nombre{color:var(--color-superficie);font-size:18px;font-weight:800;letter-spacing:.02em}.barra-lateral__tagline{color:var(--color-acento);font-size:9px;letter-spacing:.18em}.barra-lateral__nav{flex:1;padding:var(--esp-3) var(--esp-2);overflow:auto}.barra-lateral__seccion{padding:var(--esp-4) var(--esp-3) var(--esp-1);color:var(--color-texto-suave);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.barra-lateral__enlace{display:flex;gap:var(--esp-3);align-items:center;margin-bottom:2px;padding:10px var(--esp-3);border-radius:var(--radio-chico);color:var(--texto-sobre-barra);font-weight:500;text-decoration:none}.barra-lateral__enlace:hover{background:color-mix(in srgb,var(--color-superficie) 10%,var(--color-barra));color:var(--color-superficie)}.barra-lateral__enlace[aria-current=page]{background:linear-gradient(90deg,color-mix(in srgb,var(--color-primario) 34%,var(--color-barra)),color-mix(in srgb,var(--color-secundario) 18%,var(--color-barra)));color:var(--color-superficie)}.principal{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;gap:var(--esp-4);align-items:center;height:var(--topbar-alto);padding:0 var(--esp-5);border-bottom:1px solid var(--color-linea);background:var(--color-superficie)}.topbar__espaciador{flex:1}.topbar__campo{display:flex;gap:var(--esp-2);align-items:center;color:var(--color-texto-suave);font-size:12px}.contenido{max-width:1180px;padding:var(--esp-5)}@media (width <= 900px){.barra-lateral{display:none}}.tarjeta{border:1px solid var(--color-linea);border-radius:var(--radio);background:var(--color-superficie);box-shadow:var(--sombra)}.tarjeta--pad{padding:var(--esp-4) var(--esp-5)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--esp-3);margin-bottom:var(--esp-5)}.tile__numero{font-size:26px;font-weight:800}.tile__numero--primario{color:var(--color-primario)}.tile__numero--secundario{color:var(--color-secundario)}.tile__numero--acento{color:var(--color-acento)}.tile__etiqueta{margin-top:2px;color:var(--color-texto-suave);font-size:12px}.boton{border:1px solid var(--color-linea);border-radius:var(--radio-chico);background:var(--color-superficie);color:var(--color-texto);font-family:inherit;font-size:13px;font-weight:600;padding:var(--esp-2) var(--esp-4);cursor:pointer}.boton:hover:not(:disabled){background:color-mix(in srgb,var(--color-linea) 35%,var(--color-superficie))}.boton:disabled{cursor:not-allowed;opacity:.45}.boton--primario{border-color:var(--color-primario);background:var(--color-primario);color:var(--color-superficie)}.boton--primario:hover:not(:disabled){background:color-mix(in srgb,var(--color-primario) 88%,var(--color-texto))}.boton--secundario{border-color:var(--color-secundario);background:var(--color-secundario);color:var(--color-superficie)}.boton--secundario:hover:not(:disabled){background:color-mix(in srgb,var(--color-secundario) 88%,var(--color-texto))}.boton--chico{padding:5px 10px;font-size:12px}.campo{display:flex;flex-direction:column;gap:var(--esp-1);color:var(--color-texto-suave);font-size:12px;font-weight:600}input,select,textarea{border:1px solid var(--color-linea);border-radius:var(--radio-chico);background:var(--color-superficie);color:var(--color-texto);font-family:inherit;font-size:14px;padding:var(--esp-2) 10px}input:focus,select:focus,textarea:focus{border-color:var(--color-secundario)}.insignia{display:inline-block;padding:3px var(--esp-2);border-radius:20px;font-size:11px;font-weight:700}.insignia--nuevo{background:color-mix(in srgb,var(--estado-nuevo) 14%,var(--color-superficie));color:var(--estado-nuevo)}.insignia--borrador{background:color-mix(in srgb,var(--estado-borrador) 14%,var(--color-superficie));color:var(--estado-borrador)}.insignia--firmado{background:color-mix(in srgb,var(--estado-firmado) 14%,var(--color-superficie));color:var(--estado-firmado)}.insignia--enviado{background:color-mix(in srgb,var(--estado-enviado) 14%,var(--color-superficie));color:var(--estado-enviado)}.pastilla{display:inline-block;margin-right:var(--esp-1);padding:2px var(--esp-2);border-radius:20px;background:color-mix(in srgb,var(--color-linea) 60%,var(--color-superficie));color:var(--color-texto);font-size:11px}.pastilla--primario{background:color-mix(in srgb,var(--color-primario) 12%,var(--color-superficie));color:var(--color-primario)}.pastilla--secundario{background:color-mix(in srgb,var(--color-secundario) 12%,var(--color-superficie));color:color-mix(in srgb,var(--color-secundario) 80%,var(--color-texto))}.pastilla--acento{background:color-mix(in srgb,var(--color-acento) 16%,var(--color-superficie));color:color-mix(in srgb,var(--color-acento) 75%,var(--color-texto))}.pastilla--si{background:color-mix(in srgb,var(--estado-enviado) 14%,var(--color-superficie));color:var(--estado-enviado)}.pastilla--no{background:color-mix(in srgb,var(--color-linea) 70%,var(--color-superficie));color:var(--color-texto-suave)}.chip{border:1px solid var(--color-linea);border-radius:20px;background:var(--color-superficie);color:var(--color-texto);font-family:inherit;font-size:12px;font-weight:600;padding:5px var(--esp-3);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--color-secundario);background:var(--color-secundario);color:var(--color-superficie)}.aviso{display:flex;gap:var(--esp-2);margin-bottom:var(--esp-4);padding:11px var(--esp-4);border:1px solid color-mix(in srgb,var(--color-secundario) 30%,var(--color-superficie));border-radius:10px;background:color-mix(in srgb,var(--color-secundario) 8%,var(--color-superficie));color:color-mix(in srgb,var(--color-secundario) 70%,var(--color-texto));font-size:12.5px}.nota{padding:10px var(--esp-3);border:1px dashed var(--color-linea);border-radius:var(--radio-chico);background:color-mix(in srgb,var(--color-fondo) 60%,var(--color-superficie));color:var(--color-texto-suave);font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--esp-4)}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--esp-3)}.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--esp-4);align-items:center}@media (width <= 900px){.tiles{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-form{grid-template-columns:1fr}}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--esp-4);align-items:start}.kanban__columna{padding:10px 10px var(--esp-1);border-radius:var(--radio);background:var(--superficie-hundida)}.kanban__titulo{display:flex;justify-content:space-between;align-items:center;margin:var(--esp-1) var(--esp-1) 10px;color:var(--color-texto-suave);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.kanban__cuenta{padding:1px var(--esp-2);border-radius:20px;background:var(--color-superficie);color:var(--color-texto);font-size:12px}.kcard{display:block;width:100%;margin-bottom:10px;padding:10px var(--esp-3);border:1px solid var(--color-linea);border-radius:10px;background:var(--color-superficie);box-shadow:var(--sombra);text-align:left}.kcard__cabecera{display:flex;justify-content:space-between;gap:var(--esp-2);align-items:center}.kcard__abrir{border:0;background:none;color:var(--color-texto);font-family:inherit;font-size:14px;font-weight:700;padding:0;cursor:pointer;text-align:left}.kcard__abrir:hover{color:var(--color-primario)}.kcard__pie{display:flex;flex-wrap:wrap;gap:var(--esp-2);align-items:center;margin-top:var(--esp-2)}.editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--esp-4)}.editor__area{width:100%;min-height:380px;font-family:var(--fuente-mono);font-size:12.5px;line-height:1.55;resize:vertical}.vista-previa{min-height:380px;padding:var(--esp-4) var(--esp-4);border:1px solid var(--color-linea);border-radius:var(--radio-chico);background:var(--color-superficie);overflow:auto}.vista-previa h3{margin:2px 0 var(--esp-1);font-size:16px}.vista-previa h4{margin:var(--esp-3) 0 var(--esp-1);color:var(--color-texto-suave);font-size:13px;letter-spacing:.03em;text-transform:uppercase}.sugerencias{display:flex;flex-wrap:wrap;gap:var(--esp-2)}.sugerencia{border:1px dashed color-mix(in srgb,var(--color-primario) 35%,var(--color-superficie));border-radius:20px;background:color-mix(in srgb,var(--color-primario) 7%,var(--color-superficie));color:color-mix(in srgb,var(--color-primario) 75%,var(--color-texto));font-family:inherit;font-size:12px;font-weight:600;padding:5px 11px;cursor:pointer}.confirmacion{display:flex;gap:var(--esp-2);align-items:flex-start;margin:var(--esp-4) 0;padding:11px var(--esp-3);border:1px solid color-mix(in srgb,var(--color-acento) 40%,var(--color-superficie));border-radius:var(--radio-chico);background:color-mix(in srgb,var(--color-acento) 10%,var(--color-superficie))}.atajo{padding:1px 6px;border:1px solid var(--color-linea);border-radius:5px;background:var(--color-fondo);font-family:var(--fuente-mono);font-size:11px}.cabecera-paciente{display:flex;gap:var(--esp-4);align-items:center;margin-bottom:var(--esp-4)}.avatar{display:flex;justify-content:center;align-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));color:var(--color-superficie);font-size:18px;font-weight:800}.linea-tiempo{position:relative;padding-left:20px}.linea-tiempo:before{content:"";position:absolute;top:var(--esp-1);bottom:var(--esp-1);left:6px;width:2px;background:var(--color-linea)}.evento{position:relative;padding:6px 0 var(--esp-4) var(--esp-2)}.evento__punto{position:absolute;top:var(--esp-2);left:-18px;width:12px;height:12px;border:2px solid var(--color-superficie);border-radius:50%;box-shadow:0 0 0 1px var(--color-linea);background:var(--color-texto-suave)}.evento__punto--medicion{background:var(--color-secundario)}.evento__punto--tratamiento{background:var(--color-primario)}.evento__punto--observacion{background:var(--color-acento)}.evento__punto--outcome{background:var(--estado-enviado)}.evento__punto--ingreso{background:var(--estado-nuevo)}.evento__fecha{color:var(--color-texto-suave);font-size:11px}.evento__titulo{font-weight:600}.grafico{width:100%;height:auto}.consentimiento{display:flex;gap:var(--esp-2);align-items:flex-start;margin-bottom:var(--esp-2);padding:11px var(--esp-3);border:1px solid var(--color-linea);border-radius:var(--radio-chico);background:var(--color-superficie)}.area-larga{width:100%;min-height:110px;margin-top:var(--esp-2)}@media (width <= 900px){.kanban,.editor{grid-template-columns:1fr}}