/* =========================================================================
   IMPÉRIO PATRIMONIAL — Simulador de Crédito Imobiliário
   ========================================================================= */

.simulador{
  background:var(--navy-950);
  color:var(--white);
  position:relative;
  overflow:hidden;
}
.simulador::before{
  content:"";
  position:absolute;
  top:-30%;left:50%;
  width:800px;height:800px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(200,162,76,.12),transparent 65%);
  pointer-events:none;
}
.simulador .section-head{max-width:640px;margin-left:auto;margin-right:auto;text-align:center}
.simulador .section-head .eyebrow{justify-content:center;color:var(--gold-400)}
.simulador .section-head h2{color:var(--white)}
.simulador .section-head p{color:var(--gray-300);margin-left:auto;margin-right:auto}

.sim-card{
  position:relative;
  max-width:760px;
  margin:0 auto;
  background:var(--navy-900);
  border:1px solid var(--line-on-dark);
  border-radius:18px;
  padding:48px;
}
@media (max-width:600px){
  .sim-card{padding:28px 22px;border-radius:14px}
}

.sim-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media (max-width:560px){
  .sim-fields{grid-template-columns:1fr}
}

.sim-field label{
  display:block;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--gold-400);
  margin-bottom:10px;
  font-weight:600;
}

.sim-field select{
  width:100%;
  padding:16px 44px 16px 18px;
  background-color:var(--navy-800);
  color:var(--white);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  font-size:16px;
  line-height:1.3;
  font-family:var(--font-body);
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a24c' stroke-width='1.6'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:16px;
  cursor:pointer;
  transition:border-color .3s var(--ease);
}
.sim-field select:hover,
.sim-field select:focus-visible{
  border-color:var(--gold-400);
  outline:none;
}
.sim-field select option{
  background:var(--navy-800);
  color:var(--white);
}

.sim-result{
  margin-top:32px;
  min-height:56px;
}

.sim-placeholder{
  color:var(--gray-300);
  font-size:15px;
  line-height:1.6;
  text-align:center;
  padding:18px 8px;
}

.sim-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  overflow:hidden;
  animation:sim-fade-in .45s var(--ease);
}
@media (max-width:640px){
  .sim-result-grid{grid-template-columns:1fr}
}
@keyframes sim-fade-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

.sim-result-item{
  background:var(--navy-900);
  padding:22px 16px;
  text-align:center;
}
.sim-result-item--highlight{
  background:rgba(200,162,76,.09);
}
.sim-result-label{
  display:block;
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gray-300);
  margin-bottom:8px;
}
.sim-result-value{
  font-family:var(--font-display);
  font-size:21px;
  color:var(--white);
}
.sim-result-value--big{
  font-size:27px;
  color:var(--gold-400);
}

.sim-disclaimer{
  margin-top:28px;
  font-size:13px;
  line-height:1.7;
  color:var(--gray-300);
  text-align:center;
}

.sim-cta{
  width:100%;
  justify-content:center;
  margin-top:24px;
  font-size:16px;
  padding:18px 32px;
  white-space:normal;
  text-align:center;
  line-height:1.3;
}
.sim-cta:disabled{
  opacity:.42;
  cursor:not-allowed;
  box-shadow:none;
}
.sim-cta:disabled:hover{
  transform:none;
  box-shadow:none;
}

.sim-post-result-text{
  margin-top:28px;
  font-family:var(--font-display);
  font-size:17px;
  color:var(--white);
  text-align:center;
}