/* Marca enlazada al inicio: misma apariencia en portada, prácticas y páginas informativas. */
.topbar .brand__home{display:flex;flex:none;text-decoration:none}
.topbar .brand__home:any-link,.topbar .brand__name a:any-link{color:var(--on-dark,#fff);text-decoration:none}
.topbar .brand__home:focus-visible,.topbar .brand__name a:focus-visible{outline:3px solid #62c9f2;outline-offset:5px;border-radius:4px}

.lab-menu,.brand__compact{display:none}
@media(max-width:640px){
  .topbar.topbar{position:relative;z-index:40;flex-wrap:nowrap;min-height:64px;gap:10px;padding:8px 12px}
  .topbar .brand{flex:1;min-width:0;max-width:none;gap:9px}
  .topbar .brand__logo{width:34px;height:34px}
  .topbar .brand__name{font-size:16px;letter-spacing:.035em}
  .topbar .brand__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .topbar .brand__compact{display:block;color:var(--on-dark-muted,#bdcddb);font-size:11px;line-height:1.5;white-space:nowrap}
  .lab-menu{display:flex;flex:none;align-items:center;gap:4px;min-height:44px;min-width:44px;justify-content:center;padding:4px 7px;border:1px solid #6bcfff80;border-radius:13px;background:linear-gradient(145deg,#184b65,#102d44);color:#d8f4ff;font:600 11px system-ui;cursor:pointer;box-shadow:inset 0 0 12px #62d8ff12}
  .lab-menu svg{width:29px;height:29px;transition:transform .25s}
  .menu-open .lab-menu svg{transform:rotate(45deg)}
  .menu-open .lab-menu__core{fill:#54c9ef33}
  .topbar.has-lab-menu .tools{position:absolute;top:calc(100% + 6px);right:10px;display:none;flex-direction:column;gap:6px;min-width:180px;margin:0;padding:9px;border:1px solid #64cdfb66;border-radius:14px;background:#112e45f5;box-shadow:0 12px 28px #071c3540;backdrop-filter:blur(12px)}
  .topbar.menu-open .tools{display:flex}
  .topbar .tools .tool{justify-content:flex-start;min-height:44px;color:#fff}
}
@media(max-width:340px){.topbar .brand__name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lab-menu svg{transition:none}}