*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.divContenedorHeader{
    min-height: 7vh;
    background-color: #9e3232;
    display: flex;
    align-items: center;
    padding-inline: 20px;
    padding-block: 10px;
}

.divContenedorHeader h2{
    margin: 20px;
    color: white;
    font-weight: bold;
    font-size: 1.25rem;
}

.divHeaderLogo{
    background-color: #f5f5f5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;

}

.divHeaderLogo img{
    width: 100%;
}

/* =============================== */
.divContenedorCuerpo{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../_img/fondo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 85vh;
}

.divContenedorLogo{
    border-radius: 50%;
    width: 130px;
    height: 130px;
    background-color: #f5f5f5;
    margin: 20px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divContenedorLogo img{
    width: 100%;
}

.container{
    background-color: white;
    max-width: 600px;
    min-height: 600px;
    padding: 20px;
    margin: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divContenedorTexto{
    width: 340px; /*Da el ancho del texto de inicia sesion*/
    text-align: center;
    font-size: 1.1rem;
    padding: 20px;
}

.container form{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.8rem;
}

.container form label{
    font-weight: bold;
}

.container input[type=text], input[type=password]{
    padding: 10px;
    padding-right: 35px;
    min-width: 300px;
    font-size: 1rem;
    border-radius: 5px;
    text-align: center;
}

.btnIngresar{
    background-color: #9E3232;
    border: none;
    width: 300px; /* Modifcado */
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.btnIngresar:hover{
    background-color: #bb6565;
}

.divCrearCuenta p{
    font-size: 1rem;
    font-weight: 200;
    margin: 15px;
    text-align: center;
    width: 350px; /* Da el ancho a los vinculos */
}
.divCrearCuenta a{
    color: #9E3232;
    font-size: 1rem;
    font-weight: 200;
    text-decoration: none;

}

.divCrearCuenta a:hover{
    text-decoration: underline;
}

/* ==============MODAL================ */

.textoModal{
    font-weight: bold;
    margin-block: 10px;
}

.btnModal{
    background-color: #9E3232;
    border: none;
    width: 300px;
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.btnModal:hover{
    background-color: #bb6565;
}

.modalBody{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.linkModal{
    color: #9E3232;
}

/* -----------FOOTER------------ */

.divTextoFooter{
    min-height: 8vh;
    background-color: #9e3232;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    font-size: 16px;
}

.divTextoFooter p{
    margin: 4px ;
    text-align: center;
}

.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* #btnVerPassword, #btnVerPassword:focus{
    margin-top: -72px;
    border: none;
    box-shadow: none;
} */