/* Identidade visual ILOA: azul técnico e grafite da marca. */
:root {
  --navy: #253544;
  --blue: #079ee8;
  --sand: #5bc5ef;
  --ink: #253544;
  --muted: #607180;
  --paper: #f7fafc;
  --line: #dfe8ee;
}

.header .brand { gap: 0; line-height: normal; }
.brand-logo {
  display: block;
  width: 170px;
  height: 66px;
  object-fit: cover;
  object-position: center 47%;
  border-radius: 5px;
}

.hero { background: #eef8fd; }
.hero-art { background: var(--navy); }
.hero-art .sun { border-color: var(--blue); }
.hero-art .beam { background: var(--blue); }
.hero-art .building.one { background: #e7f7fe; }
.hero-art .building.two { background: #9eddf6; }
.hero-art .building.three { background: #5dbde3; }
.hero-logo {
  position: absolute;
  z-index: 4;
  right: 48px;
  bottom: 32px;
  width: 235px;
  height: 140px;
  object-fit: cover;
  object-position: center 47%;
  border-radius: 8px;
  background: #fff;
}
.highlight .eyebrow { color: #d7f3ff; }
.nav .erp-link { background: var(--navy); }

@media (max-width: 800px) {
  .brand-logo { width: 145px; height: 56px; }
  .hero-logo { right: 20px; bottom: 18px; width: 190px; height: 115px; }
}