/*
 * Estilos exclusivos de /login (pantalla de acceso).
 * No se cargan en ninguna otra pantalla del sitio -- ver login.html.twig.
 * Los datos del footer (texto, contacto) siguen viniendo de la tabla Setting;
 * aquí solo se aligera su presentación, sin tocar footer.html.twig ni la base.
 */

/* ---- navbar: tipografía más liviana, mismo contenido/estructura/color ---- */
.sgc-navbar-title{
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
    font-weight:500 !important;
    letter-spacing:.5px !important;
    color:#ffffff !important;
}
.navbar-default .navbar-nav>li>a{
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

/* ---- página ---- */
.container-fluid{ background:#f6f4f4; }
.login-wrap{
    padding:100px 24px 56px;
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    letter-spacing:normal;
}

.login-panel{
    max-width:1040px; margin:0 auto; background:#ffffff; border-radius:10px;
    border:1px solid #e8e2e2; border-top:4px solid #b71234;
    box-shadow:0 8px 28px rgba(80,20,30,.08);
    display:flex; align-items:stretch; overflow:hidden;
}

/* ---- sector Ingreso (principal) ---- */
.login-col-ingreso{ flex:1 1 auto; padding:46px 50px 42px; box-sizing:border-box; min-width:0; }
.login-col-ingreso h1{
    font-size:31px; font-weight:600; color:#2f2f2f; margin:0 0 10px; line-height:1.25;
    letter-spacing:normal;
}
.login-lead{
    font-size:15px; font-weight:400; color:#63605f; margin:0 0 30px; line-height:1.6;
    max-width:440px; letter-spacing:normal;
}

/* ---- franja de acceso institucional FRBA ---- */
.login-frba-band{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    background:#fdf1f2; border:1px solid #f1d3d8; border-radius:8px;
    padding:16px 20px; margin-bottom:24px; box-sizing:border-box;
}
.login-frba-band-text{ display:block; }
.login-frba-title{
    display:block; font-size:15px; font-weight:600; color:#b71234; margin-bottom:3px;
    letter-spacing:normal;
}
.login-frba-desc{
    display:block; font-size:13px; font-weight:400; color:#7a6d6e; line-height:1.4;
    letter-spacing:normal;
}
a.login-frba-btn{ flex:none; width:auto; padding:0 22px; white-space:nowrap; margin:0; }
/* Selectores con especificidad clase+pseudo-clase para que gane a las
   reglas generales de enlaces (Bootstrap: a{color:#337ab7}, a:focus,
   a:hover{color:#23527c;text-decoration:underline}, a:visited{text-decoration:underline}). */
a.login-frba-btn:link,
a.login-frba-btn:visited{ color:#ffffff; text-decoration:none; }
a.login-frba-btn:hover,
a.login-frba-btn:focus,
a.login-frba-btn:active{
    color:#ffffff; text-decoration:none; background:#980e2a; border-color:#980e2a;
}
a.login-frba-btn:focus{ outline:2px solid #7a2230; outline-offset:2px; }
.login-frba-alert{ margin-bottom:20px; }

.login-divider{
    display:flex; align-items:center; gap:14px; margin:0 0 22px;
    color:#9c9c9c; font-size:13px; font-weight:600; letter-spacing:normal;
}
.login-divider::before, .login-divider::after{
    content:""; flex:1 1 auto; height:1px; background:#e6dede;
}

.login-form-block{ max-width:460px; }
.login-alert{
    display:flex; align-items:center; gap:8px; box-sizing:border-box;
    background:#fdecec; color:#b71234; border:1px solid #f3c9cd; border-radius:4px;
    padding:12px 14px; margin-bottom:16px;
    font-size:13px; font-weight:500; line-height:1.4; letter-spacing:normal;
}
.login-alert .glyphicon{ font-size:13px; color:#b71234; flex:none; }
.login-field{ margin-bottom:16px; }
.login-field label{
    display:block; font-size:14px; font-weight:600; color:#3a3a3a; margin-bottom:6px;
    letter-spacing:normal;
}
#sgc-login-form input.form-control{
    box-sizing:border-box; width:100%; height:40px; border:1px solid #dcdcdc; border-radius:5px;
    padding:0 13px; font-size:14px; font-weight:400; letter-spacing:normal; color:#333333;
}

.login-primary-btn{
    display:inline-block; box-sizing:border-box; width:190px; height:44px; line-height:42px;
    background:#b71234; color:#ffffff; text-align:center; border-radius:5px; border:1px solid #b71234;
    font-size:15px; font-weight:600; text-decoration:none; margin:20px 0 0; letter-spacing:normal;
}
.login-primary-btn:hover{ background:#980e2a; }
#sgc-login-form input.login-primary-btn{ font-size:15px; font-weight:600; letter-spacing:normal; }

.login-aux-links{
    margin-top:24px; display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.login-aux-link{
    font-size:14px; font-weight:600; color:#767676; text-decoration:none; letter-spacing:normal;
}
.login-aux-link:hover{ color:#b71234; text-decoration:underline; }
.login-aux-sep{ color:#dcdcdc; font-size:13px; font-weight:400; }

/* ---- sector Gestión (secundario, discreto, filas clickeables) ---- */
.login-col-gestion{
    flex:0 0 296px; background:#faf3f4; padding:46px 28px 40px; box-sizing:border-box;
    border-left:1px solid #f1e4e6;
}
.login-col-gestion h2{
    font-size:20px; font-weight:600; color:#7a2230; margin:0 0 18px; line-height:1.3;
    letter-spacing:normal;
}
.login-gestion-item{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    text-decoration:none; padding:14px; margin-bottom:12px; border-radius:6px;
    border:1px solid #f1e4e6; background:#ffffff;
    transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.login-gestion-item:last-child{ margin-bottom:0; }
.login-gestion-item:hover{
    background:#fff8f9; border-color:#e3b9c1; box-shadow:0 2px 8px rgba(183,18,52,.08);
}
.login-gestion-text{ display:block; }
.login-gestion-link{
    display:block; font-size:15px; font-weight:600; color:#b71234; margin-bottom:4px;
    letter-spacing:normal;
}
.login-gestion-caption{
    display:block; font-size:13px; font-weight:400; color:#8f7f80; line-height:1.4;
    letter-spacing:normal;
}
.login-gestion-chevron{
    font-size:20px; font-weight:600; color:#d79aa5; line-height:1; flex:none;
    transition:color .15s ease, transform .15s ease;
}
.login-gestion-item:hover .login-gestion-chevron{ color:#b71234; transform:translateX(2px); }

/* ---- footer: mismo texto (viene de la base), presentación más liviana ---- */
footer.sgc-footer{
    padding:10px 0 !important;
    line-height:1.45 !important;
}
footer.sgc-footer p{
    font-size:12.5px !important;
    letter-spacing:normal;
}
footer.sgc-footer p:first-line{
    font-size:13.5px;
}

/* ---- adaptación para resoluciones menores (no altera la composición 1440x900) ---- */
@media (max-width: 991px){
    .login-panel{ flex-direction:column; }
    .login-col-gestion{
        flex:0 0 auto; border-left:none; border-top:1px solid #f1e4e6;
    }
}
@media (max-width: 480px){
    .login-wrap{ padding:40px 14px 40px; }
    .login-col-ingreso, .login-col-gestion{ padding:28px 22px; }
    .login-aux-links{ flex-direction:column; align-items:flex-start; gap:10px; }
    .login-aux-sep{ display:none; }
    .login-frba-band{ flex-direction:column; align-items:stretch; gap:12px; }
    a.login-frba-btn{
        width:100%; text-align:center; white-space:normal; height:auto; line-height:1.3;
        padding:12px 16px;
    }
    .login-frba-alert{ word-break:break-word; overflow-wrap:break-word; }
    .login-frba-alert a{ word-break:break-word; overflow-wrap:break-word; }
}