.elementor-736 .elementor-element.elementor-element-2103c63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.1;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-736 .elementor-element.elementor-element-2103c63::before, .elementor-736 .elementor-element.elementor-element-2103c63 > .elementor-background-video-container::before, .elementor-736 .elementor-element.elementor-element-2103c63 > .e-con-inner > .elementor-background-video-container::before, .elementor-736 .elementor-element.elementor-element-2103c63 > .elementor-background-slideshow::before, .elementor-736 .elementor-element.elementor-element-2103c63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-736 .elementor-element.elementor-element-2103c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://smartbankbr.com.br/wp-content/uploads/2024/06/Smartbank-financiamento-imobiliariol-banner-principal.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Lato;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-736 .elementor-element.elementor-element-adbe6c5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:start;}.elementor-736 .elementor-element.elementor-element-adbe6c5 .elementor-heading-title{font-family:"Lato", Lato;font-size:55px;font-weight:900;}.elementor-736 .elementor-element.elementor-element-1142baf{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-736 .elementor-element.elementor-element-1142baf .elementor-heading-title{font-family:"Lato", Lato;font-size:22px;font-weight:500;color:var( --e-global-color-text );}.elementor-736 .elementor-element.elementor-element-7b9466dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-736 .elementor-element.elementor-element-6129d086{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );}.elementor-736 .elementor-element.elementor-element-7fd74932{z-index:1;text-align:center;}.elementor-736 .elementor-element.elementor-element-673cc380{width:100%;max-width:100%;text-align:start;}.elementor-736 .elementor-element.elementor-element-673cc380 .elementor-heading-title{font-family:"Lato", Lato;font-size:32px;font-weight:bold;color:var( --e-global-color-text );}.elementor-736 .elementor-element.elementor-element-2514c39c{width:100%;max-width:100%;}.elementor-736 .elementor-element.elementor-element-2514c39c .elementor-heading-title{font-family:"Lato", Lato;font-size:20px;font-weight:400;color:#C50303;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Lato;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-736 .elementor-element.elementor-element-67c0c906{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.31);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-736 .elementor-element.elementor-element-67c0c906:not(.elementor-motion-effects-element-type-background), .elementor-736 .elementor-element.elementor-element-67c0c906 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-736 .elementor-element.elementor-element-67c0c906::before, .elementor-736 .elementor-element.elementor-element-67c0c906 > .elementor-background-video-container::before, .elementor-736 .elementor-element.elementor-element-67c0c906 > .e-con-inner > .elementor-background-video-container::before, .elementor-736 .elementor-element.elementor-element-67c0c906 > .elementor-background-slideshow::before, .elementor-736 .elementor-element.elementor-element-67c0c906 > .e-con-inner > .elementor-background-slideshow::before, .elementor-736 .elementor-element.elementor-element-67c0c906 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(min-width:768px){.elementor-736 .elementor-element.elementor-element-6129d086{--width:50%;}.elementor-736 .elementor-element.elementor-element-67c0c906{--width:51%;}}@media(max-width:1024px){.elementor-736 .elementor-element.elementor-element-2103c63{--padding-top:90px;--padding-bottom:90px;--padding-left:90px;--padding-right:90px;}.elementor-736 .elementor-element.elementor-element-adbe6c5 .elementor-heading-title{font-size:32px;}.elementor-736 .elementor-element.elementor-element-1142baf .elementor-heading-title{font-size:14px;}.elementor-736 .elementor-element.elementor-element-673cc380 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-736 .elementor-element.elementor-element-2103c63{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-736 .elementor-element.elementor-element-adbe6c5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-736 .elementor-element.elementor-element-adbe6c5 .elementor-heading-title{font-size:27px;}.elementor-736 .elementor-element.elementor-element-1142baf{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-736 .elementor-element.elementor-element-1142baf .elementor-heading-title{font-size:13px;}.elementor-736 .elementor-element.elementor-element-7b9466dc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-736 .elementor-element.elementor-element-7fd74932 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-736 .elementor-element.elementor-element-673cc380 .elementor-heading-title{font-size:24px;}.elementor-736 .elementor-element.elementor-element-2514c39c .elementor-heading-title{font-size:16px;}.elementor-736 .elementor-element.elementor-element-67c0c906{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-1ea9c84d */.form-section {
    flex: 1;
    min-width: 300px;
}

.method-section {
    flex: 1;
    min-width: 300px;
    margin-bottom: 20px;
}

h1 {
    width: 100%;
    text-align: center;
    color: #007BFF;
    margin-bottom: 20px;
    font-size: 24px;
}

label {
    font-weight: bold;
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

input,
select {
    width: 100%;
    padding: 15px;
    /* Espaçamento interno aumentado */
    margin: 15px 0;
    /* Espaçamento externo aumentado */
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    /* Tamanho da fonte aumentado */
    transition: all 0.3s ease;
}

input:focus,
select:focus {
    border-color: #007BFF;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
    outline: none;
}

.slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider input[type="range"] {
    flex: 1;
    margin-right: 10px;
    accent-color: #007BFF;
}

.slider span {
    font-size: 14px;
    font-weight: bold;
}


button {
    background: linear-gradient(90deg, #C50303, #ce0606);
    color: white;
    padding: 15px;
    /* Espaçamento interno aumentado */
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    /* Tamanho da fonte aumentado */
    font-weight: bold;
    /* Texto em destaque */
    text-transform: uppercase;
    /* Texto em letras maiúsculas */
    width: 100%;
    transition: all 0.3s ease;
}

button:hover {
    background: linear-gradient(90deg, #C50303, #aa0303);
    transform: scale(1.05);
    /* Zoom ao passar o mouse */
}

.result {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.explanation {
    margin: 20px 0;
    font-size: 14px;
    color: #555;
}

/* Ajuste geral para dispositivos menores */
@media (max-width: 1024px) {
body {
font-size: 14px; /* Reduz tamanho da fonte para dispositivos menores */
}

.container {
margin: 20px auto;
padding: 15px;
max-width: 100%; /* Usa toda a largura disponível no mobile */
box-shadow: none; /* Reduz sombra para simplificar o visual */
}

.form-section,
.method-section {
padding: 10px;
}

h1 {
font-size: 20px; /* Reduz tamanho do título */
}

input,
select {
padding: 12px; /* Ajusta espaçamento interno para tamanhos menores */
font-size: 14px;
}

button {
font-size: 16px; /* Ajusta tamanho do botão */
padding: 12px; /* Reduz o espaçamento do botão */
}

.slider span {
font-size: 12px; /* Reduz tamanho do texto ao lado do slider */
}

.explanation {
font-size: 12px; /* Ajusta explicações para ocupar menos espaço */
}
}

/* Ajustes específicos para dispositivos muito pequenos (smartphones) */
@media (max-width: 480px) {
.container {
padding: 10px; /* Reduz o padding para caber em telas menores */
}

input,
select {
font-size: 12px; /* Reduz tamanho da fonte nos campos de input */
padding: 10px;
}

button {
font-size: 14px; /* Ajusta fonte para botões menores */
padding: 10px;
}

.slider input[type="range"] {
margin-right: 5px; /* Reduz espaço entre slider e label */
}

h1 {
font-size: 18px; /* Reduz título em smartphones */
}

.result p {
font-size: 12px; /* Texto dos resultados menor */
}
}/* End custom CSS */