/* Navegación de regreso para las páginas interiores de Studio y Labs. */
.site-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;text-decoration:none;line-height:1;transition:background .2s,border-color .2s,transform .2s}
.site-back svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.site-back:hover{transform:translateX(-3px);background:rgba(140,218,255,.15)}
.site-back:focus-visible{outline:3px solid #58c7ff;outline-offset:3px}
.topbar .site-back{color:#fff;border-color:rgba(222,244,255,.62);background:rgba(4,34,58,.22)}
header.nav .nav-inner{display:flex;align-items:center;gap:16px}
header.nav .site-back{color:#0a2d4e;border-color:#91b1c4}
header.nav .brand{margin-right:auto}
@media(max-width:900px){
  .topbar .nav{gap:10px}
  .topbar .logo{min-width:0;flex:1;margin-right:0}
  .topbar .menu{flex:0 0 auto;margin-left:auto}
  header.nav .brand{min-width:0;flex:1}
  header.nav .menu{flex:0 0 auto;margin-left:auto}
}
@media(max-width:600px){
  .topbar .site-back,header.nav .site-back{width:38px;height:38px}
  .topbar .logo{font-size:clamp(18px,6vw,24px);white-space:nowrap}
  .topbar .logo img,.topbar .logo .feather-icon{width:25px;height:25px;vertical-align:-8px}
  .topbar .logo small{font-size:6px;letter-spacing:.18em;white-space:nowrap}
  header.nav .nav-inner{gap:8px}
  header.nav .brand{font-size:clamp(16px,5.4vw,22px)}
}
@media(prefers-reduced-motion:reduce){.site-back{transition:none}}

/* La pluma se lee mejor sin alterar su animación de cada página. */
.topbar .logo img,.topbar .logo .feather-icon{width:38px;height:38px;vertical-align:-11px}
@media(max-width:600px){.topbar .logo img,.topbar .logo .feather-icon{width:32px;height:32px;vertical-align:-9px}}