/* Umbrella Energía (S37) · Reporte: executive summary, projection, splits, footer and notes. */
.en-summary {
  margin-bottom: var(--sp-2);
  padding: var(--en-pad);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--raised);
  color: var(--hud-text);
}
.en-summary p {
  margin: 6px 0 0;
  font-size: 16px;
  line-height: 1.5;
}
.en-lead {
  margin: 0 0 var(--sp-1);
  font-size: 14px;
}
.en-proj {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-2);
}
.en-proj span {
  display: block;
  font-size: 12px;
  color: var(--hud-muted);
}
.en-proj b {
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}
.en-method {
  margin: var(--sp-1) 0 0;
  font-size: 12px;
  color: var(--hud-muted);
}
.en-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--sp-2);
  align-items: start;
}
@media (min-width: 900px) {
  .en-split {
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
  }
}
.en-pt circle {
  fill: var(--surface-sunk);
  stroke: var(--hud-muted);
  stroke-width: 1.5;
}
.en-pt.is-up circle {
  fill: rgb(201 64 79 / 0.85);
  stroke: #a3191a;
}
.en-pt.is-down circle {
  fill: rgb(47 191 122 / 0.85);
  stroke: #146c43;
}
.en-pt.is-hover circle,
.en-pt:focus circle {
  stroke: var(--hud-text);
  stroke-width: 2.5;
}
.en-pt {
  cursor: pointer;
  outline: none;
}
.kit-pareto rect[data-unit] {
  cursor: pointer;
}
.kit-pareto rect.is-hover {
  stroke: var(--hud-text);
  stroke-width: 1.5;
}
.en-footer,
.en-note {
  margin: var(--sp-2) 0 0;
  font-size: 12px;
  color: var(--on-backdrop-muted, #c9cbd1);
}
.en-note {
  margin: 0 0 var(--sp-2);
}
.en-big {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
}
.en-big small {
  font-size: 13px;
  font-weight: 600;
  color: var(--hud-muted);
}
.en-card .kit-pareto {
  max-width: 760px;
}