/* simulador da reforma: uma linha em três datas */
.simulador{background:var(--deep);--surface:#1A2744;--ink:#F5F6F8;--muted:#AEB6C8;--accent:#C4A265}
.sim{display:grid;grid-template-columns:repeat(12,1fr);gap:0 24px;margin-top:56px}
.sim-entrada{grid-column:1/5;display:grid;gap:20px;align-content:start}
.sim-linhas{grid-column:5/13;display:grid;gap:40px}
.perfil{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.perfil button{min-height:48px;border:0;background:var(--surface);color:var(--ink);font:500 var(--s-small)/1.2 var(--sans);cursor:pointer;transition:background-color .2s}
.perfil button[aria-pressed=true]{background:var(--gold);color:var(--night)}
.campo{display:grid;gap:6px;font-size:var(--s-small);font-weight:500}
.campo input,.campo select{font:400 var(--s-body)/1.2 var(--sans);color:#1A2744;background:#FAFAFB;border:1px solid #A9AFBE;border-radius:0;padding:12px;width:100%}
.campo input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--accent)}
.campo output{font-weight:400;color:var(--muted)}
.estado{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:start}
.estado>span{font:400 var(--s-lead)/1.2 var(--serif);color:var(--muted);text-align:right;padding-top:14px}
.linha[data-ui]{background:#FAFAFB;color:#1A2744;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:6px 24px;max-width:640px;border:1px solid #D6D2C8;border-radius:6px;transition:transform .25s var(--ease)}
.linha[data-ui]:hover{transform:translateX(4px)}
.linha .t{font-weight:500;font-size:17px}
.linha .v{font-weight:500;font-size:22px;text-align:right;font-variant-numeric:tabular-nums}
.linha .d{font-size:14px;color:#4A5470;grid-column:1/-1}
.linha .bar{grid-column:1/-1;height:8px;background:#E8E1D0;border-radius:4px;overflow:hidden}
.linha .bar i{display:block;height:100%;background:var(--accent);width:0;transition:width .6s var(--ease)}
.linha.destaque{background:#fff}
.sim-saida{grid-column:5/13;margin-top:36px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center}
.sim-saida p{font:400 var(--s-lead)/1.35 var(--serif);max-width:30ch}
.aviso{grid-column:5/13;margin-top:24px;font-size:var(--s-small);color:var(--muted);max-width:68ch}
.aviso-simples{display:none;font:400 var(--s-lead)/1.35 var(--serif);max-width:34ch}
@media (max-width:900px){
  .sim-entrada,.sim-linhas,.sim-saida,.aviso{grid-column:1/-1}
  .sim-linhas{margin-top:40px;gap:28px}
  .estado{grid-template-columns:1fr;gap:6px}
  .estado>span{text-align:left;padding-top:0}
}