/* @media (min-width: 769px) {
  .main-banner__content .row2 {
    max-width: 50%;
  }
} */
@media (max-width: 905px) {
  .main-banner__content .row2 {
    margin-top: 3rem;
    max-width: inherit;
  }
}

.main-banner__content .row2 {
  margin-top: 2rem;
  max-width: 100%;
}

.main-div-selec-empresas {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  padding: 16px 32px;
  color: white;
  background-color: #2C2C2C;
  gap: 40px;
  height: 80px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);
}

@media (max-width: 905px) {
  .main-div-selec-empresas {
    flex-direction: column;
    height: unset;
  }
}

@media (max-width: 767px) {
  .main-selector-empresas {
    flex-direction: column;
  }

  .clients_select_selector {
    width: 100% !important;
  }
}

.main-selector-empresas {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}

.clients_select_title {
  min-width: fit-content;
  margin: 0;
}

.clients_select_selector {
  appearance: none;
  /* oculta la flecha nativa (funciona en Chrome/Edge) */
  -webkit-appearance: none;
  /* Safari */
  -moz-appearance: none;
  /* Firefox */

  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 32px 8px 12px !important;
  /* espacio a la derecha para la flecha */
  border-radius: 6px;
  font-size: 14px;

  /* caret custom */
  background-image: linear-gradient(45deg, transparent 50%, #333 50%),
    linear-gradient(-45deg, transparent 50%, #333 50%);
  background-position: right 12px center, right 6px center;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.clients_select_selector:open {
  background:
    linear-gradient(135deg, transparent 50%, #000 50%) left,
    linear-gradient(-135deg, transparent 50%, #000 50%) right;
  background-position: right 12px center, right 6px center;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}


.clients_select_selector.disabled {
  background-color: rgba(217, 217, 217, 1) !important;
  color: rgba(179, 179, 179, 1) !important;
  cursor: not-allowed !important;
}

.clients_select_submit {
  min-width: fit-content;
  border-radius: 8px;
  border-color: rgba(179, 179, 179, 1);
  padding: 11.5px;
  scale: 1;
  transition: scale 0.2s;
  transition-timing-function: ease-in-out;
}

.clients_select_submit:hover {
  scale: 1.02;
  transition: scale 0.2s;
  transition-timing-function: ease-in-out;
}

.clients_select_submit.disabled {
  background-color: rgba(217, 217, 217, 1) !important;
  color: rgba(179, 179, 179, 1) !important;
  cursor: not-allowed !important;
}