@keyframes anim {
  0% {
    border-bottom:solid 2px #e74c3c;
  }

  /*Amarillo*/
  33% {
    border-bottom:solid 2px #f80;
  }

  /*Naranja*/
  100% {
    border-bottom:solid 2px #fff;
  }

  /*Negro*/
}

.novisto {
  animation-name: anim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  font-size: 15px;
}

@keyframes moverDesdeAbajo {
  0% {
      bottom: -150px;
      /* Comienza desde abajo de la pantalla */
  }

  100% {
      bottom: 0;
      /* Llega a la posición final */
  }
}

@keyframes flotar {
  0% {
      transform: translateY(0);
      /* Comienza en su posición original */
  }

  100% {
      transform: translateY(-10px);
      /* Flota hacia arriba 10 píxeles */
  }
}

.efectaso {
  /* Inicialmente, el elemento está fuera de la pantalla */
  /* left: 100%; */
  /* Centra horizontalmente */
  /* transform: translateX(-100%);
  animation: moverDesdeAbajo 1s ease forwards; */
  /* Duración de la animación y retención en la posición final */
  box-shadow: 0 4px 6px rgba(255, 255, 255, 0.5);
  animation: flotar 3s infinite alternate ease-in-out;
  transition: transform 0.3s ease;
}

.efectaso:hove {
  transform: translateY(-5px);
  /* Mueve el elemento hacia arriba 5 píxeles */
}

.obligatorio{
  border-left: solid 1px red !important;
}

input,select,textarea,.select2-selection{
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  /* background-color: #535c66 !important; */
}

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

a {
  color: inherit; /* Esto hará que los enlaces usen el color del texto del elemento padre */
  text-decoration: none; /* Esto quita el subrayado de los enlaces */
}

/* Cambia el color de los enlaces visitados */
a:visited {
  color: #0f8de1; /* Puedes elegir otro color para los enlaces visitados */
}

.text_resaltado{
  font-size: 16px;
}

.emergente {
  position: absolute;
  bottom: 45px; /* Inicialmente fuera de la pantalla */
  right: 20px;
  transition: bottom 0.5s ease-in-out;
  animation: emerger 2s ease-in-out forwards;
}

@keyframes emerger {
  from {
      bottom: -100px; /* Posición inicial fuera de la pantalla */
  }
  to {
      bottom: 45px; /* Posición final */
  }
}

@media print {
  .page-break {
      page-break-before: always; /* O puedes usar page-break-after: always; */
  }
}

fieldset {
  border: 2px solid grey;
  border-radius: 5px;
  margin: 1rem;
}

legend {
  font-size: 1.25rem;
  text-align: center;
  padding: 0 1rem;
}