/* Grupo Solar Brasil · simulador de economia (condomínios e empresas) */
/* Simulador de economia (no lugar da ilustração do estudo) */
.simulador{max-width:480px;min-width:0}
@media (max-width:1099px){.estudo-grade{grid-template-columns:minmax(0,1fr)}}
.estudo-grade > *{min-width:0}
.simulador .doc-topo{margin-bottom:22px}
.sim-rotulo{display:block;font-size:14px;font-weight:700;color:var(--tinta);margin-bottom:8px}
.sim-entrada{display:flex;align-items:baseline;gap:8px;padding:6px 14px;border-radius:var(--raio-p);background:#F6F8F9;border:1.5px solid transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.sim-entrada:focus-within{background:var(--branco);border-color:var(--azul);box-shadow:0 0 0 4px rgba(0,108,156,.12)}
.sim-entrada span{font-family:var(--serif);font-size:26px;color:var(--suave)}
.sim-entrada input{flex:1;min-width:0;border:0;background:none;padding:4px 0;font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:-.02em;color:var(--tinta);outline:none}
.sim-regua{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:12px 0 4px;background:none;cursor:pointer}
.sim-regua::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--azul) var(--cheio,30%),var(--linha) var(--cheio,30%))}
.sim-regua::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--azul) var(--cheio,30%),var(--linha) var(--cheio,30%))}
.sim-regua::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--branco);border:3px solid var(--azul);box-shadow:0 4px 10px rgba(4,27,46,.25)}
.sim-regua::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--branco);border:3px solid var(--azul);box-shadow:0 4px 10px rgba(4,27,46,.25)}
.sim-regua:focus-visible{outline:none}
.sim-regua:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(0,108,156,.25)}

.sim-grafico{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;height:200px;margin:22px 0 10px;padding-bottom:0;border-bottom:1px solid var(--linha)}
.sim-coluna{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.sim-coluna b{font-size:12px;font-weight:800;color:var(--tinta);margin-bottom:6px;white-space:nowrap}
.sim-coluna small{display:block;font-size:12px;color:var(--suave);margin:8px 0 -26px;white-space:nowrap}
.sim-barra{position:relative;display:block;width:100%;max-width:64px;border-radius:6px 6px 0 0;transition:height .45s cubic-bezier(.2,.7,.2,1)}
.sim-hoje{background:linear-gradient(180deg,var(--dourado),#E8D4A4)}
/* Faixa clara = cenário de 70%; parte cheia = cenário de 95% */
.sim-gsb{background:repeating-linear-gradient(135deg,rgba(0,108,156,.18) 0 6px,rgba(0,108,156,.08) 6px 12px);box-shadow:inset 0 0 0 1.5px rgba(0,108,156,.35)}
.sim-gsb i{position:absolute;left:0;right:0;bottom:0;border-radius:6px 6px 0 0;background:var(--azul);transition:height .45s cubic-bezier(.2,.7,.2,1)}
.sim-coluna-gsb b{color:var(--azul)}
.sim-coluna-gsb small{color:var(--azul);font-weight:700}
/* Resumo abaixo do gráfico: valor da conta com a usina e o percentual lado a lado */
.sim-resumo{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:40px}
.sim-resumo > div{display:flex;flex-direction:column;padding:12px 14px;border-radius:12px;background:#F6F8F9;min-width:0}
.sim-resumo span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.sim-resumo b{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--azul);margin-top:4px}
.sim-resumo small{font-size:12px;color:var(--suave)}
.sim-resumo .sim-resumo-pct{background:#E7F5EE}
.sim-resumo .sim-resumo-pct span,.sim-resumo .sim-resumo-pct small{color:#2E7A55}
.sim-resumo .sim-resumo-pct b{color:#1F8A5B}
@media (max-width:420px){.sim-resumo b{font-size:19px}.sim-resumo > div{padding:10px 12px}}

.sim-ano{margin-top:18px;padding:18px 16px 12px;border-radius:12px;background:var(--azul-claro)}
.sim-ano-rotulo{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.sim-ano-valor{font-family:var(--serif);font-size:30px;line-height:1.15;letter-spacing:-.02em;color:var(--tinta);margin:4px 0 14px}
.sim-acumulado{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:54px}
.sim-acumulado i{display:block;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--azul),#5FA3C4)}
.sim-ano .doc-legenda{margin:6px 0 0}
.sim-botao{width:100%;margin-top:20px;border-radius:var(--raio-p)}
.sim-nota{font-size:12px;line-height:1.5;color:var(--suave);margin-top:12px}
@media (max-width:420px){.sim-entrada input{font-size:32px}.sim-coluna b{font-size:11px}.sim-grafico{gap:6px}}

/* Segmento no formulário */
.sim-aviso-a{margin-top:10px;font-size:13px;line-height:1.5;color:var(--texto);padding:10px 12px;border-left:3px solid var(--dourado);background:var(--papel);border-radius:0 8px 8px 0}
.sim-acumulado{transition:height .45s cubic-bezier(.2,.7,.2,1)}
