/* ════════════════════════════════════════════════════════════════
   GUMZUX · Ajustes móviles del orbital · V27 (2026-08-21)
   El build compilado no se toca: todo va desde fuera, acotado
   a #gz-orbital-root y solo en pantallas de móvil.
   1 · La elipse y las etiquetas se salían de la pantalla
   2 · Las etiquetas eran ilegibles (8,5 px de base)
   3 · La tarjeta cortaba el texto y las etiquetas asomaban detrás
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* 1 · Escala del sistema de órbitas y etiquetas.
     La tarjeta (gz-card-slot) es hermana del campo, no hija:
     esta transformación no le afecta ni rompe su position:fixed. */
  #gz-orbital-root .gz-paths,
  #gz-orbital-root .gz-field {
    transform: scale(.74);
    transform-origin: 50% 50%;
  }

  /* 2 · Etiquetas: base mayor. Tras la escala del campo (×.74)
     quedan en ~9,6 px renderizados — por encima de los 8,5 px
     anteriores — y la pastilla resultante es más estrecha
     en pantalla que antes, así que caben mejor, no peor. */
  #gz-orbital-root .gz-field .gz-node {
    font-size: 13px;
    letter-spacing: .09em;
    font-weight: 500;
    padding: 10px 14px;
    min-height: 40px;
  }

  /* 3a · Tarjeta: más recorrido antes de cortar y aire al final,
     para que la última línea no muera contra el borde. */
  #gz-orbital-root .gz-card {
    max-height: 72svh;
  }
  #gz-orbital-root .gz-card-body {
    padding-bottom: 36px;
  }

  /* 3b · Velo tras la tarjeta abierta: la escena baja, la tarjeta
     manda, y ninguna etiqueta compite visualmente por detrás.
     Va en la sección (sin transform) y no en el slot (con
     transform), porque un ancestro transformado rompería un
     position:fixed. pointer-events:none → los toques fuera de
     la tarjeta se comportan exactamente igual que antes.
     Si el navegador no soporta :has(), simplemente no hay velo. */
  #gz-orbital-root .gz-section:has(.gz-card-slot)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(251, 250, 249, .55);
    z-index: 60; /* sobre etiquetas (30) y órbitas (34), bajo la tarjeta (70) */
    pointer-events: none;
  }
}