@layer GOVBREstilosPortalAcessoHome {
    .govbr-portalacesso-frame .govbr-portal-acesso-login-cabecalho,
    .govbr-portalacesso-frame .govbr-portal-acesso-login-rodape {
        display: none;
    }

    .govbr-portalacesso-frame .govbr-portal-acesso-login-portais {
        visibility: hidden;
    }

    .govbr-portal-acesso-login-main {
        --cor-fundo-container-login: #ffffffdd;

        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
    }

    .govbr-portal-acesso-login-cabecalho {
        background: var(--cor-fundo-container-login);
    }

    .govbr-portal-acesso-login-conteudo-cell {
        display: contents;
    }

    .govbr-portal-acesso-login-conteudo {
        flex-grow: 1;
        padding: 0 9%;
        overflow: hidden auto;
        flex-wrap: nowrap;
    }

    .govbr-portal-acesso-login-descricao,
    .govbr-portal-acesso-login-login {
        flex: 0 0 auto;
        max-width: 38rem;
        max-height: 44rem;
        height: 100%;
        overflow: auto;
    }

    .govbr-portal-acesso-esqueci-senha {
        max-height: 28rem;
    }

    .govbr-portal-acesso-alterar-senha {
        max-height: 35rem;
    }

    .govbr-portal-acesso-login-descricao > :first-child,
    .govbr-portal-acesso-login-login > :first-child {
        margin-top: auto;
    }

    .govbr-portal-acesso-login-descricao > :last-child,
    .govbr-portal-acesso-login-login > :last-child {
        margin-bottom: auto;
    }

    .govbr-portal-acesso-login-descricao {
        color: #333;
        padding: 0rem 3rem;
    }

    .govbr-portal-acesso-login-descricao-titulo {
        line-height: 1;
        display: block;
        margin: 2rem 0;
        font-size: 1.8rem;
        font-weight: bold;
        text-align: justify;
    }

    .govbr-portal-acesso-login-descricao-subtitulo {
        line-height: 1;
        display: block;
        margin: 1rem 0;
        text-align: justify;
    }

    .govbr-portal-acesso-login-descricao-conteudo {
        line-height: 1;
        display: block;
        margin: 1rem 0;
        text-align: justify;
    }

    .govbr-portal-acesso-login-portais {
        margin-top: auto;
        margin-bottom: auto;
        flex: 0 0 auto;
    }

    .govbr-portal-acesso-botao-acessos {
        width: 300px !important;
        height: 40px;
        margin: 2px;
        color: #ffffff;
        border: 1px solid var(--colors_basecolor);
        --gradiente-bg: linear-gradient(90deg, var(--colors_basecolor), #0585c5);
        text-shadow:
            1px 1px var(--colors_actionborder_and_focuscolor),
            1px -1px var(--colors_actionborder_and_focuscolor),
            -1px 1px var(--colors_actionborder_and_focuscolor),
            -1px -1px var(--colors_actionborder_and_focuscolor);
        background: radial-gradient(
                circle at 10px -2px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 6px,
                var(--colors_actionborder_and_focuscolor),
                transparent 8px
            ),
            radial-gradient(
                circle at 20px 20px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 3px,
                var(--colors_actionborder_and_focuscolor),
                transparent 5px
            ),
            radial-gradient(
                circle at 40px 5px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 10px,
                var(--colors_actionborder_and_focuscolor),
                transparent 12px
            ),
            radial-gradient(
                circle at 35px 37px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 7px,
                var(--colors_actionborder_and_focuscolor),
                transparent 9px
            ),
            radial-gradient(
                circle at 5px 25px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 5px,
                var(--colors_actionborder_and_focuscolor),
                transparent 7px
            ),
            var(--gradiente-bg);
        font-size: 15px;
        transition: filter 0.5s;
    }

    .govbr-portal-acesso-botao-acessos-transparencia {
        background: radial-gradient(
                circle at 35px -5px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 6px,
                var(--colors_actionborder_and_focuscolor),
                transparent 8px
            ),
            radial-gradient(
                circle at 40px 25px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 3px,
                var(--colors_actionborder_and_focuscolor),
                transparent 5px
            ),
            radial-gradient(
                circle at 25px 40px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 10px,
                var(--colors_actionborder_and_focuscolor),
                transparent 12px
            ),
            radial-gradient(
                circle at 10px 18px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 7px,
                var(--colors_actionborder_and_focuscolor),
                transparent 9px
            ),
            radial-gradient(
                circle at 30px 12px,
                var(--colors_actionborder_and_focuscolor) 2px,
                transparent 3px,
                transparent 5px,
                var(--colors_actionborder_and_focuscolor),
                transparent 7px
            ),
            var(--gradiente-bg);
    }

    .govbr-portal-acesso-botao-acessos:hover {
        filter: brightness(1.15);
    }

    .govbr-portal-acesso-login-login {
        background: var(--cor-fundo-container-login);
        box-shadow: 0px 0px 1rem #00000022;
        border: 1px solid var(--colors_gray05);
        border-radius: 0.75rem;
        padding: 1rem 2.5rem;
    }

    .govbr-portal-acesso-login-titulo {
        display: block;
        color: var(--colors_actionborder_and_focuscolor);
        font-size: 2rem;
        white-space: nowrap;
        margin: 0 0 0.5rem 0;
    }

    .govbr-portal-acesso-login-subtitulo {
        display: block;
        margin: 0.5rem 0 1rem 0;
        text-align: justify;
        color: #333;
    }

    .govbr-portal-acesso-login-login .Attribute.gx-radio-button.btn-group {
        display: flex;
        max-height: initial;
        padding: 0;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }

    .govbr-portal-acesso-login-login .Attribute > .gx-radio-label,
    .govbr-portal-acesso-login-login .AttributeFL > .gx-radio-label {
        color: var(--colors_basecolor);
        border-color: var(--colors_basecolor);
        outline: 0;
        width: auto;
        float: none;
        flex-grow: 1;
        box-shadow: none;
    }

    .govbr-portal-acesso-login-login .Attribute > .gx-radio-label.active,
    .govbr-portal-acesso-login-login .AttributeFL > .gx-radio-label.active {
        background-color: var(--colors_basecolor);
        color: white;
    }

    .govbr-portal-acesso-login-login .Attribute > .gx-radio-label:hover,
    .govbr-portal-acesso-login-login .AttributeFL > .gx-radio-label:hover {
        background-color: var(--colors_basecolor10);
        border-color: var(--colors_actionborder_and_focuscolor);
    }

    .govbr-portal-acesso-login-login .Attribute > .gx-radio-label.active:hover,
    .govbr-portal-acesso-login-login .AttributeFL > .gx-radio-label.active:hover {
        background-color: var(--colors_actionborder_and_focuscolor);
    }

    .govbr-portal-acesso-login-cpf-cell::before {
        content: '\f007';
    }

    .govbr-portal-acesso-login-email-cell::before {
        content: '\f0e0';
    }

    .govbr-portal-acesso-login-senha-cell::before {
        content: '\f023';
    }

    .govbr-portal-acesso-login-cpf-cell,
    .govbr-portal-acesso-login-senha-cell,
    .govbr-portal-acesso-login-email-cell {
        position: relative;
        margin-top: 0.5rem;
    }

    .govbr-portal-acesso-login-cpf-cell:before,
    .govbr-portal-acesso-login-senha-cell:before,
    .govbr-portal-acesso-login-email-cell:before {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'font awesome 5 free';
        font-size: var(--fontsizes_font-icon-s);
        color: var(--colors_actionborder_and_focuscolor);
        font-weight: 900;
        height: 100%;
        width: 3rem;
        pointer-events: none;
    }

    .govbr-portal-acesso-login-cpf,
    .govbr-portal-acesso-login-senha,
    .govbr-portal-acesso-login-email {
        display: inline-block;
        background-color: transparent;
        color: var(--colors_actionborder_and_focuscolor);
        border: 1px solid var(--colors_actionborder_and_focuscolor);
        box-shadow: none;
        font-weight: bold;
        margin: 0;
        max-width: none;
        padding-left: 3rem;
        text-decoration: none;
        text-indent: 0;
    }

    .govbr-portal-acesso-login-cpf::placeholder,
    .govbr-portal-acesso-login-senha::placeholder,
    .govbr-portal-acesso-login-email::placeholder {
        color: var(--colors_basecolor);
        opacity: 0.6;
    }

    .govbr-portal-acesso-login-acoes {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .govbr-portal-acesso-login-entrar {
        background-color: var(--colors_basecolor10);
        color: var(--colors_basecolor);
        font-weight: bold;
    }

    .govbr-portal-acesso-login-entrar,
    .govbr-portal-acesso-login-entrar:hover {
        border-color: var(--colors_actionborder_and_focuscolor);
    }

    .govbr-portal-acesso-login-entrar:hover {
        background-color: var(--colors_basecolor);
        color: var(--colors_databackgroundcolor);
    }

    .govbr-portal-acesso-login-texto {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 0.5rem;
        font-size: 1.3rem;
        background: var(--colors_databackgroundcolor);
    }

    .govbr-portal-acesso-login-outros {
        padding: 1rem 1rem 0.5rem 1rem;
        margin-top: -1rem;
        border: 1px solid var(--colors_gray04);
        background: var(--colors_databackgroundcolor);
        border-radius: 0.5rem;
        gap: 0.5rem;
    }

    .govbr-portal-acesso-login-outros-opcao {
        width: calc(50% - 0.5rem);
        flex: 0 0 125px;
    }

    .govbr-portal-acesso-login-outros-opcao:hover {
        border-radius: 0.25rem;
        background: var(--colors_gray04);
    }

    .govbr-portal-acesso-login-govbr-logo,
    .govbr-portal-acesso-login-ad-logo {
        margin: 0.25rem 0 0.2rem 0;
        height: 3rem;
        max-width: 100%;
    }

    .govbr-portal-acesso-login-ad-logo {
        margin: 0.5rem 0 0.45rem 0;
        height: 2.5rem;
    }

    .govbr-portal-acesso-login-outros-opcao-texto {
        display: block;
        width: 9rem;
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
        line-height: 0.8;
        text-align: center;
        color: var(--colors_gray07);
    }

    .govbr-portal-acesso-login-esqueci-senha {
        display: block;
        margin: 0.5rem 0 0 0;
    }

    .govbr-portal-acesso-login-conteudo-cliente {
        color: var(--colors_gray08);
        background: var(--cor-fundo-container-login);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        white-space: normal;
        max-height: 10rem;
        overflow: auto;
    }

    .govbr-portal-acesso-login-conteudo-cliente p {
        margin: 0.25rem 0;
    }

    .govbr-portal-acesso-login-rodape .govbr-rodape-govbr {
        height: auto;
    }

    .govbr-rodape-textos-container {
        margin-right: 5rem;
        line-height: 1;
        text-wrap: pretty;
    }

    .govbr-rodape-textos-container .govbr-rodape-texto:last-child {
        display: inline-block;
        margin-left: 0.5rem;
    }

    .govbr-rodape-texto {
        color: var(--colors_databackgroundcolor);
    }

    @media (max-height: 600px) {
        body:not(.govbr-portalacesso-frame) .govbr-portal-acesso-login-login {
            box-shadow: none;
            border-radius: 0;
            border-top: none;
            border-bottom: none;
        }

        body:not(.govbr-portalacesso-frame) .govbr-portal-acesso-login-cabecalho {
            border-bottom: 1px solid var(--colors_gray05);
        }
        body:not(.govbr-portalacesso-frame) .govbr-portal-acesso-login-conteudo-cliente {
            border-top: 1px solid var(--colors_gray05);
        }
    }

    @media (max-width: 835px) {
        .govbr-portal-acesso-login-conteudo {
            flex-direction: column !important;
            padding: 0;
        }

        .govbr-portal-acesso-login-descricao,
        .govbr-portal-acesso-login-login {
            padding: 0 5rem;
            max-width: 42rem;
            height: auto;
        }

        .govbr-portal-acesso-login-login {
            background: none;
            box-shadow: none;
            border: none;
            border-radius: 0;
            border-top: 1px solid var(--colors_gray05);
        }

        .govbr-portal-acesso-login-descricao-titulo,
        .govbr-portal-acesso-login-descricao-subtitulo,
        .govbr-portal-acesso-login-descricao-conteudo {
            margin: 0.5rem 0;
            font-size: 1.3rem;
        }

        .govbr-portal-acesso-login-titulo,
        .govbr-portal-acesso-login-subtitulo {
            margin: 0.5rem 0;
            margin-bottom: 0;
        }

        .govbr-portal-acesso-login-cabecalho {
            border-bottom: 1px solid var(--colors_gray05);
        }

        .govbr-portal-acesso-login-conteudo-cliente {
            border-top: 1px solid var(--colors_gray05);
        }

        .govbr-rodape-textos-container {
            margin-right: 0;
        }

        .govbr-rodape-textos-container .govbr-rodape-texto:last-child {
            display: block;
        }
    }

    @media (max-width: 450px) {
        .govbr-logo-login-cell,
        .govbr-rodape-govbr::before {
            display: none !important;
        }
    }

    @media (max-width: 420px) {
        .govbr-portal-acesso-login-descricao,
        .govbr-portal-acesso-login-login {
            max-width: 100%;
        }
    }
}
