/* ============================================================
   CONSORCIO - Pagina de Simulacao
   Usa as variaveis do tema (site.css + Aparencia do painel):
   --azul-destaque, --bg, --bg-card, --texto, --texto-suave,
   --texto-fraco, --borda. Funciona no tema claro e escuro.
   ============================================================ */

/* O atributo hidden sempre esconde (mesmo com display definido abaixo) */
.pg-simulacao [hidden]{display:none!important}

/* Menu sempre solido nesta pagina (nao ha banner atras) */
.header--fixo,.header--fixo.scrolled{background:var(--header-bg-scroll);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--borda)}
.header--fixo::before{opacity:0!important}

/* ---------- Topo ---------- */
.sim-hero{position:relative;z-index:1;padding:128px 0 80px;background:linear-gradient(165deg,color-mix(in srgb,var(--azul-destaque) 10%,var(--bg)) 0%,var(--bg) 62%)}
.sim-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.sim-intro{display:flex;flex-direction:column;gap:22px;padding-top:18px}
.sim-tag{align-self:flex-start;font-size:calc(12px * var(--fs-sim-tag,1));font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--azul-destaque);border:1px solid color-mix(in srgb,var(--azul-destaque) 45%,transparent);padding:8px 16px;border-radius:40px}
.sim-titulo{font-family:'X-Scale',var(--fonte-titulos,'Poppins'),sans-serif;text-transform:uppercase;font-weight:400;font-size:calc(clamp(34px,4.4vw,56px) * var(--fs-sim-titulo,1));line-height:1.05;color:var(--texto);margin:0}
.sim-texto{font-size:calc(18px * var(--fs-sim-texto,1));color:var(--texto-suave);line-height:1.6;margin:0}
.sim-lista{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}
.sim-lista li{display:flex;align-items:center;gap:13px;font-size:calc(15px * var(--fs-sim-lista,1));color:var(--texto)}
.sim-lista svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:var(--azul-destaque);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sim-parceiros{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:22px;border-top:1px solid var(--borda)}
.sim-parceiros__rot{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--texto-fraco);margin-right:4px}
.sim-parceiros__nome{font-size:14px;font-weight:600;color:var(--texto);padding:6px 12px;border:1px solid var(--borda);border-radius:6px}

