.elementor-5555 .elementor-element.elementor-element-26d17844{--display:flex;}/* Start custom CSS for webteckheader, class: .elementor-element-1d930732 */.social-title {
  display: none !important;
}

.social-links a {
  display: inline-block;
  transition: transform 0.3s ease;
}

.social-links a:hover {
  transform: scale(1.2);
}

.social-links i {
  font-size: 16px;
}



.header-links i {
  display: inline-block;
  transition: transform 0.3s ease;
}

.header-links i:hover {
  transform: scale(1.2);
}

/* Reducir el espacio horizontal entre columnas del header */
.menu-area .container .row {
  gap: 10px; /* Controla el espacio entre logo, menú y botón */
}

/* También puedes reducir el margen del contenedor del menú */
.menu-area .col-auto:nth-child(2) {
  margin-left: 0px; /* quita separación artificial si existiera */
}

/* Opcional: Ajuste para evitar wrap */
.menu-area .container .row {
  flex-wrap: nowrap;
}

/* Evitar que el botón de Estado de Cuenta se reduzca */
.menu-area .col-auto:last-child {
  flex: 0 0 auto; /* no permitir que el botón se encoja */
  min-width: 150px; /* o el ancho que necesites */
}

/* Ajustes del botón */
.header-button .th-btn {
  white-space: nowrap; /* no permitir que el texto baje a otra línea */
}

/* Forzar cambio a blanco con sombra */
.header-links a:hover {
  color: #ffffff !important; /* ¡Forzar blanco! */
  text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.6); /* Sombra suave */
  transition: all 0.3s ease;
}/* End custom CSS */