:root{--navy: #003B5C;--deep: #041C2C;--steel: #7A99AC;--mist: #BBC7D6;--crema: #F4F5F0;--azul: #307FE2;--lila-claro: #D7B9E4;--rosa-claro: #EEDAEA;--tinta: #122A3A;--tenue: #5E7181;--linea: #E4E7E0;--blanco: #FFFFFF;--a-inicio: #003B5C;--a-inicio-t: #E3EBF1;--a-agenda: #307FE2;--a-agenda-t: #E6F0FC;--a-pacientes: #8C5BA8;--a-pacientes-t: #F3EAF8;--a-dinero: #C9822B;--a-dinero-t: #FBF0DE;--a-rosa: #B5577F;--a-rosa-t: #F8E9F0;--a-acero: #5F7F93;--a-acero-t: #E9EFF3;--verde: #26864D;--verde-t: #DDF2E4;--verde-texto: #1B5E35;--rojo: #C23B3B;--rojo-t: #FBE3E3;--ambar-t: #FDF4D3;--ambar-texto: #6E5200;--sombra: 0 1px 2px rgba(4, 28, 44, .04), 0 4px 16px rgba(4, 28, 44, .04);--radio: 20px;--f-titulo: "Nunito", system-ui, sans-serif;--f-texto: "Lato", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--crema);color:var(--tinta);font-family:var(--f-texto);font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--f-titulo);color:var(--navy);margin:0}h1{font-size:30px;font-weight:900}h2{font-size:18px;font-weight:800}a{color:var(--azul)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--azul) 45%,transparent);outline-offset:2px}.app{display:flex;min-height:100vh}.menu{width:248px;flex:none;background:var(--blanco);border-right:1px solid var(--linea);padding:24px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.menu .logo{width:118px;margin:4px 0 22px 12px}.menu a.item{display:flex;align-items:center;gap:12px;text-decoration:none;padding:8px 12px;border-radius:14px;font-family:var(--f-titulo);font-size:15px;font-weight:700;color:#4a6070}.menu a.item .ico{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--t);color:var(--c);flex:none}.menu a.item:hover{background:var(--crema)}.menu a.item.activo{background:var(--t);color:var(--navy);font-weight:800}.menu a.item.activo .ico{background:var(--c);color:#fff}.menu .yo{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--crema)}.menu .yo .datos{flex:1;min-width:0;font-size:13px;line-height:1.3}.menu .yo strong{font-family:var(--f-titulo);color:var(--navy);font-size:14px;display:block}.menu .yo .salir{background:none;border:0;color:var(--tenue);cursor:pointer;padding:6px;border-radius:8px}.menu .yo .salir:hover{background:#fff;color:var(--navy)}.contenido{flex:1;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:22px}.barra-movil{display:none}@media (max-width: 860px){.app{flex-direction:column}.menu{position:fixed;inset:0 auto 0 0;z-index:40;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #0003}.menu.abierto{transform:none}.barra-movil{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:30}.barra-movil img{height:30px}.contenido{padding:20px 16px 40px}}.encabezado{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.encabezado .titulo{display:flex;align-items:center;gap:14px;min-width:0}.encabezado .icono-area{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none}.encabezado .sub{font-size:14px;color:var(--tenue)}.acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tarjeta{background:var(--blanco);border-radius:var(--radio);padding:22px 24px;box-shadow:var(--sombra);min-width:0}.tarjeta-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tarjeta-titulo .izq{display:flex;align-items:center;gap:10px}.caja-icono{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none}.boton{font-family:var(--f-titulo);font-size:15px;font-weight:800;padding:11px 18px;border-radius:12px;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--azul);color:#fff;transition:filter .15s}.boton:hover{filter:brightness(.95)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.suave{background:#fff;color:var(--navy);border:1.5px solid var(--linea)}.boton.marino{background:var(--navy)}.boton.fantasma{background:transparent;color:var(--navy)}.boton.peligro{background:var(--rojo-t);color:var(--rojo)}.boton.chico{font-size:13.5px;padding:7px 12px;border-radius:10px}.boton.ancho{width:100%;justify-content:center}.enlace{background:none;border:0;padding:0;color:var(--azul);font-family:var(--f-titulo);font-weight:800;cursor:pointer;font-size:14px}.campo{display:block;min-width:0}.campo>span.etq{display:block;font-family:var(--f-titulo);font-size:13.5px;font-weight:800;color:var(--navy);margin-bottom:6px}.campo .req{color:var(--rojo)}.campo input,.campo select,.campo textarea{width:100%;background:var(--crema);border:1.5px solid transparent;border-radius:12px;padding:11px 14px;font-size:15px;transition:border-color .15s,background .15s}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--azul);background:#fff}.campo textarea{min-height:100px;resize:vertical}.campo .ayuda{font-size:12.5px;color:var(--tenue);margin-top:6px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.casilla{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer;padding:4px 0}.casilla input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--azul);flex:none}.segmentos{display:inline-flex;background:#fff;border:1.5px solid var(--linea);border-radius:14px;padding:4px;gap:2px;flex-wrap:wrap}.segmentos button{border:0;background:none;padding:8px 14px;border-radius:10px;font-family:var(--f-titulo);font-weight:800;font-size:14px;color:var(--navy);cursor:pointer}.segmentos button.activo{background:var(--azul);color:#fff}.tabla-env{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:14.5px}.tabla th{text-align:left;font-size:12.5px;color:var(--tenue);font-weight:700;padding:8px 10px;border-bottom:1.5px solid var(--linea);white-space:nowrap}.tabla td{padding:12px 10px;border-bottom:1px solid var(--linea);vertical-align:middle}.tabla tr:last-child td{border-bottom:0}.tabla tr.inactivo td{opacity:.55}.persona{display:flex;align-items:center;gap:12px;min-width:0}.persona strong{font-family:var(--f-titulo);color:var(--navy);display:block}.persona small{color:var(--tenue);font-size:13px}.avatar{border-radius:999px;color:#fff;font-family:var(--f-titulo);font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}.etiqueta{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.etiqueta .punto{width:7px;height:7px;border-radius:999px}.aviso{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex;gap:10px;align-items:flex-start}.aviso.info{background:var(--a-agenda-t);color:var(--navy)}.aviso.error{background:var(--rojo-t);color:#8a1f1f}.aviso.ok{background:var(--verde-t);color:var(--verde-texto)}.aviso.atencion{background:var(--ambar-t);color:var(--ambar-texto)}.vacio{text-align:center;color:var(--tenue);padding:30px 10px}.cargando{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--tenue);gap:10px}.giro{width:22px;height:22px;border-radius:999px;border:3px solid var(--mist);border-top-color:var(--azul);animation:giro .8s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#041c2c52;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.ventana{width:100%;max-width:640px;background:#fff;border-radius:24px;box-shadow:0 30px 80px #041c2c4d;overflow:hidden}.ventana .cab{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--linea)}.ventana .cab .t{flex:1;min-width:0}.ventana .cab .t div:first-child{font-family:var(--f-titulo);font-size:21px;font-weight:900;color:var(--navy)}.ventana .cab .t div:last-child{font-size:13.5px;color:var(--tenue)}.ventana .cuerpo{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.ventana .pie{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--linea);background:#fbfbf8;flex-wrap:wrap}.cerrar{width:36px;height:36px;border-radius:10px;background:var(--crema);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--navy)}.heroe{position:relative;overflow:hidden;background:var(--navy);border-radius:26px;padding:30px;color:#fff}.heroe svg.trazo{position:absolute;right:-40px;top:-30px;width:640px;height:300px;pointer-events:none}.heroe>*{position:relative}.heroe .fecha{color:var(--mist);font-weight:700;font-size:15px}.heroe h1{color:#fff;font-size:36px;margin:6px 0 10px}.heroe p{color:#dce5ec;margin:0;font-size:16px;max-width:560px}.entrada{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.entrada .lado{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.entrada .lado img{width:170px}.entrada .lado h2{color:#fff;font-size:30px;font-weight:900;max-width:420px;line-height:1.2}.entrada .lado p{color:var(--mist);max-width:420px}.entrada .forma{display:flex;align-items:center;justify-content:center;padding:32px 20px}.entrada .forma .caja{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}@media (max-width: 860px){.entrada{grid-template-columns:1fr}.entrada .lado{padding:28px 20px;min-height:0;gap:18px}.entrada .lado h2{font-size:22px}}.matriz{overflow-x:auto}.matriz table{border-collapse:separate;border-spacing:0;font-size:14px;min-width:640px;width:100%}.matriz th,.matriz td{padding:10px 12px;border-bottom:1px solid var(--linea);text-align:center}.matriz th:first-child,.matriz td:first-child{text-align:left;position:sticky;left:0;background:#fff}.matriz thead th{font-family:var(--f-titulo);color:var(--navy);font-size:14px}.matriz td small{display:block;color:var(--tenue);font-size:12px}.matriz input{width:18px;height:18px;accent-color:var(--azul)}.entrada .lado svg.trazo{position:absolute;right:-60px;top:40px;width:640px;height:300px;pointer-events:none}.entrada .lado>:not(svg){position:relative}.entrada .campo input{background:#fff;border-color:var(--linea)}.entrada .campo input:focus{border-color:var(--azul)}