:root{--navy:#0d1b2a;--navy-light:#1a2e45;--teal:#2ec4b6;--teal-dark:#1d9e75;--teal-light:#e1f5ee;--teal-mid:#5dcaa5;--red-bg:#fcebeb;--red-border:#f09595;--red-accent:#e24b4a;--red-text:#a32d2d;--amber-bg:#faeeda;--amber-border:#fac775;--amber-accent:#ef9f27;--amber-text:#854f0b;--blue-bg:#e6f1fb;--blue-accent:#378add;--blue-text:#185fa5;--purple-accent:#534ab7;--brown-accent:#854f0b;--gray-50:#f7f9fa;--gray-100:#f0f2f4;--gray-200:#e0e4e8;--gray-300:#c8cdd4;--gray-500:#8a9099;--gray-700:#4a5260;--gray-900:#1a1f26;--white:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:20px;--shadow-card:0 1px 3px #0000000f;--transition:.15s ease}*,:before,:after{box-sizing:border-box}body{color:var(--gray-900);background-color:var(--gray-50);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--navy);margin:0;font-weight:500;line-height:1.3}p{margin:0 0 8px}label{color:var(--gray-700);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.contenedor-app{max-width:780px;margin:0 auto;padding:20px 16px}.encabezado-app{border-bottom:2px solid var(--teal);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.encabezado-app h1{color:var(--navy);font-size:20px;font-weight:500}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tarjeta{background:var(--white);border:.5px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.tarjeta-header{border-bottom:.5px solid var(--gray-200);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.tarjeta-header h2{color:var(--navy);margin:0;font-size:15px;font-weight:500}.tarjeta-header .subtitulo{color:var(--gray-500);margin-top:2px;font-size:12px}.step-badge{background:var(--navy);width:30px;height:30px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.divider{background:var(--gray-200);height:.5px;margin:16px 0}.seccion-titulo{color:var(--navy);margin-bottom:12px;font-size:13px;font-weight:500}.seccion-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);margin-bottom:8px;font-size:11px;font-weight:500}.campo{flex-direction:column;gap:4px;margin-bottom:0;display:flex}.campo-formulario,input[type=text],input[type=number],input[type=date],input[type=email],select,textarea{border:.5px solid var(--gray-300);border-radius:var(--radius-md);width:100%;height:36px;color:var(--gray-900);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);box-sizing:border-box;margin-bottom:0;padding:0 10px;font-family:inherit;font-size:13px}textarea,textarea.campo-formulario{resize:vertical;height:auto;min-height:72px;padding:8px 10px;line-height:1.5}.campo-formulario:focus,input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #2ec4b626}.campo-formulario:disabled,input:disabled,select:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.boton-primario{background:var(--navy);height:38px;color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;align-items:center;gap:6px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.boton-primario:hover{background:var(--navy-light)}.boton-primario:active{transform:scale(.98)}.boton-primario:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none}.boton-secundario{background:var(--white);height:38px;color:var(--gray-700);border:.5px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition);align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13px;display:inline-flex}.boton-secundario:hover{background:var(--gray-100);border-color:var(--gray-400,#a0a8b0)}.boton-secundario:disabled{opacity:.5;cursor:not-allowed}.boton-teal{background:var(--teal);height:38px;color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);border:none;align-items:center;gap:6px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.boton-teal:hover{background:var(--teal-dark)}.radio-group{flex-wrap:wrap;gap:6px;display:flex}.radio-btn{border:.5px solid var(--gray-300);border-radius:var(--radius-pill);height:32px;color:var(--gray-700);cursor:pointer;background:var(--white);transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:center;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.radio-btn:hover{border-color:var(--gray-500);background:var(--gray-100)}.radio-btn.sel,.radio-btn.activo{border-color:var(--navy);color:var(--navy);background:var(--white);font-weight:500}.radio-btn.sel-verde{border-color:var(--teal-mid);color:var(--teal-dark);background:var(--teal-light)}.radio-btn.sel-rojo{border-color:var(--red-border);color:var(--red-text);background:var(--red-bg)}.radio-btn.sel-navy{border-color:var(--navy);color:var(--white);background:var(--navy)}.seg-btn{border:.5px solid var(--gray-300);border-radius:var(--radius-md);height:36px;color:var(--gray-700);cursor:pointer;background:var(--white);transition:all var(--transition);-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:flex}.seg-btn:hover{border-color:var(--teal-mid);background:var(--gray-100)}.seg-btn.activo{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-light);font-weight:500}.step-nav{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.step-pill{border-radius:var(--radius-pill);border:.5px solid var(--gray-300);height:28px;color:var(--gray-500);background:var(--white);align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.step-pill.activo{background:var(--navy);color:var(--white);border-color:var(--navy)}.step-pill.completado{background:var(--teal-light);color:var(--teal-dark);border-color:var(--teal-mid)}.barra-inferior{background:var(--white);border:.5px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;margin-top:8px;padding:14px 20px;display:flex}.barra-inferior .guardado-auto{color:var(--gray-500);font-size:12px}.acordeon-header{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;display:flex}.acordeon-navy{background:var(--navy)}.acordeon-teal{background:var(--teal-dark)}.acordeon-purple{background:var(--purple-accent)}.acordeon-brown{background:var(--brown-accent)}.acordeon-label{color:var(--white);font-size:13px;font-weight:500}.acordeon-meta{color:#ffffffa6;align-items:center;gap:6px;font-size:11px;display:flex}.acordeon-body{padding:12px 4px}.tabla-rom{border-collapse:collapse;width:100%;font-size:12px}.tabla-rom th{text-align:left;color:var(--gray-700);background:var(--gray-50);border-bottom:.5px solid var(--gray-200);white-space:nowrap;padding:6px 8px;font-weight:500}.tabla-rom td{border-bottom:.5px solid var(--gray-100);vertical-align:middle;padding:6px 8px}.tabla-rom tr:last-child td{border-bottom:none}.alerta-roja{background:var(--red-bg);border:.5px solid var(--red-border);border-left:3px solid var(--red-accent);border-radius:var(--radius-md);padding:12px 16px}.alerta-amarilla{background:var(--amber-bg);border:.5px solid var(--amber-border);border-left:3px solid var(--amber-accent);border-radius:var(--radius-md);padding:12px 16px}.alerta-verde{background:var(--teal-light);border:.5px solid var(--teal-mid);border-left:3px solid var(--teal);border-radius:var(--radius-md);padding:12px 16px}.alerta-titulo{margin-bottom:4px;font-size:13px;font-weight:500}.alerta-roja .alerta-titulo{color:var(--red-text)}.alerta-amarilla .alerta-titulo{color:var(--amber-text)}.alerta-verde .alerta-titulo{color:var(--teal-dark)}.alerta-cuerpo{color:var(--gray-700);font-size:12px}.grid-objetivos{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.obj-card{border:.5px solid var(--gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--white);padding:14px}.obj-card.corto{border-top:2px solid var(--teal-dark)}.obj-card.mediano{border-top:2px solid var(--blue-accent)}.obj-card.largo{border-top:2px solid var(--amber-accent)}.obj-fase{text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:500}.obj-card.corto .obj-fase{color:var(--teal-dark)}.obj-card.mediano .obj-fase{color:var(--blue-text)}.obj-card.largo .obj-fase{color:var(--amber-text)}.plan-card{border:.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);transition:border-color var(--transition);align-items:flex-start;gap:10px;padding:12px;display:flex}.plan-card.activo{border-color:var(--teal-mid);background:var(--teal-light)}.plan-card.inactivo{background:var(--gray-50);opacity:.7}.check-circle{border:.5px solid var(--gray-300);cursor:pointer;width:20px;height:20px;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.check-circle.marcado{background:var(--teal-light);border-color:var(--teal-mid)}.eva-grupo{gap:10px;display:flex}.eva-caja{border:.5px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-50);flex:1;padding:10px 12px}.eva-caja label{color:var(--gray-500);margin-bottom:6px;font-size:11px}.eva-caja input[type=number]{text-align:center;border:.5px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);width:100%;height:44px;font-size:22px;font-weight:500}.badge{border-radius:var(--radius-sm);align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-teal{background:var(--teal-light);color:var(--teal-dark)}.badge-navy{color:var(--navy);background:#e6ebf0}.badge-rojo{background:var(--red-bg);color:var(--red-text)}.badge-ambar{background:var(--amber-bg);color:var(--amber-text)}.badge-azul{background:var(--blue-bg);color:var(--blue-text)}.caja-error{background:var(--red-bg);border:.5px solid var(--red-border);border-radius:var(--radius-md);color:var(--red-text);margin-bottom:16px;padding:12px 16px;font-size:13px}.caja-error ul{margin:6px 0 0;padding-left:18px}.notif-info{background:var(--teal-light);border:.5px solid var(--teal-mid);border-radius:var(--radius-md);color:var(--teal-dark);margin-bottom:16px;padding:10px 14px;font-size:13px}.instruccion-clinica{color:var(--gray-700);background:var(--gray-50);border-left:2px solid var(--gray-300);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:10px;padding:6px 10px;font-size:12px;font-style:italic}.resultado-prom{background:var(--teal-light);border:.5px solid var(--teal-mid);border-radius:var(--radius-md);margin-top:12px;padding:14px 16px}.resultado-prom h4{color:var(--teal-dark);margin-bottom:8px;font-size:14px}