/* =====================================================================
   TRANSPARÊNCIA CULTURAL · MARILUZ — complementos das seções internas
   (Painel · Investimentos · Relatórios · Dados Abertos)
   ===================================================================== */

/* Nota de orientação no topo das seções */
.pg-hero-note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:14px;padding:16px 20px;margin-bottom:22px;font-size:.92rem;color:var(--text)}
.pg-hero-note strong{color:var(--accent-bright)}

/* Grades de gráficos */
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow-sm)}
.chart-card h3{font-family:"Fraunces",Georgia,serif;font-size:1.06rem;font-weight:600;color:var(--text);margin-bottom:4px}
.chart-card .chart-sub{font-size:.83rem;color:var(--muted);margin-bottom:14px}
.chart-box{position:relative;height:300px}
.chart-box.tall{height:340px}
.chart-box.short{height:250px}
@media(max-width:900px){.chart-grid{grid-template-columns:1fr}}

/* KPI das seções internas (reaproveita o cartão do layout) */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:22px 0}
.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;box-shadow:var(--shadow-sm);border-top:2px solid var(--accent)}
.kpi-card span{display:block;font-size:.74rem;font-weight:600;color:var(--muted);margin-bottom:8px}
.kpi-card strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:1.35rem;color:var(--accent-bright);
  font-variant-numeric:tabular-nums}
.kpi-card small{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}

/* Top 10 (Painel) — pódio dourado/prata/bronze */
.rank-pos{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;background:var(--surface-2);color:var(--text);font-weight:700;font-size:.82rem}
.rank-pos.top1{background:linear-gradient(135deg,#FFD166,#C6871F);color:#241705}
.rank-pos.top2{background:linear-gradient(135deg,#E4E8F0,#A9B2C4);color:#241705}
.rank-pos.top3{background:linear-gradient(135deg,#D9A066,#9C6432);color:#241705}
.rank-bar-wrap{background:var(--surface-2);border-radius:6px;height:8px;min-width:100px;overflow:hidden}
.rank-bar{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-bright))}

/* Funil dos editais (PNAB) */
.funnel-step{margin:10px 0}
.funnel-step .fs-label{display:flex;justify-content:space-between;font-size:.8rem;
  color:var(--muted);font-weight:600;margin-bottom:4px}
.funnel-step .fs-bar-wrap{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.funnel-step .fs-bar{height:100%;border-radius:999px;background:var(--accent)}
.funnel-step.hab .fs-bar{background:var(--azure)}
.funnel-step.class .fs-bar{background:var(--crimson)}

/* Relatórios */
.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.report-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.report-card:hover{transform:translateY(-3px);border-color:rgba(242,179,61,.35)}
.report-card h3{font-family:"Fraunces",Georgia,serif;font-size:1.02rem;font-weight:600;color:var(--text);
  line-height:1.25;margin-bottom:8px}
.report-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.report-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.report-nums div{background:var(--surface-2);border-radius:10px;padding:10px 8px;text-align:center}
.report-nums span{display:block;font-size:.66rem;color:var(--muted);font-weight:600}
.report-nums strong{font-size:.92rem;color:var(--accent-bright);font-variant-numeric:tabular-nums}
.report-detail{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px;display:none}
.report-detail.open{display:block}
.report-detail table{width:100%;border-collapse:collapse;font-size:.8rem}
.report-detail th{text-align:left;color:var(--muted);font-size:.66rem;
  padding:4px 6px;border-bottom:1px solid var(--line)}
.report-detail td{padding:5px 6px;border-bottom:1px solid var(--line);word-break:break-word;color:var(--text)}
.report-detail td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Dados Abertos */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.dl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;transition:transform .2s,border-color .2s}
.dl-card:hover{transform:translateY(-3px);border-color:rgba(242,179,61,.35)}
.dl-card .dl-ico{font-size:1.6rem}
.dl-card h3{font-family:"Fraunces",Georgia,serif;font-size:1.04rem;color:var(--text)}
.dl-card p{font-size:.85rem;color:var(--muted);flex:1}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Utilitários */
.pg-note{font-size:.82rem;color:var(--muted);margin-top:14px}
.pg-note a{color:var(--accent-bright)}
.pg-section-sub{color:var(--muted);font-size:.92rem;margin-bottom:16px;max-width:820px}
.pg-section-title{font-family:"Fraunces",Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:600;
  color:var(--text);margin-bottom:6px}