.upbar{
    background-color:#6db1ff;
    width: 100vw;
    height: 10vh;
    color: white;
    justify-content: end;
}



.contenedor-principal {
    display: flex;
    flex-direction: row; /* O 'row', dependiendo de cómo quieras que se dispongan los elementos */
    justify-content: space-between; /* Para centrar los elementos en el eje principal */
    height: auto; /* Opcional: para que ocupe toda la altura de la ventana */
    width: 45%;
    margin-left: 45%;
    margin-top: 10%;
}




.login-index{
    height: 100%;
    width: 60%;
    margin-top: 3%;
    margin-right: 2%;
}


.contenedor-vacaciones {
    /* display: flex; */
    height: 60%; /* Opcional: para que ocupe toda la altura de la ventana */
    width: 100%;
    margin-top: 5%;
}



.contenido {
    text-align: center; /* Centra el texto */
    color: chocolate;
}

.contenidoRegistro{
    text-align: center; /* Centra el texto */
    color: rgb(8, 88, 236);
}

.contenidoVacaciones{
    text-align: left; /* Centra el texto */
    color: chocolate;
}

input:invalid + span::after {
    content: "✖";
  }
  
  input:valid + span::after {
    content: "✓";
  }