:root{--rojo:#d7141e;--rojo-suave:#fde8e9;--texto:#1f2430;--texto-suave:#6b7280;--borde:#e5e7eb;--fondo:#f5f6f8;--blanco:#fff;--verde:#16a34a;--gris-estado:#9ca3af;--di:#d7141e;--dii:#1d4ed8;--diii:#15803d;--radio:10px;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}button:disabled{cursor:not-allowed}.app{flex-direction:column;min-height:100vh;display:flex}.encabezado{background:var(--blanco);border-bottom:1px solid var(--borde);align-items:center;gap:24px;padding:12px 24px;display:flex}.marca{align-items:center;gap:14px;display:flex}.marca__icono{color:var(--rojo)}.marca h1{letter-spacing:.5px;font-size:22px;font-weight:800}.marca p{color:var(--texto-suave);font-size:13px}.aviso-prueba{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.encabezado__derecha{align-items:center;gap:20px;margin-left:auto;display:flex}.icono-boton{color:var(--texto-suave);background:0 0;border:0;padding:6px}.usuario{align-items:center;gap:10px;display:flex}.usuario strong{font-size:14px;display:block}.usuario small{color:var(--texto-suave);font-size:12px}.avatar{width:40px;height:40px;color:var(--texto-suave);background:#eef0f3;border-radius:50%;place-items:center;display:grid}.avatar--grande{background:var(--rojo-suave);width:56px;height:56px;color:var(--rojo)}.cuerpo{flex:1;grid-template-columns:210px minmax(0,1fr) 330px;gap:16px;padding:16px;display:grid}.lateral{flex-direction:column;justify-content:space-between;display:flex}.lateral ul{flex-direction:column;gap:6px;display:flex}.menu{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:15px;display:flex}.menu:disabled{opacity:.55}.menu--activo{background:var(--rojo);color:var(--blanco);font-weight:600}.dispositivo{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:6px;padding:14px;font-size:13px;display:flex}.dispositivo p{align-items:center;gap:8px;display:flex}.dispositivo small,.dispositivo__bateria{color:var(--texto-suave)}.principal{flex-direction:column;gap:16px;min-width:0;display:flex}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:18px 20px}.tarjeta h3{margin-bottom:14px;font-size:15px}.titulo-icono{align-items:center;gap:10px;display:flex}.cuadro-icono{background:var(--rojo);width:30px;height:30px;color:var(--blanco);border-radius:6px;place-items:center;display:grid}.bienvenida{align-items:center;gap:18px;display:flex}.bienvenida__icono{color:var(--rojo)}.bienvenida h2{font-size:19px}.bienvenida p{color:var(--texto-suave);margin-top:4px;font-size:14px}.bienvenida__fecha{text-align:right;color:var(--texto-suave);flex-direction:column;gap:4px;margin-left:auto;font-size:13px;display:flex}.bienvenida__fecha strong{color:var(--texto);font-size:15px}.paciente{align-items:center;gap:28px;display:flex}.dato{border-left:1px solid var(--borde);flex-direction:column;gap:4px;padding-left:24px;display:flex}.dato:first-of-type{border-left:0;padding-left:0}.dato small{color:var(--texto-suave);font-size:12px}.dato strong{font-size:16px}.ecg{grid-template-columns:minmax(0,1fr) 240px;gap:18px;display:grid}.panel-ecg__titulo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-ecg__titulo h2{font-size:16px}.estado{border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px}.estado--inactivo{color:var(--texto-suave);background:#f3f4f6}.derivacion{margin-bottom:12px}.derivacion__cabecera{align-items:center;gap:12px;margin-bottom:6px;display:flex}.derivacion__etiqueta{color:var(--blanco);border-radius:5px;padding:4px 14px;font-size:13px;font-weight:700}.derivacion__escala{color:var(--texto-suave);font-size:12px}.trazo{border:1px solid #f0b4b9;border-radius:4px;width:100%;display:block}.panel-controles__nota{color:#92400e;background:#fef3c7;border-radius:6px;margin:-4px 0 12px;padding:6px 8px;font-size:11px}.panel-controles__muestreo{color:var(--texto-suave);margin-bottom:10px;font-size:12px}.tarjeta-interna{border:1px solid var(--borde);border-radius:var(--radio);padding:14px}.grupo{border:0;margin:0 0 14px;padding:0}.grupo legend{margin-bottom:8px;padding:0;font-size:13px}.segmentado{gap:6px;display:flex}.segmentado button{white-space:nowrap;border:1px solid var(--borde);background:var(--blanco);cursor:pointer;border-radius:6px;flex:1;padding:7px 2px;font-size:11px}.segmentado button:disabled{opacity:.7;cursor:not-allowed}.segmentado button.activo{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}.boton{border:1px solid var(--borde);background:var(--blanco);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.boton:disabled{opacity:.6}.boton--primario{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}.boton--ancho{width:100%}.pendiente{text-transform:uppercase;letter-spacing:.3px;color:#92400e;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pendiente--claro,.boton--primario .pendiente{color:var(--rojo);background:var(--blanco)}.metricas{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metrica{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:14px;display:grid}.metrica__icono{color:var(--rojo);grid-row:span 3}.metrica small{color:var(--texto-suave);font-size:11px}.metrica p strong{font-size:22px}.metrica p span{color:var(--texto-suave);font-size:12px}.metrica__estado{color:var(--gris-estado);font-size:11px}.inferior{grid-template-columns:1fr 1fr;gap:16px;display:grid}.electrodos{align-items:center;gap:24px;display:flex}.leyenda{flex-direction:column;gap:10px;font-size:13px;display:flex}.leyenda li{align-items:center;gap:10px;display:flex}.chip{width:24px;height:24px;color:var(--blanco);border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.chip--ra{background:var(--rojo)}.chip--la{background:#f2b705}.chip--ll{background:var(--verde)}.modulo li{border-bottom:1px solid var(--borde);color:var(--texto-suave);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.modulo li span{color:var(--texto)}.modulo li em{align-items:center;gap:6px;margin-left:auto;font-style:normal;display:flex}.derecha{flex-direction:column;gap:16px;display:flex}.acciones{flex-direction:column;gap:10px;display:flex}.vacio{color:var(--texto-suave);text-align:center;padding:18px 0;font-size:13px}.punto{border-radius:50%;width:9px;height:9px;display:inline-block}.punto--gris{background:var(--gris-estado)}.figura{flex-shrink:0;width:160px;height:200px;position:relative}.figura__contorno{filter:drop-shadow(1.5px 0 #d6a98c)drop-shadow(-1.5px 0 #d6a98c)drop-shadow(0 1.5px #d6a98c)drop-shadow(0 -1.5px #d6a98c);position:absolute;inset:0}.figura__silueta{width:100%;height:100%;clip-path:path("M99 28 A19 19 0 1 1 61 28 A19 19 0 1 1 99 28 Z M71 45 L71 54 Q48 57 36 63 Q24 69 22 86 L17 150 Q16 160 25 160 Q31 160 32 150 L35 104 Q37 120 38 140 L38 200 L122 200 L122 140 Q123 120 125 104 L128 150 Q129 160 135 160 Q144 160 143 150 L138 86 Q136 69 124 63 Q112 57 89 54 L89 45 Z");background:#fbe4d5}.figura__electrodo{border:2px solid var(--blanco);position:absolute;transform:translate(-50%,-50%)}@media (width<=1280px){.cuerpo{grid-template-columns:200px minmax(0,1fr);align-content:start}.derecha{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.metricas{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.cuerpo{grid-template-columns:minmax(0,1fr)}.derecha{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.derecha>:first-child{grid-column:1/-1}.lateral{gap:12px}.lateral ul{flex-direction:row;padding-bottom:4px;overflow-x:auto}.menu{white-space:nowrap;padding:9px 12px;font-size:14px}.dispositivo{flex-flow:wrap;align-items:center;gap:6px 16px}.ecg{grid-template-columns:minmax(0,1fr)}.aviso-prueba{white-space:nowrap}.acciones{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=640px){.encabezado{flex-wrap:wrap;gap:10px 16px;padding:10px 16px}.marca p,.usuario>div,.usuario>svg:last-child{display:none}.aviso-prueba{text-align:center;order:3;width:100%}.cuerpo{gap:12px;padding:12px}.bienvenida{flex-wrap:wrap}.bienvenida__fecha{text-align:left;width:100%;margin-left:0}.paciente{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.paciente .avatar{display:none}.dato{border-left:0;padding-left:0}.metricas{grid-template-columns:repeat(2,minmax(0,1fr))}.inferior,.derecha,.acciones{grid-template-columns:minmax(0,1fr)}.inferior{display:grid}.electrodos{flex-direction:column}.tarjeta{padding:14px}}.estado--simulacion{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;font-weight:700}.punto--simulacion{background:#f59e0b}.panel-ecg__reproduccion{color:var(--texto-suave);font-size:12px}.punto--latido{animation:1s ease-in-out infinite latido}@keyframes latido{50%{opacity:.35}}.boton{cursor:pointer}.boton:disabled{cursor:not-allowed}.panel-controles__ayuda{color:var(--texto-suave);margin:-4px 0 12px;font-size:11px;line-height:1.4}.metrica--con-valor p strong{color:var(--texto)}.metrica--con-valor .metrica__estado{color:#92400e}.lateral__arriba{flex-direction:column;gap:14px;display:flex}.servidor{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:6px;padding:14px;font-size:13px;display:flex}.servidor p{align-items:center;gap:8px;font-weight:600;display:flex}.servidor small{color:var(--texto-suave)}.punto--verde{background:var(--verde)}.punto--rojo{background:var(--rojo)}.boton--pequeno{align-self:flex-start;gap:6px;padding:6px 10px;font-size:13px}@media (width<=1024px){.servidor{flex-flow:wrap;align-items:center;gap:6px 16px}}.login{background:var(--fondo);place-items:center;min-height:100vh;padding:16px;display:grid}.login__tarjeta{background:var(--blanco);border:1px solid var(--borde);border-top:4px solid var(--rojo);border-radius:var(--radio);flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 8px 24px #0000000f}.login__marca{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login__marca h1{font-size:24px}.login__marca p{color:var(--texto-suave);font-size:13px}.campo{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.campo input{font:inherit;border:1px solid var(--borde);border-radius:8px;padding:10px 12px;font-weight:400}.campo input:focus{outline:2px solid var(--rojo-suave);border-color:var(--rojo)}.login__error{background:var(--rojo-suave);color:#991b1b;border-radius:8px;padding:10px 12px;font-size:13px}.login__nota{color:var(--texto-suave);text-align:center;font-size:12px}.login__cargando{color:var(--texto-suave)}.icono-boton--activo{cursor:pointer}.icono-boton--activo:hover{color:var(--rojo)}.paciente__elegir{align-self:center;margin-left:auto}.pacientes{flex-direction:column;gap:16px;display:flex}.aviso-ficticio{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px}.formulario{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.campo--ancho{grid-column:span 2}.campo select{font:inherit;border:1px solid var(--borde);background:var(--blanco);border-radius:8px;padding:10px 12px;font-weight:400}.formulario__errores{grid-column:1/-1;padding-left:28px}.formulario>.boton{grid-column:1/-1;justify-self:start}.pacientes__cabecera{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tabla-contenedor{overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th{text-align:left;color:var(--texto-suave);border-bottom:1px solid var(--borde);padding:8px 10px;font-size:12px;font-weight:600}.tabla td{border-bottom:1px solid var(--borde);white-space:nowrap;padding:10px}.tabla__fila--activa{background:var(--rojo-suave)}.etiqueta-activo{color:var(--rojo);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=640px){.formulario{grid-template-columns:minmax(0,1fr)}.campo--ancho{grid-column:auto}.paciente__elegir{grid-column:1/-1;margin-left:0}}.vista-inicio:not([hidden]){display:contents}.aviso-guardado{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.recientes{flex-direction:column;gap:8px;list-style:none;display:flex}.recientes li{border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.recientes li:last-child{border-bottom:none}.recientes strong{margin-left:auto}@media (width<=640px){.paciente__acciones{grid-column:1/-1;justify-content:flex-start;margin-left:0}.paciente__selector,.paciente__selector select{width:100%;max-width:none}}.paciente .dato strong,.tabla td{white-space:nowrap}.paciente__acciones{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.paciente__selector select{font:inherit;border:1px solid var(--borde);background:var(--blanco);border-radius:8px;max-width:240px;padding:7px 10px;font-size:13px}.solo-lectores{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabla__acciones{justify-content:flex-end;gap:6px;display:flex}.confirmar{border:1px solid var(--rojo);background:#fef2f2;border-radius:8px;flex-direction:column;gap:10px;margin:12px 0;padding:14px;font-size:13px;display:flex}.confirmar code{word-break:break-all}.confirmar .campo{max-width:280px}.confirmar__botones{gap:8px;display:flex}.boton--peligro{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}.boton--peligro:disabled{opacity:.5}@media (width<=640px){.paciente__acciones{grid-column:1/-1;justify-content:flex-start;margin-left:0}.paciente__selector,.paciente__selector select{width:100%;max-width:none}}.paciente{flex-wrap:wrap;row-gap:12px}.paciente .dato strong,.tabla td{white-space:nowrap}.boton--icono{padding:6px 8px}.informe-ultimo{color:var(--rojo);align-items:flex-start;gap:8px;margin:4px 0 12px;display:flex}.informe-ultimo span{flex-direction:column;gap:2px;min-width:0;display:flex}.informe-ultimo strong{color:var(--texto);word-break:break-all;font-size:12px}.informe-ultimo small{color:var(--texto-suave);font-size:11px}.estado--dispositivo{color:#1e3a8a;background:#dbeafe;border:1px solid #93c5fd;font-weight:700}.punto--ambar{background:#f59e0b}