body{
    background-color: #F0F0F0;
}
.footer_login{
    background-color: #577590; /* Color de fondo */
}

.page-header {
     padding: 0;
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: center;
     background-size: cover;
     background-position: 50%;
}

.mask{
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-image: linear-gradient(310deg, #212229 0%, #212529 100%);
}

.border_card_header {
    border: solid 0px transparent;
    background-color: #577590; /* Color de fondo */
    border-radius: 16px!important;
    position: relative; /* Asegura que los elementos superpuestos sean posicionados correctamente */
    overflow: hidden; /* Para que la imagen no se desborde del contenedor */
    height: 400px;
}

.border_card_header::before {
    content: "";
    position: absolute;
    top: 0;
    left: -47%;
    right: 0;
    bottom: -230px;
    background-image: url(/assets/media/img/backgrounds/patter_sf.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    opacity: 0.3;
    z-index: 1;
    width: 200%;
}


.card_login{
    border-radius: 16px;
    background-color: #F0F0F0;
    --bs-card-border-width: 0!important;
}

.tittle_login {
    color: #fff !important;
    font-family: Lexend;
    font-size: 36px;
    font-weight: 300;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 65px;
    background-color: #577590;
    left: 0;
    top: 50%;
    padding: 9px 0 0 0;
    box-shadow: 4px 10px 7px rgba(0, 0, 0, 0.6000000238418579);
    text-shadow: 3px 7px 11px rgba(0, 0, 0, 1);
}

.img_login_header{
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}