body{
    background-image: url("../images/background.jpeg");
    background-size: cover; /* La imagen cubre toda el área */
    background-position: center; /* La imagen está centrada */
    background-repeat: no-repeat; /* La imagen no se repite */
    background-attachment: fixed; /* Hace que la imagen de fondo sea fija al hacer scroll */
    height: 100vh; /* Asegura que el body ocupe toda la altura de la pantalla */
    margin: 0; /* Elimina los márgenes por defecto */
}

.LoginSoftwareImg{
 width: 300;
 height: 180;
 background: rgba(66, 125, 131, 0.36);
 margin-bottom: 15px;
 border-radius: 15px;
}

.LoginImages{
    margin-bottom: 6vh;
    margin-top: 4vh;
    text-align: center;
}

.Centrado {
    display: flex;
    flex-direction: column;       /* Organiza los elementos verticalmente */
    justify-content: flex-start;  /* Los elementos se alinean desde la parte superior */
    align-items: center;          /* Centra los elementos horizontalmente */
    min-height: 100vh;             /* Asegura que el contenedor ocupe al menos la altura de la ventana */
    padding-top: 20px;             /* Espacio para que los elementos se vean al principio centrados */
}

.EstadoSistema{
    font-size: 12px;
}

.col{
    margin-bottom: 5vh;
}

.noti{
    height: 80px;
    width: 80px;
}

.GeneradorOpiones{
    margin-top: 3vh;
}

.DivTutorial{
    display: flex;
    width: 50vw;
    justify-content: flex-end;
}