/* Start custom CSS *//* Estilos para móviles (menos de 480px) */
@media (max-width: 480px) {
  .whb-top-bar-inner {
    flex-direction: column !important; /* Apila verticalmente */
    gap: 11px !important; /* Espacio entre elementos */
  }
  .whb-top-bar {
    height: 110px !important;
    min-height: 35px !important;
    overflow: visible !important;
  }
  /* Asegura que la barra superior sea responsive */
  /* Asegura que cada columna ocupe todo el ancho */
  .whb-col-left, .whb-col-right {
    width: 100% !important;
    text-align: center !important;
  }
  
  /* Opcional: Ajusta el padding para móviles muy pequeños */
  .whb-top-bar {
    padding: 15px 10px !important;
  }
}





@media (max-width: 780px) {
 .whb-top-bar .whb-hidden-lg {
  display: block !important; /* Muestra en móviles */
}
.whb-top-bar .whb-visible-lg {
  display: block !important; /* Mantiene visible en desktop */
}

.whb-top-bar .whb-hidden-lg {
  display: block !important;
}
}/* End custom CSS */