html {
    font-family: "Bradesco";
}

/* Text Red */
.text-red {
    color: #CC092F !important;
}

/* Captcha */
#captchaGoogle iframe {
    width: auto;
    height: auto;
}

/* Radio Button */
input[type="radio"] {
    cursor: pointer;
    -webkit-appearance: none;
    outline: auto;
    outline-width: 1px;
    outline-color: #076aff;
    border: 5px solid #FFF;
    background-color: #FFF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-color: #076aff;
}

/* Header */
body>header {
    margin-top: 40px;
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 1rem;

    background: #ffffff 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #000;
}
/* Header */

section.simulador {
    display: grid;
    grid-template-columns: 590px 1fr;
    height: 1260px;
}

/*section.simulador article {
    background-image: url("https://assets.bradesco/content/dam/portal-bradesco/assets/classic/img/produtos-servicos/emprestimos-e-financiamentos/encontre-seu-credito/simuladores-imoveis/banner-simulador.png");
    background-image: -webkit-image-set(url("https://assets.bradesco/content/dam/portal-bradesco/assets/classic/img/produtos-servicos/emprestimos-e-financiamentos/encontre-seu-credito/simuladores-imoveis/banner-simulador.webp") 1x);
    background-repeat: no-repeat;
    background-size: contain;
} */

section.simulador article picture img {
    width: 100%;
}

section.simulador aside {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 40px;
    height: 1190px;
    max-height: 1700px;
    overflow-y: scroll;
}

section.simulador aside::-webkit-scrollbar {
    width: 5px;
}

/* Breadcrumb */

section.breadcrumb {
    display: flex;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    padding: initial;
    margin-bottom: initial;
    list-style: initial;
    background-color: initial;
    border-radius: initial;
}

section.breadcrumb ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: initial;
}

section.breadcrumb ul li::after {
    content: ">";
    margin-left: 0.5rem;
}

section.breadcrumb ul li:last-child:after {
    display: none;
}

section.breadcrumb ul li a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}

/* Breadcrumb */

/* Formulário */

section.formulario {
    display: flex;
    flex-direction: column;
    width: 572px;
}

section.formulario header {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 40px;
    margin-bottom: 32px;
}

section.formulario header h2 {
    font-size: 22px;
    text-align: left;
    font-weight: bold;
    font-family: "Bradesco";
}

section.formulario header .line {
    width: 66px;
    height: 2px;
    background-color: #cc092f;
}

section.formulario form {
    display: flex;
    width: 100%;
    flex-direction: column;
}

section .informacao {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background-color: #ebf0ff;
    border: 1px solid #142dfb33;
    border-radius: 4px;
    margin-bottom: 32px;
}

section #card-info-date.informacao {
    display: none;
    font-size: 14px;
}

section #card-alerta.informacao {
    display: none;
    justify-content: start;
    align-items: self-start;
    color: #47484C;
    background-color: #FEFBD5;
    border: 1px solid #FFBC0033;
    margin: 32px 0;
    font-size: 14px;
    margin: 0 0 20px 0;
    border-radius: 8px;
}

section #card-alerta.informacao picture {
    margin-right: 20px;
}

section #card-erro.informacao {
    display: none;
    color: #47484C;
    background-color: #FCE7EC;
    border: 1px solid #CC0A2F33;
    margin: 32px 0;
    font-size: 14px;
}

section #card-info-date.informacao strong,
section #card-alerta.informacao strong,
section #card-erro.informacao strong {
    color: #000;
    font-size: 16px;
    line-height: 32px;
}

section .informacao a {
    color: #076aff;
    text-decoration: underline;
    font-weight: bold;
}

section .informacao h2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

form .campos-formulario {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

form .campos-formulario .form-grupo {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

form .campos-formulario .form-grupo #buttonsTipoUsoImovel {
    display: flex;
    flex-direction: column;
}

form .campos-formulario .form-grupo #buttonsTipoUsoImovel label {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

form .campos-formulario .form-grupo #buttonsTipoUsoImovel label span {
    margin-left: 10px;
}

