:root{
    --azul-oscuro:#0b2d52;
    --azul-medio:#1f6fb8;
    /*--azul-claro:#3f8fd6;*/
    --azul-claro:#0883c6;
    --dorado:#f2b134;
    --texto-principal:#10233d;
    --gris-suave:#6b7789;
}

body{
    background:linear-gradient(160deg, #eef2f7 0%, #dfe7ef 100%);
    min-height:100vh;
    font-family:'Segoe UI', Roboto, Arial, sans-serif;
    color:var(--texto-principal);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 14px;
}

.auth-card{
    width:100%;
    max-width:400px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 18px 40px rgba(11,45,82,.15);
    overflow:hidden;
}

.auth-card .encabezado{
    background:linear-gradient(120deg, var(--azul-claro), var(--azul-oscuro));
    color:var(--azul-claro);
    /*padding:26px 24px 22px;*/
    padding:26px 24px 32px;
    text-align:center;
    background-image: url('../../img/logo_sello1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left 0px, bottom, bottom;
    background-size: 360px 120px, cover;
    height: 122px;
}

/* Pantallas de PC */
@media (min-width: 992px) {
    .auth-card .encabezado {
        background-size: 398px 120px, cover;
        height: 122px;
    }
}

.auth-card .encabezado .institucion{
    font-size:.72rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    opacity:.85;
}

.auth-card .encabezado h1{
    font-size:1.15rem;
    font-weight:700;
    margin:4px 0 0;
}

.auth-card .cuerpo{ padding:26px 24px 28px; }

.form-label{ font-weight:600; font-size:.85rem; color:var(--texto-principal); }

.btn-primario{
/*    background:var(--azul-oscuro);
    border-color:var(--azul-oscuro);*/
    background:var(--azul-medio);
    border-color:var(--azul-medio);
    font-weight:700;
}
/*.btn-primario:hover{ background:var(--azul-medio); border-color:var(--azul-medio); }*/
.btn-primario:hover{ background:var(--azul-claro); border-color:var(--azul-claro); }

.enlace-secundario{
    display:block;
    text-align:center;
    margin-top:16px;
    font-size:.85rem;
    color:var(--azul-medio);
    text-decoration:none;
}
.enlace-secundario:hover{ text-decoration:underline; }

.alerta-error{
    background:#fdecec;
    color:#a12525;
    border:1px solid #f3c9c9;
    border-radius:10px;
    padding:10px 14px;
    font-size:.85rem;
    margin-bottom:16px;
}

.alerta-info{
    background:#eaf3fb;
    color:#0b4a7a;
    border:1px solid #cfe3f3;
    border-radius:10px;
    padding:10px 14px;
    font-size:.85rem;
    margin-bottom:16px;
}