/* ---------- Cartao do simulador ---------- */
.sim-card{background:var(--bg-card);border:1px solid var(--borda);border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:22px;box-shadow:0 30px 60px rgba(0,0,0,.18)}
html[data-tema="claro"] .sim-card{box-shadow:0 24px 50px rgba(11,72,102,.12)}
.sim-card__topo{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sim-card__topo h2{margin:0;font-size:calc(20px * var(--fs-sim-card-tit,1));font-weight:600;color:var(--texto)}
.sim-exemplo{font-size:11px;font-weight:700;letter-spacing:1px;color:#1a1a2e;background:#d4a84b;padding:5px 10px;border-radius:4px;white-space:nowrap}
.sim-vazio{color:var(--texto-suave);font-size:15px;margin:0}
.sim-passo{display:flex;flex-direction:column;gap:10px}
.sim-rot{font-size:calc(13px * var(--fs-sim-rot,1));color:var(--texto-suave)}
.sim-linha{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sim-linha--mini{font-size:12px;color:var(--texto-fraco);margin-top:-4px}
.sim-valor{font-family:'X-Scale',var(--fonte-titulos,'Poppins'),sans-serif;text-transform:uppercase;font-size:calc(30px * var(--fs-sim-valor,1));color:var(--texto);white-space:nowrap}

.sim-tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sim-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:15px 16px;min-height:44px;border-radius:10px;border:2px solid var(--borda);background:transparent;color:var(--texto);font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.sim-tipo b{font-size:calc(16px * var(--fs-sim-tipo,1));font-weight:600}
.sim-tipo small{font-size:calc(12px * var(--fs-sim-tipo,1));color:var(--texto-suave);line-height:1.35}
.sim-tipo:hover{border-color:color-mix(in srgb,var(--azul-destaque) 60%,transparent)}
.sim-tipo.ativo{border-color:var(--azul-destaque);background:color-mix(in srgb,var(--azul-destaque) 12%,transparent)}

.sim-prazos{display:flex;flex-wrap:wrap;gap:10px}
.sim-prazo{flex:1 1 90px;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid var(--borda);background:transparent;color:var(--texto);font-family:inherit;font-size:calc(14px * var(--fs-sim-prazo,1));font-weight:500;cursor:pointer;transition:all .2s}
.sim-prazo:hover{border-color:var(--azul-destaque)}
.sim-prazo.ativo{background:var(--azul-destaque);border-color:var(--azul-destaque);color:#fff}

.pg-simulacao input[type=range]{width:100%;height:28px;accent-color:var(--azul-destaque);cursor:pointer}

.sim-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sim-opcao{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;border:1px solid var(--borda);cursor:pointer;color:var(--texto)}
.sim-opcao--col{flex-direction:column;gap:4px;cursor:default}
.sim-opcao--col .sim-linha{width:100%;font-size:14px}
.sim-opcao--col output{color:var(--azul-destaque);font-weight:600}
.sim-opcao input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--azul-destaque);flex:0 0 auto}
.sim-opcao span{display:flex;flex-direction:column;gap:2px}
.sim-opcao b{font-size:14px;font-weight:500}
.sim-opcao small{font-size:12px;color:var(--texto-suave);line-height:1.4}
.sim-extras.so-um{grid-template-columns:1fr}

/* ---------- Resultado ---------- */
.sim-result{position:relative;border-radius:12px;background:var(--azul,#0b4866);color:#fff;padding:24px;overflow:hidden}
.sim-result__dados{transition:filter .35s}
.sim-result__par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sim-result__par>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sim-mini{font-size:calc(12px * var(--fs-sim-mini,1));color:#bcd6e6;text-transform:uppercase;letter-spacing:1px}
.sim-grande{font-family:'X-Scale',var(--fonte-titulos,'Poppins'),sans-serif;text-transform:uppercase;font-weight:400;font-size:calc(clamp(26px,3vw,38px) * var(--fs-sim-parcela,1));line-height:1.15;color:#fff;overflow-wrap:anywhere}
.sim-grande--2{color:#d6e2ea}
.sim-result__det{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:13px}
.sim-result__det>div{display:flex;flex-direction:column;min-width:0}
.sim-result__det span{color:#bcd6e6;font-size:calc(13px * var(--fs-sim-mini,1))}
.sim-result__det b{font-size:calc(16px * var(--fs-sim-det,1));font-weight:600;overflow-wrap:anywhere}
.sim-result__det s{opacity:.6;font-weight:400;font-size:12px;margin-right:4px}
.sim-result__adm,.sim-result__msg{margin:14px 0 0;font-size:13px;color:#d6e2ea}
.sim-result__msg{color:#ffd7a0}
.sim-cadeado{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;background:rgba(8,20,28,.62)}
.sim-cadeado svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sim-cadeado b{font-size:16px}
.sim-cadeado span{font-size:13px;color:#d6e2ea}
.sim-result.bloqueado .sim-result__dados{filter:blur(9px);user-select:none;pointer-events:none}
.sim-result.bloqueado .sim-cadeado{display:flex}
.sim-result.carregando .sim-result__dados{opacity:.55}

/* ---------- Captacao ---------- */
.sim-gate{display:flex;flex-direction:column;gap:12px}
.sim-gate[hidden],.sim-pos[hidden]{display:none}
.sim-gate__2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sim-gate label{display:flex;flex-direction:column;gap:6px;font-size:calc(13px * var(--fs-sim-campo,1));color:var(--texto-suave)}
.sim-gate input[type=text],.sim-gate input[type=tel],.sim-gate input[type=email]{font:inherit;font-size:15px;padding:12px 14px;min-height:46px;border-radius:8px;border:1px solid var(--borda);background:var(--bg-elev);color:var(--texto);width:100%;box-sizing:border-box}
.sim-gate input:focus{outline:2px solid var(--azul-destaque);outline-offset:1px}
.sim-gate .sim-aceite{flex-direction:row;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;cursor:pointer}
.sim-aceite input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--azul-destaque)}
.sim-aceite a{color:var(--azul-destaque)}
.sim-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sim-erro{margin:0;font-size:13px;color:#e06262}
.sim-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:14px;border:0;border-radius:8px;background:var(--azul-destaque);color:#fff;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .2s,transform .2s}
.sim-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.sim-btn:disabled{opacity:.6;cursor:wait;transform:none}
.sim-btn--wpp{background:#1f9d55}
.sim-btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sim-pos{display:flex;flex-direction:column;gap:10px}
.sim-obrigado{margin:0;text-align:center;font-size:13px;color:var(--texto-suave)}
.sim-aviso{margin:0;font-size:calc(11px * var(--fs-sim-aviso,1));line-height:1.55;color:var(--texto-fraco)}

/* ---------- Como funciona ---------- */
.sim-como{padding-top:80px}
.sim-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sim-etapa{background:var(--bg-card);border:1px solid var(--borda);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:10px}
.sim-etapa__n{font-family:'X-Scale',var(--fonte-titulos,'Poppins'),sans-serif;font-size:calc(36px * var(--fs-sim-etapa-n,1));color:var(--azul-destaque)}
.sim-etapa b{font-size:calc(17px * var(--fs-sim-etapa-tit,1));font-weight:600;color:var(--texto)}
.sim-etapa p{margin:0;font-size:calc(14px * var(--fs-sim-etapa-txt,1));color:var(--texto-suave);line-height:1.6}

/* ---------- Duvidas ---------- */
.sim-faq{padding-top:40px}
.sim-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.sim-faq__head{text-align:left;margin:0}
.sim-faq__lista details{border-bottom:1px solid var(--borda)}
.sim-faq__lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:calc(16px * var(--fs-sim-faq-p,1));font-weight:500;color:var(--texto)}
.sim-faq__lista summary::-webkit-details-marker{display:none}
.sim-faq__lista summary::after{content:'+';color:var(--azul-destaque);font-size:22px;line-height:1}
.sim-faq__lista details[open] summary::after{content:'\2212'}
.sim-faq__lista p{margin:0 0 20px;font-size:calc(14px * var(--fs-sim-faq-r,1));color:var(--texto-suave);line-height:1.6}

/* ---------- Celular ---------- */
@media (max-width:980px){
  .sim-grid{grid-template-columns:1fr;gap:32px}
  .sim-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-faq__grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:600px){
  .sim-hero{padding:100px 0 56px}
  .sim-card{padding:20px;border-radius:12px}
  .sim-extras,.sim-gate__2,.sim-result__par{grid-template-columns:1fr}
  .sim-result__det{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-passos{grid-template-columns:1fr}
  .sim-valor{font-size:calc(24px * var(--fs-sim-valor,1))}
}
@media (prefers-reduced-motion:reduce){
  .sim-result__dados,.sim-btn,.sim-tipo,.sim-prazo{transition:none}
}