/**
 * Fix responsive del topbar público (top_header_contact.html.twig).
 * En mobile los botones ("Nuestros Planes", "Registrar Hoja de Vida",
 * "Registrar", "Iniciar sesión" / "Mi Panel") se salían de la pantalla en
 * una sola fila sin wrap, con `px-5` (3rem) de padding lateral fijo del
 * contenedor — quedaban cortados en ambos bordes, ilegibles/inalcanzables.
 * Hoja de estilos escrita a mano, cargada siempre (global-styling), no pasa
 * por el build de SCSS del tema.
 */
@media (max-width: 767px) {
  .topbar.px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .topbar .col-lg-4 .d-inline-flex {
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
    column-gap: 8px;
  }

  .topbar .topbar-btn {
    padding: 0.3rem 0.85rem;
    font-size: 0.75rem;
  }
}