@charset "UTF-8";:root{--bg: #0c1b33;--surface: #0f2746;--surface-2: #15335e;--surface-elevated: #1a3f73;--surface-hover: #214c89;--text: #edf4ff;--text-primary: #edf4ff;--text-secondary: rgba(237, 244, 255, .78);--text-header: #edf4ff;--muted: #b9c8e2;--line: rgba(237, 244, 255, .16);--border-soft: rgba(237, 244, 255, .18);--border-strong: rgba(237, 244, 255, .34);--brand: #2d68c4;--brand-2: #6fa1d8;--brand-rgb: 45, 104, 196;--accent: #2d68c4;--accent-rgb: 45, 104, 196;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--on-brand: #ffffff;--on-surface: #edf4ff;--overlay: rgba(3, 8, 18, .66);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .32);--shadow: 0 10px 30px rgba(0, 0, 0, .42);--shadow-md: 0 6px 18px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .52);--shadow-xl: 0 28px 60px rgba(0, 0, 0, .62);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--header-h: 74px;--text-muted: var(--text-secondary)}:root{--radius-0: 0;--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-full: 9999px}:root{--shadow-none: none;--shadow-sm: 0 2px 6px rgba(0,0,0,.25);--shadow: 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 16px 40px rgba(0,0,0,.45);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.06);--shadow-sm-light: 0 2px 6px rgba(255, 255, 255, .25)}:root{--space-0: 0;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--gap-xs: var(--space-8);--gap-sm: var(--space-12);--gap: var(--space-20);--gap-lg: var(--space-24);--gap-xl: var(--space-32)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text)}body{background-color:var(--bg);color:var(--text);font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.3}h1,h2,h3{color:var(--brand)}small,.muted{color:var(--muted)}.container{max-width:1480px;margin:0 auto;padding:18px}.paciente-view{display:block}.page-content{max-width:1200px;margin:0 auto;padding:10px;display:grid;gap:16px}@media (max-width: 720px){.page-content{padding:10px;gap:12px}}html,body{height:100%;background:var(--bg);color:var(--text)}hr{border-color:var(--line)}.btn{background:var(--brand);color:var(--on-brand);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter .15s ease,transform .1s ease,box-shadow .15s ease;appearance:none;display:inline-flex;align-items:center;gap:var(--space-8)}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none;filter:grayscale(.1)}.btn--ghost,.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn--ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 60%,transparent)}.btn--primary{background:var(--brand);color:var(--on-brand);border:1px solid color-mix(in srgb,var(--brand) 45%,transparent)}.btn--accent{background:var(--accent, var(--brand-2));color:var(--on-brand);border:1px solid color-mix(in srgb,var(--accent, var(--brand-2)) 45%,transparent)}.btn--danger{background:var(--danger);color:var(--on-brand);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}.btn--primary:hover:not(:disabled),.btn--accent:hover:not(:disabled),.btn--danger:hover:not(:disabled){filter:brightness(1.05)}.btn--primary:active:not(:disabled),.btn--accent:active:not(:disabled),.btn--danger:active:not(:disabled){transform:translateY(1px);filter:brightness(.98)}.btn--primary:focus-visible,.btn--accent:focus-visible,.btn--danger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent)}.btn--small{padding:var(--space-6, 6px) var(--space-10, 10px);border-radius:var(--radius-xs)}.btn--large{padding:var(--space-12) var(--space-16);border-radius:var(--radius)}.btn--block{display:flex;width:100%;justify-content:center}.btn--icon{padding:var(--space-8);aspect-ratio:1/1}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.header h1{margin:0;color:var(--text-header);font-weight:800}.header small{color:var(--muted)}.header__title{display:flex;flex-direction:column;gap:4px}.header__actions{display:flex;flex-wrap:wrap;gap:8px}.page-header{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}.clinical-header.header{--clinical-header-title-size: 1.4rem;--clinical-header-btn-font-size: .87rem;--clinical-header-btn-height: 2.3rem;--clinical-header-btn-pad-x: .9rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated, var(--surface-2)) 86%,transparent),color-mix(in srgb,var(--surface) 94%,transparent));border:1px solid var(--border-soft, var(--line));border-radius:16px;box-shadow:var(--shadow-md);min-height:4.55rem}.clinical-header.header .clinical-header__title{display:flex;flex-direction:column;gap:.45rem;min-width:0}.clinical-header.header .clinical-header__title h1{margin:0;font-size:var(--clinical-header-title-size)!important;line-height:1.1;font-weight:800;letter-spacing:.01em;color:var(--text-primary, var(--text))}.clinical-header.header .clinical-header__title small,.clinical-header.header .clinical-header__title .header__hint{color:var(--text-secondary, var(--muted));font-size:.84rem;line-height:1.3}.clinical-header.header .clinical-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.clinical-header.header .clinical-header__actions .clinical-btn.btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:var(--clinical-header-btn-height);padding:0 var(--clinical-header-btn-pad-x)!important;border-radius:999px;border:1px solid var(--border-soft, var(--line));background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-primary, var(--text));text-decoration:none;font-size:var(--clinical-header-btn-font-size)!important;font-weight:700;line-height:1!important;white-space:nowrap;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:none}.clinical-header.header .clinical-header__actions .clinical-btn.btn.ghost,.clinical-header.header .clinical-header__actions .clinical-btn.btn--ghost{background:color-mix(in srgb,var(--surface-elevated, var(--surface-2)) 78%,transparent)}.clinical-header.header .clinical-header__actions .clinical-btn.btn:hover:not(.disabled):not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong, var(--line));filter:none}.clinical-header.header .clinical-header__actions .clinical-btn.btn:active:not(.disabled):not(:disabled){transform:translateY(0)}.clinical-header.header .clinical-header__actions .clinical-btn.btn.disabled,.clinical-header.header .clinical-header__actions .clinical-btn.btn:disabled,.clinical-header.header .clinical-header__actions .clinical-btn.btn[aria-disabled=true]{opacity:.55;pointer-events:none;filter:none}@media (max-width: 900px){.clinical-header.header{flex-direction:column;align-items:stretch}.clinical-header.header .clinical-header__actions{justify-content:flex-start}}.panel__scroll{max-height:calc(100vh - 320px);overflow:auto}.panel__scroll::-webkit-scrollbar{width:10px}.panel__scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:10px}@media (max-width: 992px){.panel__scroll{max-height:none}}.card{color:var(--text);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.4rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .2s ease}.card *{color:inherit}.card h2{margin:0 0 .6rem;font-size:1.2rem;color:var(--brand);font-weight:800}input,select,textarea{background:var(--surface-elevated, var(--surface));color:var(--text-primary, var(--text));border:1px solid var(--border-soft, var(--line));border-radius:10px;padding:10px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--brand) 62%,var(--border-soft, var(--line)));box-shadow:0 0 0 4px rgba(var(--accent-rgb),.22);background:var(--surface-hover, var(--surface-2))}.groupbox,.groupboxMH{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:50px;padding:5px}.table-wrap{overflow:auto;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:var(--surface)}.table{width:100%;border-collapse:collapse}.table--vitals th,.table--vitals td{padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.table--vitals .col-fecha{width:160px}.th-fecha{color:var(--muted)}.table-wrap+.empty{padding:8px 0}.accordion{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--surface-2));overflow:hidden;margin-bottom:12px}.accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:700;color:var(--text);background:transparent;border:0;cursor:pointer;transition:background .15s ease}.accordion__header:hover{background:#ffffff0f}.accordion__fold{color:var(--muted)}.accordion__body{max-height:0;overflow:hidden;padding:0 14px;transition:max-height .22s ease,padding .16s ease}.accordion__body.show{max-height:900px;padding:10px 14px 14px}.inline-list,.list-inline{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-start}.inline-list.is-empty,.list-inline.is-empty{padding:8px 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--surface) 80%,black 0%);border:1px solid var(--line);color:var(--text);white-space:nowrap}.mh-item,.med__item{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line)}.mh-item:last-child,.med__item:last-child{border-bottom:0}.mh-nombre,.med__name{font-weight:700}.mh-dosis,.med__dose{color:var(--info);font-weight:600}.mh-notas,.med__notes{color:var(--muted)}.timeline.is-empty{padding:8px 0}.timeline .timeline__item{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;padding:10px 0;border-bottom:1px dashed var(--line)}.timeline .timeline__item:last-child{border-bottom:0}.timeline .timeline__meta{color:var(--text)}.timeline .timeline__date{color:var(--muted);white-space:nowrap}.timeline .timeline__body{color:var(--text);line-height:1.6;overflow-wrap:anywhere}.timeline .timeline__body :where(.hl-red){color:var(--danger)!important}.timeline .timeline__body :where(.hl-green){color:var(--success)!important}.inline-list{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-start}.inline-list.is-empty{padding:8px 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--surface) 80%,rgb(255,255,255) 0%);border:1px solid var(--line);color:var(--text);white-space:nowrap}.list-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.list-inline>.chip,.list-inline>a,.list-inline>button,.list-inline>span,.list-inline>small,.list-inline>strong{display:inline-flex;align-items:center}.list-inline>ul,.list-inline>ol{flex:1 1 100%;display:block;margin:0;padding-left:1.25rem;list-style:disc outside}.list-inline>ul>li,.list-inline>ol>li{display:list-item;margin-bottom:.35rem}:root[data-theme=dark]{--bg: #070d16;--surface: #0d1625;--surface-2: #142238;--surface-elevated: #182b47;--surface-hover: #1f3760;--text: #f5f8ff;--text-primary: #f5f8ff;--text-secondary: rgba(245, 248, 255, .78);--text-header: #f5f8ff;--muted: #b3c2df;--line: rgba(245, 248, 255, .16);--border-soft: rgba(245, 248, 255, .18);--border-strong: rgba(245, 248, 255, .35);--brand: #2d68c4;--brand-2: #6fa1d8;--brand-rgb: 45, 104, 196;--accent: #2d68c4;--accent-rgb: 45, 104, 196;--on-brand: #ffffff;--on-surface: #f5f8ff;--overlay: rgba(3, 8, 18, .66);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow: 0 12px 30px rgba(0, 0, 0, .46);--shadow-md: 0 6px 20px rgba(0, 0, 0, .42);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .55);--shadow-xl: 0 30px 64px rgba(0, 0, 0, .65);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--text-muted: var(--text-secondary)}:root[data-theme=light]{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #edf3fb;--surface-elevated: #ffffff;--surface-hover: #e8eef7;--text: #101828;--text-primary: #101828;--text-secondary: rgba(16, 24, 40, .74);--text-header: #101828;--muted: #52607a;--line: rgba(16, 24, 40, .14);--border-soft: rgba(16, 24, 40, .18);--border-strong: rgba(16, 24, 40, .32);--brand: #2563eb;--brand-2: #60a5fa;--brand-rgb: 37, 99, 235;--accent: #2563eb;--accent-rgb: 37, 99, 235;--on-brand: #ffffff;--on-surface: #101828;--overlay: rgba(15, 23, 42, .38);--success: #15803d;--danger: #dc2626;--warning: #b45309;--info: #2563eb;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .12);--shadow: 0 10px 24px rgba(15, 23, 42, .16);--shadow-md: 0 6px 16px rgba(15, 23, 42, .14);--shadow-lg: 0 18px 42px rgba(15, 23, 42, .22);--shadow-xl: 0 28px 56px rgba(15, 23, 42, .28);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .75);--text-muted: var(--text-secondary)}.flex{display:flex}.grid{display:grid}.hidden{display:none!important}.hl-bold{font-weight:800!important}.hl-italic{font-style:italic!important}.hl-red{color:var(--danger)!important;font-weight:700}.hl-green{color:var(--success)!important;font-weight:700}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-info{color:var(--info)}.mat-mdc-snack-bar-container.app-snack{margin:0 1rem 1rem;--mdc-snackbar-supporting-text-color: #ffffff;--mat-mdc-snack-bar-button-color: #ffffff;--mdc-snackbar-container-shape: 12px}.cdk-overlay-container .mat-mdc-snack-bar-container.app-snack--success,.mat-mdc-snack-bar-container.app-snack--success{--mdc-snackbar-container-color: #1f8f4c}.cdk-overlay-container .mat-mdc-snack-bar-container.app-snack--error,.mat-mdc-snack-bar-container.app-snack--error{--mdc-snackbar-container-color: #c13a3a}.mat-mdc-snack-bar-container.app-snack .mat-mdc-snackbar-surface,.mat-mdc-snack-bar-container.app-snack .mdc-snackbar__surface{border-radius:12px;border:1px solid rgba(255,255,255,.32);box-shadow:0 8px 24px #00000059;color:#fff}.mat-mdc-snack-bar-container.app-snack .mat-mdc-snack-bar-label,.mat-mdc-snack-bar-container.app-snack .mdc-button__label{color:#fff!important;font-weight:600}.mdc-tooltip__surface{background:#1a2a3f!important;color:#e2eaf4!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;font-size:.78rem!important;font-weight:600!important;padding:5px 10px!important;box-shadow:0 4px 16px #00000073!important}.cdk-overlay-container .mat-mdc-select-panel,.cdk-overlay-container .mdc-menu-surface.mat-mdc-select-panel{background:var(--surface-elevated, #1a2233)!important;border:1px solid var(--border-soft, rgba(255, 255, 255, .12))!important;border-radius:12px!important;box-shadow:0 8px 32px #0000008c!important}.cdk-overlay-container .mat-mdc-option{color:var(--text-primary, #e2eaf4)!important;border-radius:8px}.cdk-overlay-container .mat-mdc-option:hover:not(.mat-mdc-option-disabled),.cdk-overlay-container .mat-mdc-option.mat-mdc-option-active{background:color-mix(in srgb,var(--surface-hover, #2a3a55) 80%,transparent)!important}.cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple){background:color-mix(in srgb,var(--surface-hover, #2a3a55) 60%,transparent)!important}.cdk-overlay-container .mat-pseudo-checkbox{color:var(--text-muted, rgba(255, 255, 255, .5))!important}.cdk-overlay-container .mat-pseudo-checkbox-checked{background:var(--brand, #4fa3e0)!important;border-color:var(--brand, #4fa3e0)!important}.cdk-overlay-container .legal-dialog-panel{display:flex;align-items:center;justify-content:center;width:min(96vw,920px);max-height:92vh;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #0009}
