/* Estilo para todos os logos */
        .logo-icon {
            background-color: #fff;
            padding: 7px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            width: 100%; /* Responsivo */
            object-fit: contain; /* Ajusta a imagem para caber no container */
        }

        /* Ajuste específico para o logo da Omint */
        .logo-icon.omint {
            width: 90%; /* Ajusta a largura proporcionalmente */
            height: auto; /* Mantém a proporção */
            max-height: 100%; /* Garante que não ultrapasse o container */
        }

        /* --- Adições para Responsividade --- */

        /* Ajuste para telas menores: garantir que o formulário ocupe mais espaço */
        @media (max-width: 991.98px) { /* Abaixo de 'lg' */
            .w-lg-500px {
                width: 100% !important; /* Ocupa a largura total na tela pequena */
                max-width: 500px; /* Mantém um limite máximo para telas médias/grandes */
            }

            /* Centraliza o wrapper do formulário em telas menores */
            .d-flex.flex-center.flex-column.flex-lg-row-fluid {
                padding: 0 15px; /* Adiciona algum padding nas laterais */
            }

            /* Remove o padding excessivo no corpo em telas menores */
            .d-flex.flex-column.flex-lg-row-fluid.w-lg-50.p-10.order-2.order-lg-1 {
                padding: 20px !important; /* Padding reduzido para telas pequenas */
            }
        }

        /* Melhoria na exibição da grade de logos em telas pequenas (mobile) */
        /* Força a grade de logos a ter um número fixo de colunas em telas muito pequenas (xs) */
        .logo-grid-mobile .col-4 {
            flex: 0 0 auto;
            width: 33.333333%; /* 3 colunas por linha em telas muito pequenas */
        }

        @media (min-width: 576px) { /* sm */
            .logo-grid-mobile .col-sm-3 {
                width: 25%; /* 4 colunas por linha */
            }
        }

        @media (min-width: 768px) { /* md */
            .logo-grid-mobile .col-md-2 {
                width: 16.666667%; /* 6 colunas por linha */
            }
        }

        @media (min-width: 992px) { /* lg */
            .logo-grid-mobile .col-lg-1 {
                width: 8.333333%; /* 12 colunas por linha */
            }
        }

        /* Botão de login: opaco/travado enquanto aguarda o Cloudflare Turnstile,
           "acende" com uma leve animação assim que o token fica pronto. */
        #btnLoginSubmit {
            transition: opacity 0.35s ease, filter 0.35s ease, box-shadow 0.35s ease;
        }
        #btnLoginSubmit:disabled {
            opacity: 0.55;
            filter: grayscale(35%);
            cursor: not-allowed;
        }
        #btnLoginSubmit.btn-turnstile-pronto {
            animation: btnTurnstileAcende 0.7s ease;
        }
        @keyframes btnTurnstileAcende {
            0%   { box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.55); }
            70%  { box-shadow: 0 0 0 10px rgba(var(--bs-primary-rgb), 0); }
            100% { box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0); }
        }

        /* --- Seletor de perfil de acesso (cartões): a pessoa escolhe PF / PJ /
           Corporativo antes de ver o formulário. Mesmo comportamento da versão
           "brand carousel" do login; só o seletor mudou, o resto da tela é o mesmo. */
        .acesso-perfil {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
        }
        .acesso-perfil .access-choice {
            min-height: 150px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
            padding: 16px;
            border: 1px solid var(--bs-gray-300, #dbdfe9);
            border-radius: 14px;
            background: var(--bs-body-bg, #ffffff);
            color: var(--bs-gray-900, #181c32);
            text-align: left;
            cursor: pointer;
            transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, transform .14s ease;
        }
        .acesso-perfil .access-choice:hover {
            border-color: var(--bs-primary, #009ef7);
            background: var(--bs-primary-light, #f1faff);
            transform: translateY(-1px);
        }
        .acesso-perfil .access-choice[aria-pressed="true"] {
            border-color: var(--bs-primary, #009ef7);
            background: var(--bs-primary-light, #f1faff);
            box-shadow: inset 0 0 0 1px var(--bs-primary, #009ef7);
        }
        .acesso-perfil .choice-icon {
            width: 40px;
            height: 40px;
            display: grid;
            place-items: center;
            border-radius: 10px;
            background: var(--bs-primary-light, #f1faff);
            color: var(--bs-primary, #009ef7);
        }
        .acesso-perfil .choice-icon svg { width: 22px; height: 22px; fill: currentColor; }
        .acesso-perfil .choice-copy { display: grid; gap: 3px; }
        .acesso-perfil .choice-copy strong { font-size: .95rem; font-weight: 600; }
        .acesso-perfil .choice-copy small { color: var(--bs-gray-600, #7e8299); font-size: .8rem; line-height: 1.4; }

        .choice-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 14px 0 0;
            padding: 18px;
            border: 1px dashed var(--bs-gray-300, #dbdfe9);
            border-radius: 12px;
            background: var(--bs-gray-100, #f9f9f9);
            color: var(--bs-gray-600, #7e8299);
            text-align: center;
            font-size: .9rem;
        }
        .choice-placeholder svg { width: 20px; height: 20px; flex: 0 0 auto; fill: currentColor; }

        @media (max-width: 575.98px) {
            .acesso-perfil { grid-template-columns: 1fr; }
            .acesso-perfil .access-choice { min-height: 0; flex-direction: row; align-items: center; }
        }

    
.oracle-aside {background-image:url(/login-theme/auth-bg.png)}
.brand-link img {max-width:100%;height:auto}
.oracle-spacer {display:block;width:0;height:19.5px}
.preview-remember:disabled {opacity:1}
.preview-remember:disabled~.form-check-label {opacity:1}

.logo-icon {aspect-ratio:1}

.brand-link {color:inherit}
.verification-space {display:table;height:100%;width:100%}
.verification-cell {display:table-cell;vertical-align:middle;text-align:center}