@charset "UTF-8"
body{
    min-height:100vh;
    background:
        linear-gradient(135deg, rgba(233,240,244,.95), rgba(244,247,249,.98)),
        #eef3f6;
    font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color:#1f2937;
}
.page-login{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 16px;
}
.login-shell{
    width:100%;
    max-width:1500px;
    background:#ffffff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 18px 60px rgba(15, 23, 42, .14);
    border:1px solid rgba(15, 23, 42, .06);
}
.login-left{
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding:24px 26px 18px 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:760px;
    position:relative;
}
.login-panel{
    width:100%;
    max-width:470px;
}
.brand-top{
    text-align:center;
    margin-bottom:6px;
}
.brand-top img{
    max-width:100%;
    width:340px;
    height:auto;
    object-fit:contain;
}
.line{
    display:none;
}
.title-login{
    text-align:center;
    margin-bottom:14px;
}
.title-login h2{
    font-size:2rem;
    line-height:1.1;
    font-weight:700;
    margin:0 0 4px 0;
    color:#1f2937;
}
.title-login h1{
    font-size:1.15rem;
    font-weight:800;
    letter-spacing:.3px;
    margin:0;
    color:#234a74;
    text-transform:uppercase;
}
.form-card{
    background:#ffffff;
    border:1px solid #dbe4ee;
    border-radius:22px;
    padding:18px 18px 16px 18px;
    box-shadow:0 10px 26px rgba(30, 41, 59, .06);
}
.form-floating{
    margin-bottom:12px !important;
}
.form-floating > .form-control{
    height:64px;
    border-radius:16px;
    border:1px solid #cfd8e3;
    background:#f7f9fc;
    color:#1f2937;
    font-size:1.05rem;
    font-weight:600;
    box-shadow:none;
}
.form-floating > .form-control:focus{
    border-color:#325d87;
    background:#ffffff;
    box-shadow:0 0 0 .22rem rgba(50, 93, 135, .12);
}
.form-floating > label{
    color:#5b6778;
    font-size:1rem;
    padding-left:18px;
}
.btn.btn-boton1{
    background:linear-gradient(135deg, #214d7a 0%, #163a5c 100%);
    border:none;
    border-radius:16px;
    color:#fff;
    font-size:1.02rem;
    letter-spacing:.4px;
    padding:14px 18px;
    transition:all .2s ease;
    box-shadow:0 10px 20px rgba(22, 58, 92, .18);
    margin-top:2px;
}
.btn.btn-boton1:hover,
.btn.btn-boton1:focus{
    background:linear-gradient(135deg, #1c446c 0%, #112f4b 100%);
    transform:translateY(-1px);
    color:#fff;
}
.register-btn{
    margin-top:10px;
}
.btn-registro{
    display:block;
    text-align:center;
    background:linear-gradient(135deg, #8a1c2b 0%, #5f0f1a 100%);
    color:#fff;
    border-radius:16px;
    padding:14px 16px;
    font-weight:700;
    text-decoration:none;
    letter-spacing:.4px;
    box-shadow:0 8px 18px rgba(138, 28, 43, .25);
    transition:all .2s ease;
}
.btn-registro:hover{
    background:linear-gradient(135deg, #741624 0%, #4a0c14 100%);
    transform:translateY(-1px);
    color:#fff;
}
#msg{
    min-height:28px;
    font-size:.92rem;
    font-weight:600;
    color:#b42318;
    margin-top:8px;
}
#cpr{
    text-align:center;
    color:#4b5563;
    font-size:.92rem;
    line-height:1.4;
    margin-top:10px;
}
#cpr a{
    color:#0f5bd8;
    font-weight:600;
}
.login-right{
    background:linear-gradient(180deg, #e9f1f5 0%, #dde8ee 100%);
    padding:28px;
    min-height:760px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid rgba(36, 64, 99, .08);
}
.visual-card{
    width:100%;
    background:rgba(255,255,255,.42);
    border-radius:24px;
    padding:18px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
    backdrop-filter:blur(2px);
}
.visual-card img{
    width:100%;
    height:auto;
    display:block;
    border-radius:18px;
    object-fit:cover;
}
@media (max-width: 991.98px){
    .login-left,
    .login-right{
        min-height:auto;
    }
    .login-left{
        padding:24px 18px 18px 18px;
    }
    .login-right{
        padding:20px;
        border-left:none;
        border-top:1px solid rgba(36, 64, 99, .08);
    }
    .title-login h2{
        font-size:1.8rem;
    }
    .title-login h1{
        font-size:1.05rem;
    }
    .brand-top img{
        width:300px;
    }
}
@media (max-width: 575.98px){
    .page-login{
        padding:12px;
    }
    .login-shell{
        border-radius:22px;
    }
    .login-left{
        padding:20px 14px 16px 14px;
    }
    .login-right{
        padding:14px;
    }
    .form-card{
        padding:16px 12px 14px 12px;
        border-radius:18px;
    }
    .title-login{
        margin-bottom:12px;
    }
    .title-login h2{
        font-size:1.55rem;
    }
    .title-login h1{
        font-size:1rem;
    }
    .form-floating > .form-control{
        height:60px;
        font-size:1rem;
    }
    .btn.btn-boton1,
    .btn-registro{
        font-size:.98rem;
        padding:13px 14px;
    }
    .brand-top img{
        width:260px;
    }
}