/*
 * SIGA+ - Login em duas colunas.
 * Exclusivo do body .siga-login-duas-colunas. Não modifica o CSS global.
 * Não usa altura fixa no formulário: notebooks, teclado virtual e zoom podem rolar.
 */
body.siga-login-duas-colunas {
    margin: 0;
    color: #18263a;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
.siga-login-duas-colunas [hidden] { display: none !important; }
.siga-login-duas-colunas .siga-acesso {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(420px, 1fr);
    min-height: 100vh;
    min-height: 100svh;
}
.siga-login-duas-colunas .siga-acesso-visual {
    position: relative;
    isolation: isolate;
    min-width: 0;
    overflow: hidden;
    background: #163553;
}
.siga-login-duas-colunas .siga-acesso-fotografia,
.siga-login-duas-colunas .siga-acesso-fotografia img,
.siga-login-duas-colunas .siga-acesso-sobreposicao {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.siga-login-duas-colunas .siga-acesso-fotografia img {
    display: block;
    object-fit: cover;
    object-position: 55% 50%;
}
.siga-login-duas-colunas .siga-acesso-sobreposicao {
    background: linear-gradient(180deg, rgba(8, 26, 52, .06) 32%, rgba(9, 30, 64, .16) 52%, rgba(6, 24, 49, .92) 100%);
}
.siga-login-duas-colunas .siga-acesso-chamada {
    position: absolute;
    left: clamp(32px, 4.6vw, 82px);
    bottom: clamp(32px, 6vh, 74px);
    right: clamp(28px, 4vw, 68px);
    color: #fff;
}
.siga-login-duas-colunas .siga-acesso-etiqueta {
    display: inline-block;
    margin-bottom: 16px;
    padding: 5px 11px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 7px;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 650;
    letter-spacing: .12em;
}
.siga-login-duas-colunas .siga-acesso-chamada h2 {
    max-width: 470px;
    margin: 0 0 12px;
    font-size: clamp(30px, 3.4vw, 48px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.03em;
    text-wrap: balance;
}
.siga-login-duas-colunas .siga-acesso-chamada p {
    margin: 0;
    color: #dce5f3;
    font-size: 14px;
    font-weight: 400;
}
.siga-login-duas-colunas .siga-acesso-painel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 42px clamp(28px, 4vw, 76px);
    background: #fff;
}
.siga-login-duas-colunas .siga-acesso-conteudo { width: 100%; max-width: 380px; }
.siga-login-duas-colunas .siga-acesso-marca { text-align: center; margin: 0 0 36px; }
.siga-login-duas-colunas .siga-identidade-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    min-height: 0;
    padding: 0;
    margin: 0 auto 18px;
}
.siga-login-duas-colunas .siga-logo-login {
    display: block;
    width: 128px;
    height: 128px;
    object-fit: contain;
    margin: 0;
}
.siga-login-duas-colunas #logoLamplusAlternativa {
    margin: 0;
    color: #24384c;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -.035em;
}
.siga-login-duas-colunas .siga-acesso-produto {
    margin: 0 0 5px;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -.045em;
}
.siga-login-duas-colunas .siga-acesso-produto span { color: #214ecf; }
.siga-login-duas-colunas .siga-acesso-descricao { margin: 0; color: #6a768a; font-size: 13px; }
.siga-login-duas-colunas #tituloLogin {
    margin: 0 0 23px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 650;
    letter-spacing: -.025em;
}
.siga-login-duas-colunas .siga-acesso-campo { margin-bottom: 20px; }
.siga-login-duas-colunas .siga-acesso-campo label {
    display: block;
    margin: 0 0 8px;
    color: #36435a;
    font-size: 13px;
    font-weight: 550;
}
.siga-login-duas-colunas .siga-acesso-input { position: relative; }
.siga-login-duas-colunas .siga-acesso-input input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 12px 14px 12px 44px;
    color: #18263a;
    background: #fff;
    border: 1px solid #dbe2ec;
    border-radius: 9px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.siga-login-duas-colunas .siga-acesso-input input:hover { border-color: #b8c5d8; }
.siga-login-duas-colunas .siga-acesso-input input:focus {
    border-color: #214ecf;
    box-shadow: 0 0 0 3px rgba(33, 78, 207, .13);
    outline: 0;
}
.siga-login-duas-colunas .siga-acesso-input-senha input { padding-right: 50px; }
.siga-login-duas-colunas .siga-acesso-icone {
    position: absolute;
    left: 15px;
    top: 16px;
    width: 18px;
    height: 18px;
    color: #77859b;
    pointer-events: none;
}
.siga-login-duas-colunas .siga-acesso-ver-senha {
    position: absolute;
    top: 3px;
    right: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: #718096;
    background: transparent;
    border: 0;
    border-radius: 7px;
}
.siga-login-duas-colunas .siga-acesso-ver-senha svg { width: 19px; height: 19px; }
.siga-login-duas-colunas .siga-acesso-ver-senha:hover { color: #214ecf; background: #f1f5fe; }
.siga-login-duas-colunas .siga-acesso-ver-senha .siga-olho-fechado { display: none; }
.siga-login-duas-colunas .siga-acesso-ver-senha[aria-pressed="true"] .siga-olho-aberto { display: none; }
.siga-login-duas-colunas .siga-acesso-ver-senha[aria-pressed="true"] .siga-olho-fechado { display: block; }
.siga-login-duas-colunas .siga-acesso-enviar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 49px;
    margin-top: 6px;
    padding: 12px 20px;
    border: 1px solid #214ecf;
    border-radius: 9px;
    color: #fff;
    background: #214ecf;
    box-shadow: 0 4px 9px rgba(33, 78, 207, .12);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    transition: background .15s ease;
}
.siga-login-duas-colunas .siga-acesso-enviar svg { width: 19px; height: 19px; }
.siga-login-duas-colunas .siga-acesso-enviar:hover { background: #1b41b1; border-color: #1b41b1; }
.siga-login-duas-colunas .siga-acesso-enviar:disabled { opacity: .7; cursor: wait; }
.siga-login-duas-colunas .siga-acesso-cadastro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 26px;
    color: #68758a;
    font-size: 13px;
}
.siga-login-duas-colunas .siga-acesso-cadastro a { color: #214ecf; font-weight: 600; text-decoration: none; }
.siga-login-duas-colunas .siga-acesso-cadastro a:hover { text-decoration: underline; }
.siga-login-duas-colunas .siga-acesso-ver-senha:focus-visible,
.siga-login-duas-colunas .siga-acesso-enviar:focus-visible,
.siga-login-duas-colunas a:focus-visible {
    outline: 3px solid #92b0ff;
    outline-offset: 3px;
}
.siga-login-duas-colunas .siga-login-pular {
    position: absolute;
    top: -90px;
    left: 12px;
    z-index: 1065;
    padding: 10px 14px;
    border-radius: 6px;
    background: #fff;
    color: #214ecf;
}
.siga-login-duas-colunas .siga-login-pular:focus { top: 12px; }
/* Os avisos continuam usando o modal central do sistema, também com rolagem. */
.siga-login-duas-colunas #modalMensagemSistema { overflow-y: auto; }
.siga-login-duas-colunas #modalMensagemSistema .modal-content { border: 1px solid #e2e8f0; border-radius: 16px; }
.siga-login-duas-colunas #modalMensagemSistema .modal-body { overflow-wrap: anywhere; }
/* Ícones locais: nenhum arquivo de fonte é necessário para os avisos do login. */
.siga-login-duas-colunas #modalMensagemSistema .siga-modal-icone .bi { font-style: normal; font-family: inherit; }
.siga-login-duas-colunas #modalMensagemSistema .bi-x-circle::before { content: "×"; }
.siga-login-duas-colunas #modalMensagemSistema .bi-check-circle::before { content: "✓"; }
.siga-login-duas-colunas #modalMensagemSistema .bi-exclamation-triangle::before { content: "!"; }
.siga-login-duas-colunas #modalMensagemSistema .bi-info-circle::before { content: "i"; }

@media (max-width: 1050px) and (min-width: 761px) {
    .siga-login-duas-colunas .siga-acesso { grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr); }
    .siga-login-duas-colunas .siga-acesso-painel { padding: 32px; }
    .siga-login-duas-colunas .siga-acesso-chamada { left: 30px; right: 24px; bottom: 36px; }
    .siga-login-duas-colunas .siga-acesso-chamada h2 { font-size: 34px; }
}
@media (min-width: 761px) and (max-height: 720px) {
    .siga-login-duas-colunas .siga-acesso-painel { padding-block: 25px; }
    .siga-login-duas-colunas .siga-acesso-marca { margin-bottom: 25px; }
    .siga-login-duas-colunas .siga-identidade-login,
    .siga-login-duas-colunas .siga-logo-login { width: 102px; height: 102px; }
    .siga-login-duas-colunas #tituloLogin { margin-bottom: 19px; }
}
@media (max-width: 760px) {
    .siga-login-duas-colunas .siga-acesso { grid-template-columns: minmax(0, 1fr); }
    .siga-login-duas-colunas .siga-acesso-visual { height: 136px; min-height: 0; }
    .siga-login-duas-colunas .siga-acesso-fotografia img { object-position: 50% 52%; }
    .siga-login-duas-colunas .siga-acesso-sobreposicao { background: rgba(8, 26, 52, .15); }
    .siga-login-duas-colunas .siga-acesso-chamada { display: none; }
    .siga-login-duas-colunas .siga-acesso-painel { padding: 27px 24px 34px; align-items: flex-start; }
    .siga-login-duas-colunas .siga-acesso-marca { margin-bottom: 26px; }
    .siga-login-duas-colunas .siga-identidade-login,
    .siga-login-duas-colunas .siga-logo-login { width: 94px; height: 94px; }
    .siga-login-duas-colunas .siga-identidade-login { margin-bottom: 12px; }
    .siga-login-duas-colunas .siga-acesso-produto { font-size: 25px; }
    .siga-login-duas-colunas #tituloLogin { font-size: 22px; }
    .siga-login-duas-colunas .siga-acesso-input input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .siga-login-duas-colunas * { transition: none !important; }
}

/* Recuperação de senha: as três telas de acesso compartilham a mesma identidade. */
.siga-login-duas-colunas .siga-acesso-label-linha { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 8px; }
.siga-login-duas-colunas .siga-acesso-label-linha label { margin: 0; }
.siga-login-duas-colunas .siga-acesso-esqueceu { color: #214ecf; font-size: 12px; font-weight: 550; text-decoration: none; }
.siga-login-duas-colunas .siga-acesso-esqueceu:hover { text-decoration: underline; }
.siga-login-duas-colunas .siga-acesso-orientacao { color: #68758a; font-size: 13px; line-height: 1.6; margin: -10px 0 24px; }
.siga-login-duas-colunas .siga-acesso-link-botao { text-decoration: none; }
.siga-login-duas-colunas .siga-acesso-antispam { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(100%); pointer-events: none; }