/* v587 · Estado propio de cada pestaña, barra inferior siempre accesible. */
html body .nav-scrim{display:none!important}
.tl-side-tab{position:fixed;top:46%;z-index:610;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:28px;min-height:108px;padding:8px 3px;border:1px solid var(--tl-teal,#2fbf94);background:#10352f;color:#dffff4;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:left .25s ease,right .25s ease,background .15s ease}
.tl-side-tab:hover,.tl-side-tab:focus-visible{background:#176151;outline:2px solid var(--tl-accent-hi,#a6e82c);outline-offset:2px}
.tl-side-tab span{font-size:23px;line-height:1}
.tl-side-tab small{writing-mode:vertical-rl;font:800 10px/1 var(--tl-font-action,'Saira',sans-serif);letter-spacing:.08em}
.tl-side-tab-left{left:0;border-radius:0 9px 9px 0}
.tl-side-tab-right{right:0;border-radius:9px 0 0 9px}
body.nav-open .tl-side-tab-left{left:min(272px,88vw)}
body.right-open .tl-side-tab-right{right:min(330px,90vw)}
html[data-theme="light"] .tl-side-tab{background:#e0faf1;color:#064b47}
html[data-theme="light"] .tl-side-tab:hover{background:#b8f0dc}

/* Los botones generales usan !important en tl-actions. El realce debe compartir esa capa. */
@layer tl-actions {
#homeDetail428>summary.hs-summary{background:linear-gradient(120deg,#073b43,#0b5960)!important;color:#bffbff!important;border:2px solid #42ddeb!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17),0 0 0 3px rgba(66,221,235,.27),0 8px 24px rgba(12,166,181,.24)!important;font-weight:900!important;letter-spacing:.035em}
#homeDetail428[open]>summary.hs-summary{background:linear-gradient(120deg,#0a5056,#0d6a70)!important}
html[data-theme="light"] #homeDetail428>summary.hs-summary{background:linear-gradient(120deg,#cefaff,#a5eaf0)!important;color:#07525b!important;border-color:#008a9a!important;box-shadow:0 0 0 3px rgba(0,138,154,.22),0 8px 20px rgba(0,90,110,.16)!important}
}

@media (min-width:1101px){
  html body .nav-scrim{display:none!important}
  body{--tl-side-left:28px;--tl-side-right:28px}
  body.nav-open{--tl-side-left:var(--tl-shell-left)}
  body.right-open{--tl-side-right:var(--tl-shell-right)}
  html body .app{grid-template-columns:var(--tl-side-left) minmax(0,1fr) var(--tl-side-right)!important;transition:grid-template-columns .25s ease}
  html body aside.left,html body aside.right{visibility:visible!important;pointer-events:auto!important}
  html body aside.left{padding:0!important}
  html body aside.right{padding:0!important}
  body.nav-open aside.left{padding:13px 11px 18px!important}
  body.right-open aside.right{padding:16px 13px 28px!important}
  body:not(.nav-open) aside.left>*{display:none!important}
  body:not(.right-open) aside.right>*{display:none!important}
  body.nav-open .tl-side-tab-left{left:calc(var(--tl-shell-left) - 28px)}
  body.right-open .tl-side-tab-right{right:calc(var(--tl-shell-right) - 28px)}
}

@media (min-width:761px) and (max-width:1100px){
  html body .nav-scrim{display:none!important}
  html body main.center{width:100%;max-width:none;transition:width .25s ease,margin .25s ease}
  body.nav-open main.center{width:calc(100% - 272px);margin-left:272px!important;margin-right:0!important}
  body.right-open main.center{width:calc(100% - 330px);margin-left:0!important;margin-right:330px!important}
}

@media (max-width:760px){
  html body main.center{padding-left:32px!important;padding-right:32px!important}
  html body aside.left{top:var(--tb-h,60px);right:auto;width:min(272px,88vw)!important;max-width:none!important;height:calc(100dvh - var(--tb-h,60px))!important;max-height:none!important;transform:translateX(-100%);border-right:1px solid var(--line);border-bottom:none;border-radius:0;padding:8px 14px 20px}
  html body.nav-open aside.left{transform:none}
  html body aside.right{top:var(--tb-h,60px);height:calc(100dvh - var(--tb-h,60px))}
  .tl-side-tab{top:42%;min-height:90px}
  html body aside.left,html body aside.right{height:calc(100dvh - var(--tb-h,60px) - 90px - env(safe-area-inset-bottom,0px))!important;bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;z-index:600!important}
  html body #fsBottomNav{z-index:630}
}