:root{--acc: #062d28;--acc-soft: #e4efe9;--acc-deep: #16483f;--coral: #ff7a61;--coral-dark: #e95f48;--coral-soft: #fff1ec;--coral-line: #ffd7cc;--coral-deep: #8f3320;--coral-tinta: #2a0f08;--bg: #f7f0e3;--fg: #102d29;--surface: #fffdf8;--line: #e7e2d6;--line-suave: #f0ece1;--sec: #5e6660;--ter: #41504b;--mut: #767c76;--acc-line: #cfe0d8;--terr: #bd4b32;--terr-soft: #fbeee8;--terr-deep: #9c3d28;--terr-line: #f0d6cb;--amb: #c8943e;--amb-soft: #faf3e2;--amb-deep: #8f6a23;--amb-line: #eddfc0;--velo: rgba(16, 45, 41, .38);--t-estado: .16s;--odo-obtur: #0b5a70;--odo-endo: #5b3a8f;--odo-endo-soft: #efe9f7;--odo-sella: #15806f;--odo-sella-soft: #e3efea;--odo-ausente: #6e7670;--odo-ausente-soft: #ece7dc;--odo-fract: #a8326e;--odo-fract-soft: #f9e8f1;--r-lg: 11px;--r-xl: 18px;--r-2xl: 22px;--sh-md: 0 1px 2px rgba(28, 37, 34, .04), 0 10px 30px rgba(28, 37, 34, .05);--sh-lg: 0 1px 2px rgba(28, 37, 34, .04), 0 10px 30px rgba(28, 37, 34, .08)}*{box-sizing:border-box;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);font-size:15px;overflow-x:hidden}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;font-size:16px}.shell{display:flex;gap:18px;max-width:1440px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 16px 60px;align-items:flex-start}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--acc);z-index:40}.sidebar{width:208px;flex-shrink:0;background:var(--acc);border:none;border-radius:var(--r-xl);padding:14px 10px;box-shadow:var(--sh-md);position:sticky;top:22px}.sidebar-marca{display:flex;align-items:center;gap:9px;padding:4px 10px 14px;color:#fffdf8}.sidebar-sep{border-top:1px solid rgba(255,253,248,.14);margin:10px 8px}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.hoy-cols{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:14px;align-items:start}.hoy-side{display:flex;flex-direction:column;gap:14px}@media(max-width:960px){.hoy-cols{grid-template-columns:1fr}}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;text-decoration:none;color:#c3d4cd}.nav-item.active{color:var(--acc);background:var(--surface);font-weight:600}.nav-item:active{background:#fffdf81f}.sidebar .sidebar-btn{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:#9fbdb5}.sidebar .sidebar-btn.salir,.sidebar .sidebar-btn.salir svg{color:#e79279}@media(max-width:768px){.shell{flex-direction:column;gap:0;padding:calc(14px + env(safe-area-inset-top)) 12px 84px}.sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;flex-shrink:0;background:var(--surface);border-radius:0;border:none;border-top:1px solid var(--line);box-shadow:0 -2px 12px #1c252214;padding:4px 6px calc(4px + env(safe-area-inset-bottom));display:flex;overflow-x:auto;z-index:30;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sidebar::-webkit-scrollbar{display:none}.sidebar-marca{display:none}.sidebar-sep{display:block;width:1px;min-width:1px;height:30px;align-self:center;background:var(--line);margin:0 6px;flex-shrink:0;border:none}.nav-item,.sidebar-btn{flex-direction:column;gap:3px;padding:8px 10px;width:auto;min-width:62px;min-height:48px;justify-content:center;font-size:11px;flex-shrink:0;scroll-snap-align:center;border-radius:12px}.nav-item .txt,.sidebar-btn .txt{font-size:11px}.nav-item{color:var(--ter)}.nav-item.active{color:var(--acc-deep);background:var(--acc-soft)}.sidebar .sidebar-btn{color:var(--sec)}.sidebar .sidebar-btn.salir,.sidebar-btn.salir{color:var(--terr)}.sidebar .sidebar-btn.salir svg,.sidebar-btn.salir svg{color:var(--terr)}.main{width:100%}.col-clinica{order:2}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:16px 18px;box-shadow:var(--sh-md)}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:13px 15px;box-shadow:var(--sh-md)}.metric p{font-size:12px;color:var(--sec);margin-bottom:4px}.metric b{font-size:24px;font-weight:600}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}a.metric{display:block;text-decoration:none;color:inherit;transition:background .15s ease,transform .15s ease}a.metric:hover{background:var(--line-suave)}a.metric:active{transform:scale(.97)}.metric .flecha{color:var(--mut);flex-shrink:0}.skel{display:inline-block;border-radius:7px;background:var(--line-suave);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skel-brillo 1.3s ease-in-out infinite}@keyframes skel-brillo{to{transform:translate(100%)}}.aparece{animation:aparece .22s cubic-bezier(.16,1,.3,1) both}@keyframes aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gira{animation:gira .8s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.resalta{animation:resalta 2.4s ease-out}@keyframes resalta{0%,40%{background:var(--coral-soft)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}.aparece,.gira{animation:none}a.metric{transition:none}a.metric:active{transform:none}}.pill{font-size:12px;padding:4px 11px;border-radius:999px;font-weight:600;white-space:nowrap}.pill.ok{background:var(--acc-soft);color:var(--acc-deep)}.pill.amb{background:var(--amb-soft);color:var(--amb-deep)}.pill.err{background:var(--terr-soft);color:var(--terr-deep)}.pill.mut{background:var(--bg);color:var(--sec)}.btn{font-size:13px;padding:8px 15px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ter);font-weight:500;transition:background-color var(--t-estado) ease,border-color var(--t-estado) ease,color var(--t-estado) ease,opacity var(--t-estado) ease}@media(hover:hover){.btn:hover{background:var(--bg)}.btn.solid:hover{background:var(--acc-deep)}}.btn:active{background:var(--bg)}.btn.solid:active{background:var(--acc-deep)}.nav-item:active{background:var(--acc-soft)}.btn.acc{border-color:var(--acc);color:var(--acc-deep)}.btn.solid{background:var(--acc);border-color:var(--acc);color:#fffdf8}.btn.cta{background:var(--coral);border-color:var(--coral);color:var(--coral-tinta);font-weight:600}.btn.cta:active{background:var(--coral-dark);border-color:var(--coral-dark)}@media(hover:hover){.btn.cta:hover{background:var(--coral-dark);border-color:var(--coral-dark)}}.btn.peligro{background:var(--terr);border-color:var(--terr);color:#fff}.btn:disabled{opacity:.5;cursor:default}.pill{transition:background-color var(--t-estado) ease,border-color var(--t-estado) ease,color var(--t-estado) ease}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--velo);z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px;animation:velo-entra .15s ease-out}@keyframes velo-entra{0%{opacity:0}}.label{display:block;font-size:12px;font-weight:600;color:var(--sec);margin:12px 0 5px}.msg-err{color:var(--terr);font-size:13px;margin-top:10px}.col-fecha{width:92px;flex-shrink:0}.input{padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);width:100%}.input:focus{outline:2px solid var(--acc-soft);border-color:var(--acc)}.fila{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line-suave)}.fila:first-of-type{border-top:none}h1{font-size:19px;font-weight:600}h2{font-size:16px;font-weight:600}.sub{font-size:13px;color:var(--sec)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:8px}@media(pointer:coarse){.btn,.input{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}