/* Identidad compartida con el portal PDE San Luis Potosí. */
body, body#cuerpo {
    background: #125da9 !important;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}
.nav-background, .navbar-color, .s3-header {
    background: linear-gradient(to right, #fff 10%, #d5cd3d 100%) !important;
    width: 100%;
    border: 0;
    padding: 16px 24px;
    color: #125da9;
}
.navIcon { padding: 0; }
.s3-brand-logo { width: 150px; max-width: 100%; height: auto; }
.s3-platform-logo { width: 360px; max-width: 100%; height: auto; padding: 20px; background: #fff; border-radius: 12px; }
.s3-system-name { display: inline-block; font-size: 18px; line-height: 1.4; font-weight: bold; }
nav .s3-system-name { max-width: 230px; vertical-align: middle; margin: 8px 12px; }
nav a, nav .btnMenu, nav .btnMenu a { color: #125da9 !important; }
.navbar-toggler { background: #125da9; }
nav .btnMenu { height: auto; min-height: 44px; width: auto; padding: 10px 14px; border: 1px solid transparent; }
nav .btnMenu:hover, nav .btnMenu:focus { background: #fff; border-color: #125da9; }
.s3-section-title { font-size: 24px; line-height: 1.4; text-align: center; padding: 0 16px; margin-bottom: 24px; color: #fff; }
.paddTxtFuncionario { padding: 0; }
.card-body-rounded-black { background: transparent; border: 0; padding: 8px 0; }
.s3-entry-button, .btnSistemas {
    display: inline-block; width: 100%; min-height: 64px; padding: 20px;
    background: #fff; color: #125da9; border: 2px solid #d5cd3d;
    border-radius: 14px; text-align: center; font-size: 18px; font-weight: bold;
    box-shadow: 0 4px 12px #07376940; cursor: pointer;
}
.s3-entry-button:hover, .btnSistemas:hover { background: #f8f7d9; color: #125da9; }
a:focus-visible, button:focus-visible { outline: 3px solid #d5cd3d; outline-offset: 3px; }
.footerBorder { position: static; width: 100%; margin-top: 48px; padding: 20px 24px; border-top: 2px solid #d5cd3d; background: #0c477f; }
.footerText { color: #fff; font-size: 13px; line-height: 1.6; }
.footerBorder .row { margin: 0; }
.footerBorder i { font-style: normal; }
.modal-content, .formulario, .well { color: #263645; }
.modal-title { color: #125da9 !important; }
.form-control:focus { border-color: #125da9; box-shadow: 0 0 0 3px #125da933; }
.s3-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.s3-header a { color: #125da9; }
.s3-login-main { padding: 40px 16px; }
.s3-login .login-form { width: 440px; max-width: 100%; height: auto; background: #fff; border-radius: 14px; box-shadow: 0 6px 24px #07376955; }
.s3-login .formulario { padding: 28px; }
.s3-login h2, .s3-login label { color: #263645 !important; }
.s3-login .s3-system-name { color: #125da9; text-align: center; }
.s3-login .labelFooter { font-size: 13px; line-height: 1.6; }
.s3-login .s3-submit { width: 100%; min-height: 44px; border: 0; border-radius: 6px; background: #125da9; color: #fff; padding: 10px 16px; cursor: pointer; }
.s3-login .s3-submit:hover { background: #0c477f; }
.s3-login .modal-body label { color: #263645 !important; }
@media (max-width: 767px) {
    .nav-background, .s3-header { padding: 12px 16px; }
    .s3-brand-logo { width: 120px; }
    nav .s3-system-name { margin: 12px 0; font-size: 16px; }
    .navIcon > div { padding: 8px 0; }
    nav .nav { justify-content: flex-start !important; }
    .s3-section-title { font-size: 21px; }
    .s3-entry-button, .btnSistemas { margin-bottom: 12px; }
    .s3-login .formulario { padding: 20px; }
    .footerBorder .col-7 { flex: 0 0 100%; max-width: 100%; }
    .footerBorder .col { text-align: center; }
    .s3-header { flex-wrap: wrap; }
}