header,
.header--container,
.header--container figure.header--image,
.header--container figure.header--image.header--oil {
    height: 599px;
}
header {
    margin-top: 113px;
}
.header--title {
    max-width: 67vw;
    top: 73%;
}
.header--title-oil {
    top: 55%;
}
.header--img {
    background-position: center;
    margin-top: 0;
}
.main--intro {
    margin-left: 16.5%;
}
.oilGas--intro {
  justify-content: center;
  margin-top: 0;
}
/* EFECTOS */
@media (hover:hover) and (pointer:fine){
  .lines article:hover,
  .ourWork article:hover {
    box-shadow:
      0 0 18px 1px rgba(255,195,0,.45),
      0 0 25px 3px rgba(255,195,0,.55);
  }
  .lines article:hover figure img,
  .ourWork article:hover figure img {
    transform: scale(1.02);
    filter: brightness(.17) contrast(1.05) saturate(.8);
}
  .lines article::before,
  .ourWork article::before {
    content:"";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.65) 95%);
    opacity: 0; transition: opacity .35s ease;
    z-index: 0;
    pointer-events: none;
  }
  .lines article:hover::before,
  .ourWork article:hover::before {
    opacity: 1;
  }
  .lines article:hover .card-overlay,
  .ourWork article:hover .card-overlay {
    opacity: 1;
    transform: translateY(0);
  }
  .lines:has(article:hover) article,
  .ourWork:has(article:hover) article {
    filter: brightness(.38) saturate(.9);
  }
  .lines:has(article:hover) article:hover,
  .ourWork:has(article:hover) article:hover {
    filter: none;
  }
  @supports not selector(:has(*)){
    .lines:hover article,
    .ourWork:hover article { filter: brightness(.8); }
    .lines article:hover,
    .ourWork article:hover { filter: none; }
  }
  .lines article:hover figure figcaption i::before,
  .ourWork article:hover figure figcaption i::before {
    content: "–";
    transform: translateY(-1px);
  }
}