:root{font-family:Inter,system-ui,sans-serif;color:#183c3b;background:#f4f6f2;--green:#176e64;--border:#dce5dd}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4%;background:white;border-bottom:1px solid var(--border)}a{color:var(--green)}.brand{font-weight:750;font-size:25px;text-decoration:none}.brand small{font-size:10px;letter-spacing:3px;margin-left:12px}.prototype{padding:10px 4%;background:#fff2d9;color:#78541d;font-size:13px}main{max-width:1500px;margin:auto;padding:25px 4%}h1{font-size:36px;letter-spacing:-1.4px;margin:6px 0}h2{font-size:23px;margin:0 0 18px}h3{font-size:16px;margin-top:24px}p{line-height:1.55}.eyebrow{font-size:10px;letter-spacing:2px;color:#668479;font-weight:750}.title,.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.title{margin-bottom:25px}.title p{margin:8px 0}.card{background:white;border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:20px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px;align-items:start}.order{position:sticky;top:85px}.patient{position:sticky;top:0;z-index:3;display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#e5efe9;border:1px solid #cbded4;border-radius:12px;padding:14px 18px;margin:20px 0;font-size:13px}.patient #saveState{margin-left:auto;color:#526f63}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:10px;padding:12px 16px;background:var(--green);color:white;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--green);background:#edf4ef;border-color:var(--border)}button:hover{filter:brightness(.96)}nav{display:flex;gap:8px;flex-wrap:wrap}nav button,.mode button{background:white;color:#47665b;border:1px solid var(--border)}[aria-pressed=true]{background:#174b46!important;color:white!important}.mode{display:flex;gap:8px}.mode button{flex:1}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{background:#f5f8f4;color:#183c3b;text-align:left;border:1px solid var(--border);min-height:85px}.tile small{display:block;font-size:11px;color:#677c72;font-weight:450;margin-top:7px}.search{margin-top:24px}.filters{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0;font-size:12px}.filters label{max-width:180px}label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-bottom:15px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd9cf;border-radius:9px;background:white;color:inherit;min-width:0}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.check{display:flex;align-items:center;gap:9px;font-weight:500}.check input{width:auto}.hint{font-size:12px;color:#6c7e74}.warning{background:#fff1d5;border:1px solid #efdab0;padding:12px;border-radius:10px;color:#79551e;font-size:13px}.part,.line,.receipt{padding:16px;border:1px solid var(--border);border-radius:12px;margin:12px 0}.part .fields{margin-top:12px}.part button,.line button,.receipt button{font-size:12px;padding:8px 12px;margin:5px 6px 0 0}.tag{font-size:11px;background:#e9f2ed;border-radius:20px;padding:4px 9px;color:#3a715c;display:inline-block}.tag.pending{background:#fff0d4;color:#855e23}.price{background:#f3f7f2;border-radius:12px;padding:16px;margin:20px 0}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:20px 0}.total strong{font-size:25px}.wide{width:100%}#notice:not(:empty){padding:14px;background:#e4f1e8;border-radius:10px}details{margin:10px 0}summary{cursor:pointer;font-size:13px;font-weight:600}dialog{width:min(780px,calc(100% - 30px));max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:18px;padding:25px;color:#183c3b}dialog::backdrop{background:#153c3866}[hidden]{display:none!important}:focus-visible{outline:3px solid #cf9d36;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px}#catalogForm{max-width:850px}#orderPending{font-size:12px;color:#875e25}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.order{position:static}.tiles{grid-template-columns:repeat(3,1fr)}.patient{top:0}.title h1{font-size:30px}}@media(max-width:580px){main{padding:20px 15px}.tiles{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.card{padding:18px}.title,.heading{align-items:start;flex-direction:column}.patient{gap:8px}.patient #saveState{margin-left:0;width:100%}header{padding:16px;font-size:11px}.brand{font-size:21px}.mode{flex-direction:column}nav button{font-size:12px}}

/* Marca del consultorio, proporción original conservada. */
header .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}header .clinic-logo{width:48px;height:auto;display:block;object-fit:contain}header .brand small{margin-left:0} @media(max-width:480px){header .clinic-logo{width:38px}header .brand{gap:8px;font-size:21px}}