/* CONTAINER-TWO */

                                        /* block-name-simulator */
.container_two{
    position: relative;
}

.block-name-simulator{
    padding: 20px;
    margin-top: 40px;
}

.block-name-simulator .name-simulator{
    font-size: 18px;
    color: rgba(0, 0, 0, 0.737);
}

.block-name-simulator .title-simulator{
    font-weight: 600;
    margin: 15px 0;
}

.block-name-simulator .text-simulator{
    font-size: 18px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.737);
}

                                        /* container-simulator */
.container-simulator{
    padding: 20px;
    width: 100%;
}

.container-simulator .title-types-consortium{
    font-size: 18px;
    line-height: 1.5;
    color: rgb(0, 0, 0);
    font-weight: 400px;
}

/* Layout mobile-first: ocupa 100% da largura do celular.
   O max-width só evita a página esticar se for aberta no desktop —
   é maior que qualquer celular atual (iPhone Pro Max = 440px). */
.container-simulator {
    width: 100%;
    max-width: 480px;
    padding: 0 16px;
    margin: 0 auto;
    font-family: Arial;
}

.container-simulator .card-simulador .tabs{
    justify-content: center;
    display: flex;
    margin-bottom: 20px;
}

.container-simulator .card-simulador .tabs button {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 10px;
    flex: 1 1 0;        /* os dois dividem a linha em qualquer largura */
    min-width: 0;       /* permite encolher abaixo do conteúdo */
    height: 3rem;
    margin: 15px 5px;
    border-radius: 10px;
    background-color: transparent;
    border: 2px solid #767575;
}

.container-simulator .card-simulador .tabs button img{
    width: 23px;
}

.container-simulator .card-simulador .tabs button p{
    font-weight: 500;
}

.container-simulator .card-simulador .tabs .ativo {
    transition: transform 0.7s ease, box-shadow 0.3s ease;
    transform: scale(0.97);
    background: #a7a7a7a7;
    font-weight: bold;
}

.container-simulator .card-simulador .text1,
.container-simulator .card-simulador .text2{
    margin: 5px;
    display: flex;
    justify-content: space-between;
}

.container-simulator .card-simulador .text1 h3{
    font-size: 15px;    
}

.container-simulator .card-simulador .text1 #valorCredito{
    font-size: 17px;
    font-weight: 600;
}

.container-simulator .card-simulador .text2 #min,
.container-simulator .card-simulador .text2 #max{
    color: #767575;
}

/* compensa a altura do header sticky ao ancorar em #simulador */
#simulador{
    scroll-margin-top: 110px;
}

.container-simulator .card-simulador .resultado {
    margin: 40px 0px;
    padding: 20px;
    background: #ffffff;
    border-radius: 15px;
    border: 1px solid #121212;
    text-align: center;
}

.container-simulator .card-simulador .resultado .block-simulation{
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 15px;
    border-bottom: 1px solid #12121292;
}

.container-simulator .card-simulador .resultado .block-simulation #parcela{
    margin: 15px ;
    font-size: 35px;
    font-weight: 700;
}

/* CAMPANHA DE AGOSTO — selo + valor cheio riscado */

[hidden] {
    display: none !important;
}

.container-simulator .card-simulador .resultado .block-simulation .selo-campanha{
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 14px;
    border-radius: 999px;
    background-color: #ffa017;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.container-simulator .card-simulador .resultado .block-simulation .parcela-original{
    margin: 10px 0 0;
    color: #767575;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
}

.container-simulator .card-simulador .resultado .block-simulation .parcela-original + #parcela{
    margin-top: 5px;
}

.container-simulator .card-simulador .resultado .block-contratar{
    border-top: 2px solid #12121223;
    margin-top: 20px;
}

.container-simulator .card-simulador .resultado .block-contratar .value-credit{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.container-simulator .card-simulador .resultado .block-contratar .value-credit #valorCredito{
    color: #767575;
}

.container-simulator .card-simulador .resultado .block-contratar .button-contratar{
    display: inline-block; /* permite aplicar margin */
    margin-top: 20px;
    width: 100%;
    padding: 13px 0px;
    border-radius: 8px;
    border-bottom: 1px solid #12121295;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    color: white;
    background-color: #ffa017
}

.container-simulator .card-simulador .resultado .block-contratar .button-contratar:hover{
    transform: scale(0.97);
    transition: transform 0.3s ease;
}

.container-simulator .card-simulador .resultado .block-contratar p{
    font-size: 13px;
    color: #101010c7;
    margin-top: 15px;
}

/* Trocando a cor da barra */

/* remove estilo padrão */
#slider {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #ddd;
    outline: none;
}

/* trilho (Chrome, Edge, Safari) */
#slider::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 5px;
    background: transparent;
}

/* bolinha */
#slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #ffa017;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
}

/* FIREFOX */
#slider::-moz-range-track {
    height: 6px;
    background: #ffa017;
    border-radius: 5px;
}

#slider::-moz-range-thumb {
    height: 18px;
    width: 18px;
    background: #ffa017;
    border-radius: 50%;
    cursor: pointer;
    border: none;
}