section.gao-c-hero.gao-c-hero--capa {
  --gao-c-veu: var(--gao-noite);
  min-height: clamp(460px, 64vh, 640px);
  background: var(--gao-noite);
  isolation: isolate;
}

.gao-fer-pag section.gao-c-hero.gao-c-hero--capa {
  min-height: clamp(400px, 52vh, 520px);
}

section.gao-c-hero.gao-c-hero--capa .gao-c-hero__in::after {
  display: none;
}

.gao-c-hero .gao-capa {
  -webkit-mask-image: none;
  mask-image: none;
}

.gao-c-hero .gao-capa picture {
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: 0 0 !important;
  mask-position: 0 0 !important;
}

.gao-c-hero .gao-capa img {
  object-fit: cover;
  object-position: var(--gao-capa-foco, 50% 22%);
}

.gao-c-hero .gao-capa--retrato picture {
  left: auto;
  right: 0;
  width: min(64%, 1040px);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 16%, rgba(0, 0, 0, .62) 34%, #000 54%), linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 16%, rgba(0, 0, 0, .62) 34%, #000 54%), linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
  mask-composite: intersect;
}

.gao-c-hero .gao-capa--paisagem picture {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .3) 24%, rgba(0, 0, 0, .85) 52%, #000 74%), linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .3) 24%, rgba(0, 0, 0, .85) 52%, #000 74%), linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
  mask-composite: intersect;
}

.gao-c-hero .gao-capa--sobre picture {
  display: block;
  width: min(54%, 860px);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 14%, #000 34%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 14%, #000 72%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 14%, #000 34%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 14%, #000 72%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.gao-c-hero .gao-capa--sobre img {
  object-position: 50% 16%;
}

@media (min-width: 721px) {
  section.gao-c-hero.gao-c-hero--sobre::before {
    background:
      linear-gradient(90deg, var(--gao-c-veu) 0%, color-mix(in srgb, var(--gao-c-veu) 86%, transparent) 38%, color-mix(in srgb, var(--gao-c-veu) 30%, transparent) 54%, transparent 64%),
      linear-gradient(180deg, color-mix(in srgb, var(--gao-c-veu) 62%, transparent) 0%, transparent 24%, transparent 74%, color-mix(in srgb, var(--gao-c-veu) 70%, transparent) 100%);
  }
}

.gao-c-hero.gao-c-hero--capa::before {
  background:
    linear-gradient(90deg, var(--gao-c-veu) 0%, color-mix(in srgb, var(--gao-c-veu) 82%, transparent) 34%, color-mix(in srgb, var(--gao-c-veu) 48%, transparent) 56%, transparent 72%),
    linear-gradient(180deg, color-mix(in srgb, var(--gao-c-veu) 62%, transparent) 0%, transparent 26%, transparent 70%, color-mix(in srgb, var(--gao-c-veu) 64%, transparent) 100%);
}

@media (max-width: 720px) {
  section.gao-c-hero.gao-c-hero--capa {
    min-height: 0;
    padding-top: calc(var(--gao-header) + min(70vw, 300px));
  }

  .gao-fer-pag section.gao-c-hero.gao-c-hero--capa,
  .gao-bl-post section.gao-c-hero.gao-c-hero--capa {
    min-height: 0;
    padding-top: calc(var(--gao-header) + min(56vw, 240px));
  }

  .gao-bl-post section.gao-c-hero.gao-c-hero--capa { padding-bottom: 36px; }

  .gao-c-hero .gao-capa--retrato picture,
  .gao-c-hero .gao-capa--paisagem picture {
    inset: 0 0 auto 0;
    width: 100%;
    height: calc(var(--gao-header) + min(108vw, 470px));
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 52%, rgba(0, 0, 0, .55) 74%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 52%, rgba(0, 0, 0, .55) 74%, transparent 100%);
  }

  .gao-c-hero .gao-capa img {
    object-position: var(--gao-capa-foco-cel, 50% 30%);
  }

  .gao-c-hero.gao-c-hero--capa::before {
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--gao-c-veu) 64%, transparent) 0,
      transparent calc(var(--gao-header) + 36px),
      transparent calc(var(--gao-header) + min(42vw, 180px)),
      color-mix(in srgb, var(--gao-c-veu) 90%, transparent) calc(var(--gao-header) + min(70vw, 300px)),
      var(--gao-c-veu) calc(var(--gao-header) + min(70vw, 300px) + 120px));
  }

  .gao-fer-pag .gao-c-hero.gao-c-hero--capa::before,
  .gao-bl-post .gao-c-hero.gao-c-hero--capa::before {
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--gao-c-veu) 64%, transparent) 0,
      transparent calc(var(--gao-header) + 36px),
      transparent calc(var(--gao-header) + min(30vw, 130px)),
      color-mix(in srgb, var(--gao-c-veu) 90%, transparent) calc(var(--gao-header) + min(56vw, 240px)),
      var(--gao-c-veu) calc(var(--gao-header) + min(56vw, 240px) + 120px));
  }
}