.identity-energy {
  --night: #031426;
  --night-deep: #04101e;
  --electric: #5bc3ff;
  --brand: #006fc9;
}
.identity-energy .site-header {
  max-width: none;
  padding-inline: max(28px, calc((100% - 1144px) / 2));
  background: var(--night);
  color: #eef6ff;
  border-bottom: 1px solid #71baff25;
}
.identity-energy .site-header .brand-logo,
.identity-energy .site-footer .brand-logo {
  width: 217px;
  border-radius: 6px;
}
.identity-energy .button:not(:disabled):not(.button-light) {
  background: #0067c2;
}
.identity-energy .button:not(:disabled):not(.button-light):hover {
  background: #0054a3;
}
.identity-home .hero-band {
  background: url("onda-energia.svg") center bottom / max(100%, 980px) auto no-repeat,
    radial-gradient(ellipse at 78% 65%, #0b3b67 0%, var(--night) 51%, var(--night-deep) 100%);
  color: #f5f9ff;
}
.identity-home .hero { min-height: 550px; padding-block: 54px 78px; }
.identity-home .hero h1 { font-weight: 700; }
.identity-home .hero h1 em { color: var(--electric); font-weight: inherit; }
.identity-home .hero .eyebrow,
.identity-home .hero .check { color: var(--electric); }
.identity-home .hero .eyebrow > span { background: currentColor; }
.identity-home .hero-intro,
.identity-home .hero .micro { color: #cadcf0; }
.identity-home .hero .text-link {
  border: 1px solid #8bc3f67d;
  border-radius: 6px;
  padding: 13px 17px;
  text-decoration: none;
}
.identity-home .hero .text-link:hover { background: #a7d4ff20; }
.identity-home .cta-section {
  background: var(--night) url("onda-energia.svg") center bottom / cover no-repeat;
}
.energy-preview {
  min-width: 0;
  margin: 0;
  border: 1px solid #599fdf;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f6fb;
  color: #182a3e;
  box-shadow: 0 18px 58px #010b17ad, 0 0 32px #1585de42;
  font-size: 11px;
}
.energy-preview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px;
  background: white;
  border-bottom: 1px solid #a8cdee;
}
.energy-preview-header span:first-child { font-weight: 700; }
.energy-preview-header i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  border-radius: 50%;
  background: #0071ca;
}
.energy-preview-body { display: grid; grid-template-columns: 25% minmax(0, 1fr); }
.energy-preview-body aside {
  display: flex;
  flex-direction: column;
  gap: 11px;
  background: #102638;
  color: #edf5fe;
  padding: 15px 9px;
  font-size: clamp(8px, 1vw, 11px);
}
.energy-preview-body aside strong { background: #1e588a; border-radius: 4px; padding: 4px; }
.energy-preview-content { padding: 16px; }
.energy-preview-kicker { margin: 0 0 2px; color: #44607b; font-size: 9px; letter-spacing: .08em; }
.energy-preview-content h2 { margin: 0 0 12px; font-size: clamp(15px, 1.8vw, 21px); letter-spacing: -.03em; }
.energy-preview-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.energy-preview-stats > div, .energy-preview-chart {
  background: #fff;
  border: 1px solid #d2dfed;
  border-radius: 6px;
  padding: 7px;
}
.energy-preview-stats span { display: block; font-size: 9px; line-height: 1.2; }
.energy-preview-stats strong { display: block; color: #004f94; font-size: clamp(11px, 1.5vw, 17px); }
.energy-preview-chart { margin-top: 8px; }
.energy-preview-chart svg { display: block; width: 100%; margin-top: 5px; }
.energy-preview figcaption { padding: 5px 12px; text-align: right; font-size: 9px; color: #48617a; }
@media (max-width: 850px) {
  .identity-energy .site-header { padding-inline: 20px; }
  .identity-home .hero { padding-block: 48px 66px; }
}
@media (max-width: 600px) {
  .identity-energy .site-header .brand-logo { width: 155px; }
  .identity-home .hero { min-height: 0; }
  .energy-preview-content { padding: 10px; }
}