/* Enlace "Regresar al Viral Studio" a la izquierda del menú (el resto del menú no cambia) */
body[data-page="index"] .nav-left { display: flex; align-items: center; gap: 20px; min-width: 0; }
body[data-page="index"] .back { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: .9rem; font-weight: 600; color: var(--muted); transition: color .2s; }
body[data-page="index"] .back span:first-child { color: var(--pink); transition: transform .3s; }
body[data-page="index"] .back:hover { color: var(--text); }
body[data-page="index"] .back:hover span:first-child { transform: translateX(-3px); }
body[data-page="index"] .nav-left .brand { flex: none; padding-left: 20px; border-left: 1px solid var(--line); }
/* en anchos medios, el logo muestra solo el icono para que el menú no quede apretado */
@media (max-width: 1160px) { body[data-page="index"] .nav-left .brand { font-size: 0; gap: 0; } }
@media (max-width: 920px) { body[data-page="index"] .nav-left { gap: 12px; } body[data-page="index"] .nav-left .brand { padding-left: 12px; } body[data-page="index"] .back { font-size: .8rem; } }
/* menú con más enlaces: más ancho en escritorio, y solo el icono del logo en anchos menores */
body[data-page="index"] .nav-inner { width: min(1320px, 100% - 32px); }
body[data-page="index"] .nav-links a { white-space: nowrap; }
@media (max-width: 1360px) { body[data-page="index"] .nav-left .brand { font-size: 0; gap: 0; } }
/* entre 921 y 1100 px el menú completo no cabe: se usa el menú de hamburguesa (mismas reglas que en móvil) */
@media (min-width: 921px) and (max-width: 1100px) {
  .burger { display: block; }
  .nav-links { position: fixed; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 16px 24px; background: rgba(11, 10, 20, .97); border-bottom: 1px solid var(--line); transform: translateY(-120%); transition: transform .3s; }
  .nav-links.open { transform: none; }
  .nav-links a:not(.btn) { padding: 14px 4px; border-bottom: 1px solid var(--line); font-size: 1.05rem; }
  .nav-links .lang { align-self: flex-start; margin: 14px 0; }
}