/* Painel 50 Hz · Calculadora da pior semana · Gaspar do Amaral · 23/10/2026 · © Aprecisa.com */
.calc-grelha { display: grid; grid-template-columns: 320px 1fr; gap: 20px; align-items: start; }
.calc-grelha > div { min-width: 0; }
@media (max-width: 780px) { .calc-grelha { grid-template-columns: 1fr; } }
.calc-cartao { background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio); padding: 16px 18px; }
.calc-cartao h2 { font-size: 1.15rem; }
.calc-pre { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.calc-pre button { font: 600 .9rem var(--sans); border: 1px solid var(--noite); background: transparent; color: var(--noite); border-radius: 6px; padding: 5px 10px; cursor: pointer; }
.calc-pre button.on { background: var(--noite); color: #fff; }
.calc-ctl { margin: 12px 0; }
.calc-ctl label { display: flex; justify-content: space-between; gap: 8px; font-size: .95rem; }
.calc-ctl label b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.calc-ctl input[type=range] { width: 100%; accent-color: var(--noite); }
.calc-dica { font-size: .8rem; color: var(--texto-3); }
.calc-barra { margin: 14px 0; }
.calc-barra .t { display: flex; justify-content: space-between; gap: 8px; font-size: .95rem; }
.calc-barra .t b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.calc-pista { height: 16px; background: var(--linha); border-radius: 4px; overflow: hidden; margin-top: 4px; }
.calc-enche { height: 100%; border-radius: 4px; transition: width .25s; }
.c1 { background: var(--eolica); } .c2 { background: var(--espanha); } .c3 { background: var(--hidrica); } .c4 { background: var(--aprecisa); }
.calc-veredito { background: #FBF3DC; border-left: 3px solid var(--dourado); border-radius: 6px; padding: 10px 12px; margin-top: 12px; }
.calc-nota { font-size: .85rem; color: var(--texto-2); }
.calc-fig { margin: 18px 0 6px; }
.calc-fig img { width: 100%; height: auto; border: 1px solid var(--linha); border-radius: 6px; background: #fff; }
.calc-fig figcaption { font-size: .85rem; color: var(--texto-3); margin-top: 4px; }
.calc-cartao .tabela { font-size: .86rem; }
.calc-cartao .tabela th { white-space: normal; vertical-align: bottom; line-height: 1.25; }
.calc-cartao .tabela th, .calc-cartao .tabela td { padding: .45rem .5rem; }
.calc-cartao .tabela td.num { white-space: nowrap; text-align: right; }
.apr-chamada { margin: .6rem 0 0; font-weight: 600; }
.apr-chamada a { color: var(--noite); }
.apr-indice { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 22px; }
.apr-indice a { border: 1px solid var(--noite); border-radius: 999px; padding: 4px 12px; font-size: .9rem; text-decoration: none; color: var(--noite); }
.apr-indice a:hover { background: var(--noite); color: #fff; }
.apr-nivel { background: var(--cartao); border: 1px solid var(--linha); border-left: 4px solid var(--noite); border-radius: var(--raio); padding: 18px 20px; margin: 0 0 18px; scroll-margin-top: 16px; }
.apr-nivel h3 { margin-top: 4px; }
.apr-et { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-2); margin: 0; font-weight: 600; }
.apr-lista { margin: .4rem 0 .8rem 1.2rem; padding: 0; }
.apr-nivel .m-det summary { line-height: 1.4; }
.apr-nivel .m-det p { margin: .5rem 0 .2rem; }