.form-grupo.tipoUsoImovel {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.form-grupo.tipoUsoImovel p {
    font-family: "Bradesco Sans SemiBold";
    font-size: 16px;
}

form .campos-formulario .form-grupo .btnTipoUsoImovel {
    all: unset;
    background-color: #FFF;
    border: 1px solid #3B69FF;
    color: #3B69FF;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 30px;
    padding: .5rem;
    width: 100px;
    display: none;
    align-items: center;
    justify-content: center;
}

form .campos-formulario .form-grupo .btnTipoUsoImovel.active {
    background-color: #3B69FF;
    color: #FFF;
}

form .campos-formulario .form-grupo input[type="radio"]+span.radio-text {
    all: unset;
    margin-top: initial !important;
    color: #000 !important;
    font-weight: 400;
}

form .campos-formulario .form-grupo input[type="text"] {
    border: initial;
    border-bottom: 1px solid #00000024;
    background-color: #fff;
    padding: 0.5rem;
    width: 100%;
    height: 55px;
    font-weight: 500;
}

form .campos-formulario .form-grupo input[type="text"]:focus,
form .campos-formulario .form-grupo input[type="text"]:active {
    /* background-color: #7d9afb26; */
    font-weight: 500;
    padding-top: 1.5rem;
    color: #000;
}

form .campos-formulario .form-grupo input[type="text"]:disabled {
    padding-top: .5rem;
    cursor: not-allowed;
    /* background: #7d9afb26; */
}

form .campos-formulario .form-grupo input[name="dataNascimento"] {
    cursor: pointer;
}

form .campos-formulario .form-grupo input[type="text"]::-webkit-input-placeholder {
    color: #0007;
}

form .campos-formulario .form-grupo input[name="valorImovel"]::-webkit-input-placeholder {
    color: #1f1f1f;
    font-weight: bold;
}

form .campos-formulario .form-grupo span {
    color: #6d6e71;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
}

form .campos-formulario .form-grupo span.icon-check {
    width: 16px;
    height: 16px;
    position: relative;
    right: -95%;
    top: -45px;
    background-repeat: no-repeat;
    background-size: cover;
}

form .campos-formulario .form-grupo.dataNascimento span.icon-check {
    width: 16px;
    height: 16px;
    position: relative;
    right: -90%;
    top: -50px;
    background-repeat: no-repeat;
    background-size: cover;
}

form .campos-formulario .form-grupo span.icon-calendar {
    width: 16px;
    height: 16px;
    position: relative;
    right: -95%;
    top: -85px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://assets.bradesco/content/dam/portal-bradesco/assets/classic/img/produtos-servicos/emprestimos-e-financiamentos/encontre-seu-credito/simuladores-imoveis/icon-calendario.svg);
}

form .campos-formulario .form-grupo span.icon-check.erro {
    background-image: url(https://assets.bradesco/content/dam/portal-bradesco/assets/classic/img/produtos-servicos/emprestimos-e-financiamentos/encontre-seu-credito/simuladores-imoveis/icon-erro.svg);
}

form .campos-formulario .form-grupo span.icon-check.checked {
    background-image: url(https://assets.bradesco/content/dam/portal-bradesco/assets/classic/img/produtos-servicos/emprestimos-e-financiamentos/encontre-seu-credito/simuladores-imoveis/icon-check.svg);
}

form .campos-formulario .form-grupo span.placeholder {
    display: none;
    position: relative;
    bottom: 3.2rem;
    left: 0.5rem;
    font-weight: 600;
    height: 0;
}

section.formulario .btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
    gap: 16px;
}

.btn-acessar-conta {
    width: 156px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50px;
    cursor: pointer;
}

.btn-acessar-conta a {
    color: #cc092f;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}


.font-14 {
    font-size: 12px;
}

.font-16 {
    font-size: 14px;
}

.btn {
    all: unset;
    padding: initial !important;
}

.btn.btn-submit {
    background-color: grey;
    color: #fff;
    width: 102px;
    height: 48px;
    text-align: center;
    border-radius: 55px;

    font-size: 14px;
    font-family: "Bradesco Sans";
    font-weight: 700;

    cursor: not-allowed;
}

.btn.btn-submit.active {
    cursor: pointer;
    background-color: #cc092f;
}


.btn.btn-link {
    color: #3b69ff;
    font-family: "Bradesco Sans Semibold";
    cursor: pointer;
}

/* Formulário */

/* Acessar APP */

section.app-section .mobile {
    display: none;
}

section.app-section {
    position: fixed;
    bottom: 0;
    width: 100%;
}

section.app-section .desk {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;

    padding: 0 1rem;
    height: 90px;
    background: transparent linear-gradient(266deg, #b81570 0%, #b81570 5%, #cc092f 95%, #cc092f 100%) 0% 0% no-repeat padding-box;
}

section.app-section .desk .divisor {
    width: 1px;
    height: 52px;
    background-color: #fff;
}

section.app-section .desk .app-nao-cliente,
section.app-section .desk .app-cliente {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;

    color: #fff;
    font-family: "Bradesco Sans SemiBold";
}

/* Acessar APP */

/* Section Carregamento */

section .carregamento {
    position: absolute;
    width: 100vw;
    height: 80vw;
    background-color: #fff;
    left: 0;
    top: 95px;
}

section .carregamento .animacao-loading {
    width: 100%;
    height: 100vh;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding-top: 250px;
}

section .carregamento .animacao-loading #loading {
    width: 50px;
    height: 50px;
    position: relative;
    /* background-color: #000; */
}


section .carregamento .animacao-loading #loading img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

/* Section Carregamento */

/* Section erro */

section.erro {
    display: none;
    position: absolute;
    justify-content: center;
    width: 100vw;
    height: 100vw;
    background-color: gray;
    left: 0;
    top: 95px;
    padding-top: 50px;
}

section.erro .container {
    width: 576px;
    height: 520px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 1rem;
}

section.erro .container header {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-end;
}

section.erro .container section.conteudo {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

section.erro .container section.conteudo .titulo {
    font-size: 20px;
    font-family: "Bradesco";
    color: #000;
    font-weight: 600;
}

section.erro .container section.conteudo .subtitulo {
    font-size: 14px;
    font-family: "Bradesco";
    color: #000;
    font-weight: 600;
}

section.erro .container section.conteudo a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 40px;

    margin-top: 2rem;
    border-radius: 50px;

    font-family: "Bradesco";
    color: #fff;
    background-color: #CC092F;
    font-size: 14px;
    font-weight: 600;
}

section.erro .container section.conteudo a.btn:hover,
section.erro .container section.conteudo a.btn:focus {
    opacity: .8;
}

/* Section erro */

/* Section Simulação */

section.simulacao {
    display: none;
    flex-direction: column;
}

section.simulacao .informacao {
    margin-bottom: 40px;
}

section.simulacao header {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    margin-top: 40px;
}

section.simulacao .dados-proposta {
    width: 100%;
    display: flex;
    flex-direction: column;
}

section.simulacao .dados-proposta h2 {
    font-size: 22px;
    font-family: "Bradesco Sans";
    font-weight: 600;
    color: #000;
    margin-bottom: 40px;
}

section.simulacao .dados-proposta .informacoes h3 {
    font-size: 16px;
    color: #000;
    font-family: "Bradesco Sans";
    font-weight: 700;
}

section.simulacao .dados-proposta .proposta .titulo h3 {
    font-size: 16px;
    font-family: "Bradesco Sans";
}

div>a>picture>img {
    top: -4px;
}

section.simulacao .dados-proposta .proposta .detalhes {
    border: 1px solid #D9DCDD;
}

section.simulacao .dados-proposta .detalhes {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    background: #ffffff;
    border-radius: 8px;
    margin-top: 16px;
    padding: 1rem;
}

section.simulacao .dados-proposta .detalhes .explicacao {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    background: #F0F1F5;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

section.simulacao .dados-proposta .detalhes .explicacao h2 {
    margin-bottom: initial;
}

section.simulacao .dados-proposta .detalhes .explicacao p {
    font-size: 14px;
}

section.simulacao .dados-proposta .detalhes .modalidades {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3px 1fr;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #F0F1F5;
}

section.simulacao .dados-proposta .detalhes .detalhes-linha {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

section.simulacao .dados-proposta .detalhes .card {
    min-width: 175px;
    border: initial;
}

section.simulacao .dados-proposta .detalhes .card .titulo-card {
    font-size: 16px;
}

section.simulacao .dados-proposta .detalhes .card .titulo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #47484C;
}

section.simulacao .dados-proposta .detalhes .card .detalhe {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: bold;
    color: #000;
}

section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    padding: 0;
}

section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes .card .link {
    color: #3B69FF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes .separador {
    width: .5px;
    height: 450px;
    background-color: #F0F1F5;
}

/* Section Simulação */

/* Nova simulacao */

.nova-simulacao {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 70px;
    padding: 2rem 0;
}

.nova-simulacao a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 48px;
    padding: 1rem 2rem;
    background-color: #cc092f;
    border-radius: 48px;
    font-weight: 600;
    color: #fff;
}

.nova-simulacao a.btn:hover {
    background-color: #cc092f;
    opacity: .8;
}

.nova-simulacao .link-voltar {
    color: #3B69FF;
    font-weight: 600;
    cursor: pointer;
}

.nova-simulacao .link-voltar:hover {
    opacity: .8;
}

/* Nova simulacao */

/* Modal */

#modal {
    position: absolute;
    top: 0px;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #fff;
    padding: 122px 100px;
    z-index: 1000;
    top: 0;
    border: initial;
}

#modal header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 3px solid #cc092f;
    padding-bottom: 1rem;
}

