select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

@layer base {
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  }

  input[type=checkbox] {
    transform: scale(1.3);
    border-radius: 3px;
}

.modal-backdrop {
  display: none !important;
}

/* .checkbox-round {
  width: 1em;
  height: 1em;
  background-color: rgb(246, 246, 246);
  border-radius: 3px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
} */

/* .checkbox-round:checked {
  background-color: rgb(2, 168, 71);
} */



/* Estilos base del checkbox */
.checkbox-round {
  width: 1em;
  height: 1em;
  background-color: rgb(246, 246, 246);
  border-radius: 3px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative; /* Necesario para posicionar el "check" */
}

.checkbox-round.circle {
  width: 1em;
  height: 1em;
  background-color: rgb(246, 246, 246);
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative; /* Necesario para posicionar el "check" */
}

/* Estilo cuando el checkbox está seleccionado */
.checkbox-round:checked {
  background-color: rgb(0, 181, 76); /* Mantén el fondo sin color */
  border-color: rgb(0, 181, 76); /* Cambia el color del borde si lo deseas */
}

/* Añadir el "check" (visto) */
.checkbox-round:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 0.5em; /* Tamaño del "check" */
  height: 0.25em; /* Tamaño del "check" */
  border: solid #fff; /* Color del "check" */
  border-width: 0 3px 3px 0; /* Forma del "check" */
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(-1); /* Rotación y giro en el eje Y */
}

/* Estilo para el círculo blanco */
.checkbox-round.circle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.5em; /* Tamaño del círculo */
  height: 0.5em; /* Tamaño del círculo */
  background-color: #fff; /* Color del círculo */
  border-radius: 50%; /* Hace que sea un círculo */
  transform: translate(-50%, -50%);
}





.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  right: 0px !important;
  bottom: 60px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}