/* =================================================
   UI ASEMTUR — LOGIN INSTITUCIONAL
   Línea Base Oficial
================================================= */

/* ===== RESET ===== */

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

/* ===== BODY ===== */

body{
    background:#F3F5F7;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ===== WRAPPER ===== */

.login-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
}

/* ===== LOGIN CARD ===== */

.login-box{
    background:#FFFFFF;
    padding:42px;
    width:380px;
    border-radius:14px;
    box-shadow:0 12px 32px rgba(0,0,0,.08);
    border-top:6px solid #145A32; /* Verde institucional */
}

/* ===== HEADER ===== */

.login-header{
    text-align:center;
    margin-bottom:25px;
}

.logo{
    width:95px;
    margin-bottom:12px;
}

.login-header h2{
    font-size:18px;
    font-weight:600;
    color:#145A32;
}

/* ===== FORM ===== */

label{
    font-size:14px;
    margin-top:12px;
    display:block;
    margin-bottom:6px;
    color:#374151;
}

input{
    width:100%;
    height:44px;
    border-radius:8px;
    border:1px solid #D1D5DB;
    padding:0 12px;
    font-size:14px;
    transition:.2s;
}

input:focus{
    outline:none;
    border-color:#FF7F00;
    box-shadow:0 0 0 3px rgba(255,127,0,.15);
}

/* ===== BOTÓN ===== */

.btn-login{
    width:100%;
    height:46px;
    margin-top:20px;
    border:none;
    border-radius:8px;
    background:#FF7F00;
    color:white;
    font-weight:600;
    font-size:14px;
    cursor:pointer;
    transition:.2s;
}

.btn-login:hover{
    background:#e66f00;
    transform:translateY(-1px);
}