#modal header img {
    width: 220px;
    height: 49px;
}

#modal header .detalhes {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: .5rem;
}

#modal header .detalhes h2 {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 22px;
    color: #000;
}

#modal header .detalhes h3 {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

#modal header .detalhes p {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 14px;
    color: #6D6E71;
}

#modal header .detalhes p strong {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

#modal section.impressao {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

#modal section.impressao a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    text-decoration: none;
}

#modal section.impressao a picture {
    padding: .7rem;
    border-radius: 100px;
    background-color: #076aff;
}

#modal section.impressao a img {
    width: 25px;
    height: 25px;
}

#modal section.impressao a p {
    font-family: "Bradesco";
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

#modal section.dados-simulacao {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 25px;
    border-bottom: 3px solid #F0F1F5;
}

#modal section.dados-simulacao h2 {
    margin-bottom: 32px;
    font-weight: bold;
}

#modal section.dados-simulacao .detalhes {
    width: 100%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
}

#modal section.dados-simulacao .detalhes .card {
    border: initial;
}

#modal section.dados-simulacao .detalhes .card .titulo {
    font-family: "Bradesco";
    font-size: 16px;
    font-weight: 600;
    color: #47484C;
}

#modal section.dados-simulacao .detalhes .card .detalhe {
    font-family: "Bradesco";
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

