/* ============================= */
/* SIMULADOR DE CRÉDITO */
/* ============================= */

.tabela-wrapper{
  display:none;
}

.tabela-wrapper.is-open{
  display:block;
}

.sol-credit-sim{
  padding:48px 0;
  background:#ffffff;
}

.sol-credit-wrap{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  background:#f5f6f8;
  border-radius:22px;
  padding:32px;
}

/* TÍTULO */

.sol-credit-head{
  margin-bottom:26px;
}

.sol-credit-head h2{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  color:#0b1220;
  font-size:1.55rem;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.sol-credit-head h2::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(0,0,0,.08);
}

.sol-credit-head h2::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:32px;
  height:2px;
  background:#FFD200;
}

.sol-credit-head p{
  margin:18px 0 0;
  color:#5f6771;
  font-size:14px;
  line-height:1.7;
  max-width:760px;
}

/* GRID */

.sol-credit-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
}

/* FORMULÁRIO + RESULTADO COM BORDA AMARELA */

.sol-credit-form,
.sol-credit-result{
  background:#ffffff;
  border:2px solid #FFD200;
  border-radius:22px;
  padding:24px;
  box-shadow:0 14px 34px rgba(11,22,51,.06);
}

/* TIPOS DE CRÉDITO */

.credit-types{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:26px;
}

.credit-types button{
  border:2px solid #0E2A5C;
  background:#ffffff;
  color:#111111;
  border-radius:14px;
  padding:14px 16px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  transition:all .25s ease;
}

.credit-types button:hover{
  background:#f8fafc;
}

.credit-types button.active{
  background:#FFD200;
  border-color:#FFD200;
  color:#111111;
}

/* CAMPOS */

.field-group{
  margin-bottom:24px;
}

.field-group label{
  display:block;
  font-size:14px;
  font-weight:800;
  color:#101828;
  margin-bottom:9px;
}

.money-input{
  display:flex;
  align-items:center;
  border:1px solid #d0d5dd;
  border-radius:14px;
  overflow:hidden;
  background:#ffffff;
  margin-bottom:12px;
}

.money-input input{
  flex:1;
  border:0;
  outline:none;
  padding:14px 16px;
  font-size:17px;
  font-weight:800;
  color:#0E2A5C;
  background:#ffffff;
}

.money-input span{
  padding:0 16px;
  color:#667085;
  font-weight:800;
}

input[type="range"]{
  width:100%;
  accent-color:#FFD200;
}

.field-group small{
  color:#667085;
  font-size:13px;
}

/* OPÇÕES */

.sol-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}

.sol-options label{
  font-size:14px;
  font-weight:700;
  color:#101828;
}

.sol-options input[type="number"],
.sol-options select{
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #d0d5dd;
  font-size:14px;
  background:#ffffff;
}

.sol-options > label{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
}

/* RESULTADO */

.sol-credit-result{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.sol-credit-result span{
  color:#667085;
  font-size:14px;
  font-weight:700;
}

.sol-credit-result h3{
  color:#0E2A5C;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  margin:16px 0 22px;
}

.result-meta{
  display:grid;
  gap:10px;
  margin-bottom:26px;
}

.result-meta p{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:13px 16px;
  background:#f8fafc;
  border-radius:14px;
  margin:0;
  color:#667085;
  font-size:14px;
}

.result-meta strong{
  color:#101828;
}

/* BOTÕES */

.result-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.result-actions button,
#toggleTabela{
  border:0;
  background:#FFD200;
  color:#111111;
  padding:14px 22px;
  border-radius:14px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:all .25s ease;
}

.result-actions button:hover,
#toggleTabela:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(255,210,0,.24);
}

.result-actions .secondary,
#toggleTabela{
  background:#ffffff;
  border:1px solid #0E2A5C;
  color:#0E2A5C;
}

.toggle-tabela{
  text-align:center;
  margin-top:24px;
}

/* TABELA COM BORDA AMARELA */

.tabela-container{
  background:#ffffff;
  border:2px solid #FFD200;
  border-radius:22px;
  padding:24px;
  overflow-x:auto;
  box-shadow:0 14px 34px rgba(11,22,51,.06);
  margin-top:24px;
}

.tabela-container h3{
  margin:0 0 18px;
  color:#0E2A5C;
  font-size:20px;
  font-weight:800;
}

table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

th{
  background:#f1f5f9;
  padding:12px;
  text-align:left;
  color:#667085;
  font-weight:800;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.04em;
}

td{
  padding:12px;
  border-bottom:1px solid #eef2f6;
  color:#101828;
}

tr:hover td{
  background:#fafafa;
}

/* RESPONSIVO */

@media(max-width:900px){

  .sol-credit-sim{
    padding:36px 0;
  }

  .sol-credit-wrap{
    width:min(100%, calc(100% - 24px));
    padding:24px 18px;
    border-radius:18px;
  }

  .sol-credit-grid{
    grid-template-columns:1fr;
  }

  .credit-types{
    grid-template-columns:1fr;
  }

  .sol-options{
    grid-template-columns:1fr;
  }

  .sol-credit-result h3{
    font-size:30px;
  }

  .sol-credit-head h2{
    font-size:1.1rem;
  }
}

/* ============================= */
/* AJUSTE FINAL DE FUNDO */
/* ============================= */

.sol-credit-sim{
  background:#F5F6F8 !important;
}

.sol-credit-wrap{
  background:#F5F6F8 !important;
}

.sol-credit-form,
.sol-credit-result{
  background:#F5F6F8 !important;
  border:2px solid #FFD200 !important;
}

.tabela-container{
  background:#F5F6F8 !important;
  border:2px solid #FFD200 !important;
}



.sol-credit-sim::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:20px;

  transform:translateX(-50%);

  width:min(1280px, calc(100% - 40px));
  height:4px;

  background:#FFD200;

  border-radius:999px;
}




/* =====================================
   LINHA SEPARADORA PREÇÁRIO
===================================== */

.banner-precario-sol{
  position:relative;
  padding-bottom:80px;
}

.banner-precario-sol::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:25px;

  transform:translateX(-50%);

  width:min(1280px, calc(100% - 40px));
  height:3px;

  border-radius:999px;

  background:
  linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,210,0,.30) 15%,
    #FFD200 50%,
    rgba(255,210,0,.30) 85%,
    transparent 100%
  );

  pointer-events:none;
}/* =====================================
   LINHA SEPARADORA LARGURA TOTAL
===================================== */

.sol-credit-sim{
  position:relative;
  padding-bottom:70px !important;
}

.sol-credit-sim::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:20px;

  transform:translateX(-50%);

  width:min(1280px, calc(100% - 40px));
  height:2px;

  background:
  linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,210,0,.35) 15%,
    #FFD200 50%,
    rgba(255,210,0,.35) 85%,
    transparent 100%
  );

  border-radius:999px;

  pointer-events:none;
}