.form-floating {
    position: relative;
  }

  .form-floating input {
    padding-top: 10px;
  }

  .form-floating label {
    position: absolute;
    top: 50%;
    left: 15px; /* Ajusta este valor para mover el texto a la derecha */
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    color: #007bff; /* Color azul más oscuro */
    background-color: white; /* Fondo blanco */
    padding: 0 4px; /* Espaciado interno para el fondo blanco */
  }

  .form-floating input:focus ~ label,
  .form-floating input:not(:placeholder-shown) ~ label {
    top: 0;
    font-size: 0.75rem;
    opacity: 1;
  }
  

  
.form-seleccion {
    position: relative;
}

.form-seleccion select {
    padding-top: 0.2rem; /* Ajusta la altura según sea necesario */
    font-size: 1rem; /* Tamaño de fuente pequeño */
}

.form-seleccion label {
    position: absolute;
    top: -0.5rem;
    left: 15px;
    font-size: 0.725rem; /* Tamaño de fuente más pequeño */
    color: #007bff; /* Color azul más oscuro */
    pointer-events: none;
    background-color: white; /* Fondo blanco opcional */
    padding: 0 4px; /* Espaciado interno opcional */
}


/* Estilos para textarea con efecto flotante */
.form-floating-textarea {
  position: relative;
  border: 1px solid #ced4da; /* Agregar un borde */  
}

.form-floating-textarea textarea {
  padding-top: 10px; /* Ajusta la altura de acuerdo a tus necesidades */
  height: auto; /* Asegúrate de que la altura sea ajustable automáticamente */
  border: none; /* Elimina el borde predeterminado del textarea */
  outline: none; /* Elimina el contorno al enfocar */
}

.form-floating-textarea label {
  position: absolute;
  top: 0;
  left: 10px; /* Ajusta este valor para mover el texto a la derecha */
  transform: translateY(0);
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  color: #0000FF; /* Color azul oscuro */
  background-color: white;
  padding: 0 4px;
}

.form-floating-textarea textarea:focus ~ label,
.form-floating-textarea textarea:not(:placeholder-shown) ~ label {
  top: -0.8rem; /* Movido ligeramente hacia arriba */
  font-size: 0.75rem; /* Tamaño de fuente más pequeño */
  opacity: 1;
}