#modal section.dados-tag {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 25px;
}

#modal section.dados-tag h2 {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 22px;
    margin-bottom: .5rem;
    color: #000000;
}

#modal section.dados-tag p {
    font-family: "Bradesco";
    font-weight: 500;
    font-size: 14px;
    color: #47484C;
}

#modal section.dados-tag table {
    margin-top: 1rem;
}

#modal section.dados-tag table thead {
    width: 100%;
    height: 56px;
    background-color: #F0F1F5;
}

#modal section.dados-tag table tbody tr {
    border-bottom: 3px solid #F0F1F5;
}

#modal section.dados-tag table thead tr th,
#modal section.dados-tag table tbody tr td {
    padding: 20px;
}

#modal section.dados-tag table thead tr th {
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

#modal section.dados-tag table tbody tr td {
    font-weight: 500;
    font-size: 14px;
    color: #47484C;
}

/* Parcelas */

#modal section.parcelas {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 25px;
}

#modal section.parcelas h2 {
    font-family: "Bradesco";
    font-weight: 600;
    font-size: 22px;
    margin-bottom: .5rem;
    color: #000000;
}

#modal section.parcelas p {
    font-family: "Bradesco";
    font-weight: 500;
    font-size: 14px;
    color: #47484C;
}

#modal section.parcelas table {
    margin-top: 1rem;
}

#modal section.parcelas table thead {
    width: 100%;
    height: 56px;
    background-color: #F0F1F5;
    border-bottom: 3px solid #F0F1F5;
}

#modal section.parcelas table tbody tr {
    border-bottom: 3px solid #F0F1F5;
}

#modal section.parcelas table thead tr th,
#modal section.parcelas table tbody tr td {
    padding: 20px;
}

