@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('assets/fonts/hanken-grotesk.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.design-lab{margin:22px 42px 0;padding:16px 20px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:8px}.design-label{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.design-lab p{font-size:11px;color:var(--muted);margin:5px 0 0;max-width:440px}.design-options{display:flex;gap:4px;flex-shrink:0}.design-options button{border:1px solid transparent;background:transparent;padding:9px 12px;color:var(--muted);border-radius:5px;font-size:11px;white-space:nowrap}.design-options button[aria-pressed=true]{background:var(--ink);color:#faffff}.design-options button:hover{border-color:var(--line)}:focus-visible{outline:2px solid #2b54c8;outline-offset:4px}
body[data-theme=guide],body[data-theme=balanced]{--ink:#00001b;--muted:#5f647a;--purple:#00001b;--line:#d3d5d0;--bg:#f2f2ed;--green:#2f6b4f;font-family:'Hanken Grotesk',sans-serif;color:var(--ink)}
body[data-theme=guide] h1,body[data-theme=balanced] h1{font-family:Newsreader,Georgia,serif;font-weight:300;letter-spacing:-.025em}
body[data-theme=guide] h2,body[data-theme=balanced] h2{font-family:Newsreader,Georgia,serif;font-weight:300;letter-spacing:-.015em}
body[data-theme=guide] h3,body[data-theme=balanced] h3{font-weight:400}
body[data-theme=guide] .pill.approved,body[data-theme=balanced] .pill.approved{background:#e3eee8;color:#1f5a41}
body[data-theme=guide] .pill.review,body[data-theme=balanced] .pill.review{background:#f1e8d4;color:#6e460a}
body[data-theme=guide] .eyebrow,body[data-theme=balanced] .eyebrow{color:#76664f;font-weight:500;letter-spacing:.2em}
body[data-theme=guide] .primary,body[data-theme=balanced] .primary{background:#00001b;border-color:#00001b}
body[data-theme=guide] .primary:hover,body[data-theme=balanced] .primary:hover{background:#34374f;border-color:#34374f}
body[data-theme=guide] .avatar,body[data-theme=balanced] .avatar{background:#e3e4df;color:#34374f}
body[data-theme=guide] .notice,body[data-theme=balanced] .notice{background:#f2f2ed;color:#34374f;border-left-color:#8e9aab}
body[data-theme=guide] .letterhead,body[data-theme=balanced] .letterhead{border-bottom-color:#d3d5d0}
/* 02 — Guide: editorial rhythm, fine lines, a stationary warm field. */
body[data-theme=guide]{background:linear-gradient(160deg,#faffff 0%,#f8f4ea 60%,#f3eddf 100%);background-attachment:fixed}
body[data-theme=guide] .sidebar{background:#faffff;padding-top:42px;border-right-color:#d3d5d0}
body[data-theme=guide] .topbar{background:#faffff;font-size:12px}
body[data-theme=guide] main{padding-top:46px;padding-bottom:46px}
body[data-theme=guide] h1{font-size:clamp(36px,3.6vw,52px);line-height:1.06;margin:15px 0 18px}
body[data-theme=guide] h2{font-size:27px;line-height:1.15}
body[data-theme=guide] .heading-row{margin-bottom:42px}
body[data-theme=guide] .heading-row p{line-height:1.8}
body[data-theme=guide] .card,body[data-theme=guide] .stat,body[data-theme=guide] dialog,body[data-theme=guide] input,body[data-theme=guide] select,body[data-theme=guide] textarea,body[data-theme=guide] .primary,body[data-theme=guide] .secondary,body[data-theme=guide] .quiet,body[data-theme=guide] .dropzone,body[data-theme=guide] .avatar,body[data-theme=guide] .study-icon,body[data-theme=guide] .design-lab,body[data-theme=guide] .design-options button,body[data-theme=guide] nav a{border-radius:2px}
body[data-theme=guide] .card{background:#faffff}
body[data-theme=guide] .stats{gap:0;border-top:1px solid #d3d5d0;border-bottom:1px solid #d3d5d0;margin-bottom:42px}
body[data-theme=guide] .stat{background:transparent;border:0;border-right:1px solid #d3d5d0;padding:25px 28px}
body[data-theme=guide] .stat:last-child{border-right:0}
body[data-theme=guide] .stat strong{font:300 43px/1.2 Newsreader,serif;margin:10px 0}
body[data-theme=guide] .stat>small:first-child{letter-spacing:.15em;font-size:10px}
body[data-theme=guide] .card-head{padding:25px 28px}
body[data-theme=guide] .patient-row{padding:28px;transition:background .25s ease}
body[data-theme=guide] .patient-row:hover{background:#f2f2ed}
body[data-theme=guide] .table-head{background:#f2f2ed;padding-left:28px;padding-right:28px}
body[data-theme=guide] .patient-name strong{font-size:14px;font-weight:500}
body[data-theme=guide] nav a.active{background:#f2f2ed;border-left:2px solid #00001b}
body[data-theme=guide] nav a span{background:#e3e4df;border-radius:2px}
body[data-theme=guide] .pill{background:#f2f2ed;color:#34374f;border-radius:2px}
body[data-theme=guide] .case-actions,body[data-theme=guide] .clinical-table th{background:#f2f2ed}
body[data-theme=guide] .design-lab{background:transparent}
body[data-theme=guide] .search{background:#faffff}
/* 03 — Balanced: brand typography with familiar surfaces and modest depth. */
body[data-theme=balanced]{background:linear-gradient(135deg,#faffff,#f2f2ed);background-attachment:fixed}
body[data-theme=balanced] .sidebar{background:#faffff}
body[data-theme=balanced] .topbar{background:#faffff}
body[data-theme=balanced] main{padding-top:36px}
body[data-theme=balanced] h1{font-size:clamp(34px,3vw,43px);line-height:1.12;margin-bottom:16px}
body[data-theme=balanced] h2{font-size:24px}
body[data-theme=balanced] .heading-row{margin-bottom:32px}
body[data-theme=balanced] .card{background:#faffff;border-radius:7px;box-shadow:0 7px 24px #00001b05}
body[data-theme=balanced] .stat{background:#faffff;border-radius:7px;border-top:2px solid #8e9aab;box-shadow:0 5px 18px #00001b04;padding:23px}
body[data-theme=balanced] .stat:nth-child(2){border-top-color:#76664f}
body[data-theme=balanced] .stat:nth-child(3){border-top-color:#4e6b5f}
body[data-theme=balanced] .stat strong{font:300 37px Newsreader,serif}
body[data-theme=balanced] .patient-row{padding-top:25px;padding-bottom:25px;transition:background .25s ease}
body[data-theme=balanced] .patient-row:hover{background:#f2f2ed}
body[data-theme=balanced] .table-head,body[data-theme=balanced] .case-actions,body[data-theme=balanced] .clinical-table th{background:#f2f2ed}
body[data-theme=balanced] nav a.active{background:#e3e4df;color:#00001b}
body[data-theme=balanced] nav a span{background:#d3d5d0}
body[data-theme=balanced] .primary,body[data-theme=balanced] .secondary,body[data-theme=balanced] input,body[data-theme=balanced] select,body[data-theme=balanced] textarea{border-radius:4px}
body[data-theme=balanced] .pill{background:#f2f2ed;color:#34374f}
body[data-theme=balanced] .design-lab{background:#faffff;border-radius:7px}
body[data-theme=guide] .primary,body[data-theme=balanced] .primary,body[data-theme=guide] .secondary,body[data-theme=balanced] .secondary{transition:background .25s ease,border-color .25s ease}
@media(max-width:1000px){.design-lab{margin:20px 24px 0;flex-wrap:wrap}.design-options{flex-wrap:wrap}}
@media(max-width:650px){.design-lab{margin:18px 18px 0;padding:14px;gap:12px}.design-options{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.design-options button{padding:10px 5px;font-size:10px}.design-lab p{line-height:1.6}body[data-theme=guide] .sidebar{padding:18px}body[data-theme=guide] main{padding:30px 18px}body[data-theme=guide] h1{font-size:36px}body[data-theme=guide] .heading-row{gap:12px;margin-bottom:30px}body[data-theme=guide] .heading-row>.primary{padding:10px;font-size:11px}body[data-theme=guide] .stat{padding:18px 10px}body[data-theme=guide] .stat strong{font-size:34px}body[data-theme=guide] .stat>small:first-child{font-size:9px;letter-spacing:.07em}body[data-theme=guide] .card-head{padding:22px}body[data-theme=guide] .patient-row{padding:23px 20px}body[data-theme=balanced] .stat{padding:15px 11px}body[data-theme=balanced] .stat strong{font-size:32px}body[data-theme=balanced] h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.design-lab{display:none!important}body[data-theme=guide],body[data-theme=balanced]{background:white}.card{box-shadow:none!important}.paper{background:white}}

/* Comparación de color sobre la dirección Guía aprobada. */
.swatch{display:inline-block;width:12px;height:12px;border:1px solid #8e9aab;border-radius:50%;vertical-align:-2px;margin-right:6px}.swatch.ivory{background:#f3eddf}.swatch.mist{background:#f0f6fb}.swatch.blue{background:#e7f1fa}
body[data-color=mist]{--bg:#f1f6fa;--line:#d4dfe7;background:linear-gradient(160deg,#faffff 0%,#f6fafc 55%,#edf4fa 100%);background-attachment:fixed}
body[data-color=blue]{--bg:#eaf2f9;--line:#cbdbe8;background:linear-gradient(160deg,#faffff 0%,#f0f6fb 45%,#e7f1fa 100%);background-attachment:fixed}
body[data-color=mist] .sidebar,body[data-color=mist] .topbar,body[data-color=blue] .sidebar,body[data-color=blue] .topbar{border-color:var(--line)}
body[data-color=mist] .stats,body[data-color=mist] .stat,body[data-color=blue] .stats,body[data-color=blue] .stat{border-color:var(--line)}
body[data-color=mist] .avatar,body[data-color=blue] .avatar{background:#e7f1fa}
body[data-color=mist] .table-head,body[data-color=mist] .case-actions,body[data-color=mist] .clinical-table th,body[data-color=mist] .notice,body[data-color=mist] nav a.active,body[data-color=mist] .patient-row:hover{background:#f0f6fa}
body[data-color=blue] .table-head,body[data-color=blue] .case-actions,body[data-color=blue] .clinical-table th,body[data-color=blue] .notice,body[data-color=blue] nav a.active,body[data-color=blue] .patient-row:hover{background:#e7f1fa}
body[data-color=mist] nav a span,body[data-color=blue] nav a span{background:#dce9f3}
body[data-color=mist] .letterhead,body[data-color=blue] .letterhead{border-color:var(--line)}
@media print{body[data-color=mist],body[data-color=blue]{background:white}}