/* MedigOS — capa "Liquid Glass" (vista previa). Solo estética: no cambia estructura ni datos. */
:root{
  --glass-bg: rgba(255,255,255,.52);
  --glass-bg-strong: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.75);
  --glass-shadow: 0 8px 32px rgba(10,46,92,.12), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.25);
  --glass-blur: blur(22px) saturate(170%);
}
/* Fondo: se conserva el azul claro y el patrón médico originales; solo se suma un toque de luz */
body{
  background-image:
    radial-gradient(55vmax 45vmax at 5% 0%, rgba(46,134,238,.16), transparent 60%),
    radial-gradient(45vmax 40vmax at 100% 100%, rgba(120,170,255,.16), transparent 60%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22220%22%20viewBox%3D%220%200%20220%20220%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%230A2E5C%22%20stroke-width%3D%222.2%22%20opacity%3D%220.05%22%3E%0A%20%20%3Cpath%20d%3D%22M40%2020%20h14%20v14%20h14%20v14%20h-14%20v14%20h-14%20v-14%20h-14%20v-14%20h14%20z%22%20/%3E%0A%20%20%3Cpath%20d%3D%22M110%20150%20h18%20l8%20-22%20l12%2040%20l10%20-55%20l9%2037%20h33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%0A%20%20%3Cpath%20d%3D%22M175%2040%20h10%20v10%20h10%20v10%20h-10%20v10%20h-10%20v-10%20h-10%20v-10%20h10%20z%22%20/%3E%0A%20%20%3Ccircle%20cx%3D%2245%22%20cy%3D%22180%22%20r%3D%229%22%20/%3E%0A%20%20%3Cpath%20d%3D%22M45%20171%20v-25%20q0%20-14%2014%20-14%20h6%22%20stroke-linecap%3D%22round%22%20/%3E%0A%3C/g%3E%0A%3C/svg%3E") !important;
  background-attachment:fixed, fixed, scroll !important;
}
/* Barra lateral */
.sidebar{
  background:linear-gradient(180deg, rgba(11,95,203,.94), rgba(10,61,143,.92) 55%, rgba(6,37,89,.94)) !important;
  backdrop-filter:blur(26px) saturate(180%); -webkit-backdrop-filter:blur(26px) saturate(180%);
  border-right:1px solid rgba(255,255,255,.28);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.15), 8px 0 40px rgba(10,46,92,.18);
}
.nav-link{ transition: background .2s, box-shadow .2s, transform .15s; }
.nav-link:hover{ background:rgba(255,255,255,.14) !important; }
.nav-link.active{
  background:rgba(255,255,255,.26) !important; color:#fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.12), 0 4px 14px rgba(3,20,60,.25);
  backdrop-filter:blur(8px);
}
/* Tarjetas */
.card, .stat-card{
  background:var(--glass-bg) !important;
  backdrop-filter:var(--glass-blur); -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border) !important;
  box-shadow:var(--glass-shadow) !important;
}
.stat-card-clickable:hover{ background:var(--glass-bg-strong) !important; box-shadow:0 12px 36px rgba(10,46,92,.16), inset 0 1px 0 #fff !important; transform:translateY(-2px); }
/* Ventanas emergentes */
.modal-backdrop{ background:rgba(10,30,70,.28) !important; backdrop-filter:blur(10px) saturate(130%) !important; -webkit-backdrop-filter:blur(10px) saturate(130%) !important; }
.modal{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(30px) saturate(180%); -webkit-backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 24px 70px rgba(10,46,92,.28), inset 0 1px 0 #fff !important;
}
/* Botón principal con brillo de vidrio */
.btn-primary,button.btn-primary{
  background:linear-gradient(180deg, rgba(70,150,245,.95), rgba(15,98,196,.95)) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 6px 18px rgba(15,98,196,.35) !important;
}
/* Contenido clínico: se mantiene sólido y legible (formularios, tablas, receta) */
#record-form, #record-form .card, form .card, table, .rx-preview, .prescription, .receta{
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
/* Respaldo: sin soporte de desenfoque o con "reducir transparencia" */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .card,.stat-card,.modal{ background:rgba(255,255,255,.95) !important; }
}
@media (prefers-reduced-transparency: reduce){
  .card,.stat-card,.modal{ background:#fff !important; backdrop-filter:none !important; }
}

/* Barra superior */
.top-header-bar{
  background:linear-gradient(90deg, rgba(11,95,203,.94), rgba(15,98,196,.90)) !important;
  backdrop-filter:blur(22px) saturate(180%); -webkit-backdrop-filter:blur(22px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.35);
  box-shadow:0 6px 24px rgba(10,46,92,.14), inset 0 -1px 0 rgba(255,255,255,.2);
}
/* Botones: mismo vidrio azul que "Agendar cita" (btn-primary) en las acciones rápidas del inicio */
.quick-action-btn{
  background:linear-gradient(180deg, rgba(70,150,245,.95), rgba(15,98,196,.95)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 6px 18px rgba(15,98,196,.35) !important;
  transition:transform .15s, box-shadow .2s;
}
.quick-action-btn:hover{ transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 10px 24px rgba(15,98,196,.42) !important; }
.btn-secondary{
  background:rgba(255,255,255,.5) !important; backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:inset 0 1px 0 #fff, 0 3px 10px rgba(10,46,92,.08);
}
/* Ventanas con formulario clínico: casi sólidas para leer sin esfuerzo */
.modal:has(form), .modal.modal-wide{
  background:rgba(255,255,255,.94) !important;
}
.modal:has(form) input, .modal:has(form) select, .modal:has(form) textarea{
  background:#fff !important;
}
/* Menú de la cuenta */
.top-header-dropdown{
  background:rgba(255,255,255,.8) !important; backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9) !important; box-shadow:0 18px 50px rgba(10,46,92,.25), inset 0 1px 0 #fff !important;
}

/* Unión menú + barra superior: un solo bloque continuo, sin línea de separación */
:root{ --chrome-1:#0B5FCB; --chrome-2:#0F62C4; --chrome-edge:rgba(11,95,203,.94); }
.sidebar{ border-right:none !important; box-shadow:none !important; z-index:2; }
.top-header-bar{
  background:linear-gradient(90deg, var(--chrome-edge), rgba(15,98,196,.90)) !important;
  border-bottom:none !important; border-left:none !important;
  box-shadow:0 8px 24px rgba(10,46,92,.12) !important;
}

/* MedigOS — variante MIXTA 2: menú y barra en azul; botones, títulos y números en verde azulado (#097e85) */
:root{
  --blue-900:#0A4F54;   /* títulos */
  --blue-700:#097E85;   /* números, enlaces, acentos */
  --blue-500:#12A0A3;
  --blue-100:#DDF2F1;
}
.page-header h2, .card h3, .modal h3{ color:#0A4F54; }
.stat-value{ color:#097E85; }
.btn-secondary{ border-color:rgba(9,126,133,.5) !important; }

/* ===== Casillas redondeadas sin marco negro (opción B) ===== */
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not(#_), select:not(#_), textarea:not(#_){
  appearance:none; -webkit-appearance:none;
  font-family:inherit; color:#0f2a3d;
  background:rgba(214,230,247,.55) !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  padding:12px 16px;
  box-shadow:inset 0 2px 4px rgba(10,46,92,.06);
  transition:background .18s, box-shadow .18s, border-color .18s;
}
select:not(#_){ padding-right:40px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23097E85' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 15px center !important; background-size:15px !important; }
textarea:not(#_){ border-radius:18px !important; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not(#_):hover, select:not(#_):hover, textarea:not(#_):hover{ background-color:rgba(205,224,245,.75) !important; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=submit]):not([type=button]):not(#_):focus, select:not(#_):focus, textarea:not(#_):focus{
  outline:none; background-color:#fff !important; border-color:rgba(18,160,163,.7) !important;
  box-shadow:0 0 0 4px rgba(18,160,163,.15), 0 6px 18px rgba(10,46,92,.10);
}
::placeholder{ color:#7f97ab; }
input:disabled, select:not(#_):disabled, textarea:not(#_):disabled{ opacity:.55; }
input[type=checkbox], input[type=radio]{ accent-color:#097E85; }

/* Buscadores de pacientes: casilla estilo cristal claro (opción A) */
#quick-patient-search:not(#_), #patient-search:not(#_), #picker-search:not(#_), #merge-search:not(#_){
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.96)) !important;
  border:1px solid rgba(11,95,203,.16) !important;
  border-radius:14px !important;
  padding:11px 15px;
  box-shadow:inset 0 1px 2px rgba(10,46,92,.07), 0 1px 0 rgba(255,255,255,.9), 0 3px 10px rgba(10,46,92,.05);
}
#quick-patient-search:not(#_):hover, #patient-search:not(#_):hover, #picker-search:not(#_):hover, #merge-search:not(#_):hover{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.96)) !important; border-color:rgba(9,126,133,.38) !important; }
#quick-patient-search:not(#_):focus, #patient-search:not(#_):focus, #picker-search:not(#_):focus, #merge-search:not(#_):focus{ background:#fff !important; border-color:rgba(9,126,133,.75) !important; box-shadow:0 0 0 4px rgba(18,160,163,.16), inset 0 1px 2px rgba(10,46,92,.04); }

/* ===== Iconos del menú: baldosas de color (opción 2) ===== */
.nav-icon{font-size:0 !important;line-height:0;color:transparent;width:30px !important;height:30px;flex:0 0 30px;display:inline-block;border-radius:10px;background-repeat:no-repeat;background-position:center;}
.nav-link[data-route="inicio"] .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2338BDF8%22/%3E%3Cstop offset=%221%22 stop-color=%22%230A6FD1%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10.5 12 3l9 7.5%22 fill=%22none%22/%3E%3Cpath d=%22M5 9v10.5a1.5 1.5 0 0 0 1.5 1.5H10v-6h4v6h3.5a1.5 1.5 0 0 0 1.5-1.5V9%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link[data-route="pacientes"] .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232DD4BF%22/%3E%3Cstop offset=%221%22 stop-color=%22%230B8A8F%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.6%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M2.5 20.5c0-3.7 2.9-6 6.5-6s6.5 2.3 6.5 6%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Ccircle cx=%2217.2%22 cy=%229%22 r=%222.6%22 fill=%22none%22/%3E%3Cpath d=%22M17.5 14.2c2.7.2 4.2 1.9 4.2 4.6%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link[data-route="calendario"] .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23818CF8%22/%3E%3Cstop offset=%221%22 stop-color=%22%234338CA%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2216.5%22 rx=%223.2%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M3 10h18M8 2.5v4M16 2.5v4%22 fill=%22none%22/%3E%3Cpath d=%22M8 14h.01M12 14h.01M16 14h.01M8 17.5h.01M12 17.5h.01%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-clinical-calendar .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2334D399%22/%3E%3Cstop offset=%221%22 stop-color=%22%23047857%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224.5%22 width=%2218%22 height=%2216.5%22 rx=%223.2%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M3 10h18M8 2.5v4M16 2.5v4%22 fill=%22none%22/%3E%3Cpath d=%22M12 12.6v5.6M9.2 15.4h5.6%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link[data-route="caja"] .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FBBF24%22/%3E%3Cstop offset=%221%22 stop-color=%22%23D97706%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%226%22 width=%2219%22 height=%2212.5%22 rx=%222.8%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Ccircle cx=%2212%22 cy=%2212.2%22 r=%222.8%22 fill=%22none%22/%3E%3Cpath d=%22M6 12.2h.01M18 12.2h.01%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-doctors .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2322D3EE%22/%3E%3Cstop offset=%221%22 stop-color=%22%230E7490%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3H4.2A1.7 1.7 0 0 0 2.5 4.7V9a6 6 0 0 0 12 0V4.7A1.7 1.7 0 0 0 12.8 3H12%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M8.5 15a6 6 0 0 0 12 0v-3%22 fill=%22none%22/%3E%3Ccircle cx=%2220.5%22 cy=%2210%22 r=%222%22 fill=%22none%22/%3E%3Cpath d=%22M5 2v2.4M12 2v2.4%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-clinic .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23F472B6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23BE185D%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M3 21h18M12 7v5M9.5 9.5h5%22 fill=%22none%22/%3E%3Cpath d=%22M10 21v-3.5a2 2 0 0 1 4 0V21%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-audit .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2394A3B8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23334155%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 2.8 4.5 5.8v5.6c0 4.5 3.1 8 7.5 9.8 4.4-1.8 7.5-5.3 7.5-9.8V5.8z%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Crect x=%228.8%22 y=%2211%22 width=%226.4%22 height=%225%22 rx=%221.2%22 fill=%22none%22/%3E%3Cpath d=%22M10 11V9.6a2 2 0 0 1 4 0V11%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-legal .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23A78BFA%22/%3E%3Cstop offset=%221%22 stop-color=%22%236D28D9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3v18M7 21h10M5 6.5h14%22 fill=%22none%22/%3E%3Cpath d=%22M5 6.5 2.3 13.2a3.2 3.2 0 0 0 5.4 0z%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M19 6.5l-2.7 6.7a3.2 3.2 0 0 0 5.4 0z%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link#nav-referral .nav-icon{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 36 36%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FB923C%22/%3E%3Cstop offset=%221%22 stop-color=%22%23DC2626%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2234%22 rx=%2210%22 fill=%22url(%23a)%22/%3E%3Crect x=%221%22 y=%221%22 width=%2234%22 height=%2217%22 rx=%2210%22 fill=%22url(%23b)%22/%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2235%22 height=%2235%22 rx=%2210.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.45%22/%3E%3Cg transform=%22translate(6 6) scale(1)%22%3E%3Cg stroke=%22%23fff%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%224.4%22 rx=%221.2%22 fill=%22%23fff%22 fill-opacity=%22.30%22/%3E%3Cpath d=%22M12 8v13M5 12.4V19a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6.6%22 fill=%22none%22/%3E%3Cpath d=%22M7.6 8a2.5 2.5 0 0 1 0-5C10.4 3 12 8 12 8M16.4 8a2.5 2.5 0 0 0 0-5C13.6 3 12 8 12 8%22 fill=%22none%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/30px 30px no-repeat;box-shadow:0 3px 8px rgba(3,20,60,.30);}
.nav-link{gap:11px;}

/* Fechas/horas: altura estable en iPhone/Safari (appearance:none las colapsa) */
input[type=date]:not(#_), input[type=time]:not(#_), input[type=datetime-local]:not(#_), input[type=month]:not(#_){ min-height:44px; box-sizing:border-box; }