#modal section.parcelas table thead tr th {
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

#modal section.parcelas table thead tr th picture img {
    position: absolute;
    margin-left: 30px;
}

#modal section.parcelas table tbody tr td {
    font-weight: 500;
    font-size: 14px;
    color: #47484C;
}

.total {
    background-color: #E6FAEE !important;
}

.tooltip-inner {
    background-color: #076aff;
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    min-width: 300px;
    min-height: 100px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip-arrow::before {
    border-top-color: #076aff;
}

#modal section.parcelas .descricao {
    width: 100%;
    padding: 1rem 0;
}

#modal section.parcelas .descricao p {
    font-family: "Bradesco";
    font-size: 14px;
    font-weight: 600;
    color: #6D6E71;
}

/* Parcelas */

/* Modal */

@media (min-width: 1920px) {

    section.simulador { 
        height: 1190px;
    }

    section.simulador aside {
        padding: 40px 250px;
        padding-bottom: 70px;
    }

    section.formulario {
        width: 100%;
    }
}

@media (max-width: 1280px) {

    section.simulador {
        grid-template-columns: 40% 1fr;
        max-height: 974px;
    }

    section.simulador aside {
        padding: 40px 100px;
        height: 1000px;
    }

}

@media (max-width: 542px) {
    form .campos-formulario .form-grupo #buttonsTipoUsoImovel {
        display: flex;
        flex-direction: row;
        align-items: self-start;
    }

    form .campos-formulario .form-grupo .btnTipoUsoImovel {
        display: flex;
        margin-right: 20px;
    }

    form .campos-formulario .form-grupo #buttonsTipoUsoImovel input[type="radio"] {
        display: none !important;
    }
    
    form .campos-formulario .form-grupo .radio-text {
        display: none !important;
    }

    section.erro {
        padding-top: 0;
    }

    #modal {
        width: initial;
        margin-top: 40px;
        padding: 1rem;
    }

    #modal header img {
        width: initial;
    }

    #modal section.parcelas table thead tr th picture img {
        margin-left: 10px;
    }

    body>header {
        background-color: #cc092f;
    }

    section.formulario header {
        margin-top: initial;
    }

    section.app-section .desk {
        display: none;
    }

    section.app-section .mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        background-color: #cc092f;
    }

    section.app-section .mobile a {
        font-size: 14px;
        color: #fff;
        font-family: "Bradesco Sans SemiBold";
    }

    section.breadcrumb,
    section.simulador article {
        display: none;
    }

    section.formulario {
        width: 100%;
        display: none;
        justify-content: center;
        align-items: flex-start;
    }

    section .informacao {
        width: 100%;
        padding: 1rem;
    }

    section.simulador {
        grid-template-columns: 1fr;
        max-height: initial;
    }

    section.simulador aside {
        padding: 1rem;
        height: initial;
    }

    section.formulario .btns {
        flex-direction: column;
        align-items: center;
    }

    .btn.btn-submit {
        width: 100%;
    }

    form .campos-formulario .form-grupo span.icon-check.erro,
    form .campos-formulario .form-grupo span.icon-check.checked {
        right: -90%;
    }

    form .campos-formulario .form-grupo.dataNascimento span.icon-check {
        right: -86%;
    }

    form .campos-formulario .form-grupo.dataNascimento span.icon-calendar {
        right: -93%;
    }

    section.simulacao .dados-proposta .detalhes .detalhes-linha {
        display: flex;
        flex-direction: column;
    }

    section.simulacao .dados-proposta .detalhes .modalidades {
        display: flex;
        flex-direction: column;
        padding: 20px;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes .card {
        width: initial;
        gap: 0
    }

    section.simulacao .dados-proposta .informacoes .opcoes-financiamento .detalhes .separador {
        width: 100%;
        height: 1px;
        margin: 20px 0;
    }

    section.simulacao header {
        margin-top: initial;
    }

    section.simulacao .dados-proposta .detalhes .card {
        width: 100%;
        min-width: initial;
    }

    section.simulacao .dados-proposta .detalhes .card .titulo {
        gap: 5px
    }

    .nova-simulacao {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 320px) {
    div#topBar.headertopBar div.holderMobile a.baixe {
        width: 45px !important;
    }
}