/* Pestaña accesible incluso con el menú oculto, como en Misión Jardines. */
.yer-sidebar-app{--yer-sidebar-width:244px}
.yer-sidebar-clinical{--yer-sidebar-width:286px}
.yer-sidebar-toggle{position:fixed;top:16px;left:var(--yer-sidebar-width);z-index:45;display:grid;place-items:center;width:36px;height:46px;margin:0;padding:0;border:1px solid #9ecab7;border-left:0;border-radius:0 12px 12px 0;background:#dcefe6;color:#356e59;box-shadow:4px 3px 12px #406a521a;font:700 28px/1 Arial,sans-serif;cursor:pointer}
.yer-sidebar-toggle:hover{background:#cce6d8}
.yer-sidebar-toggle:focus-visible{outline:3px solid #338a73;outline-offset:2px}
.yer-sidebar-collapsed .yer-sidebar-toggle{left:0}
.yer-sidebar-app .topbar{padding-left:50px}
.yer-sidebar-clinical .history-topbar{padding-left:50px}
.yer-sidebar-clinical .history-brand{min-width:0}
.yer-sidebar-clinical .history-aside{position:sticky;top:77px;height:calc(100dvh - 77px);overflow-y:auto;scrollbar-width:thin}
@media(min-width:901px){.yer-sidebar-app.yer-sidebar-collapsed .sidebar{display:none}}
@media(min-width:761px){.yer-sidebar-clinical.yer-sidebar-collapsed .history-aside{display:none}.yer-sidebar-clinical.yer-sidebar-collapsed .history-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1200px) and (min-width:901px){.yer-sidebar-app{--yer-sidebar-width:218px}}
@media(max-width:1100px) and (min-width:761px){.yer-sidebar-clinical{--yer-sidebar-width:245px}}
/* Cada página conserva su punto de cambio de diseño. */
@media(max-width:900px){
 .yer-sidebar-app{--yer-sidebar-width:min(280px,82vw)}
 .yer-sidebar-app .sidebar{width:var(--yer-sidebar-width);z-index:40}
 .yer-sidebar-app .sidebar-overlay.open{z-index:35}
}
@media(max-width:760px){
 .yer-sidebar-clinical{--yer-sidebar-width:min(280px,82vw)}
 .yer-sidebar-clinical .history-aside{position:fixed;left:0;top:0;bottom:0;width:var(--yer-sidebar-width);height:100dvh;max-height:100dvh;padding:18px 14px;border:0;border-right:1px solid #dbe8df;z-index:40;transform:translateX(-100%);transition:transform .2s ease;background:#f2f9f5;overflow-y:auto;overscroll-behavior:contain}
 .yer-sidebar-clinical .history-aside.open{transform:translateX(0)}
 .yer-sidebar-clinical .history-nav{display:grid;overflow:visible;margin:16px 0 0;padding:0}
 .yer-sidebar-clinical .history-nav-item{white-space:normal;text-align:left}
 .yer-sidebar-clinical .history-patient-identity{display:block;text-align:center}
 .yer-sidebar-clinical .history-photo{margin:0 auto 12px}
 .yer-sidebar-clinical .history-title h1{overflow-wrap:anywhere}
 .yer-sidebar-clinical .history-topbar{gap:8px}
 .yer-sidebar-clinical .history-return{white-space:normal;flex:none;max-width:110px;padding:9px 8px}
 .yer-sidebar-clinical .history-brand{gap:7px}
 .yer-sidebar-clinical .history-brand img{width:30px;height:30px}
 .yer-sidebar-clinical .history-brand strong{font-size:13px}
 .yer-sidebar-clinical .history-brand small{font-size:7px;letter-spacing:.5px}
 .history-sidebar-overlay{display:none}
 .history-sidebar-overlay.open{display:block;position:fixed;inset:0;z-index:35;background:#172c245c}
 body.yer-sidebar-clinical.mobile-sidebar-open{overflow:hidden;overscroll-behavior:none}
}
@media(prefers-reduced-motion:reduce){.yer-sidebar-clinical .history-aside{transition:none}}
@media print{.yer-sidebar-toggle,.history-sidebar-overlay,.sidebar-overlay{display:none!important}.yer-sidebar-clinical .history-aside{position:static;height:auto;max-height:none;overflow:visible}}
