/* Complemento da mídia institucional do hero. */
.hero__media { position: relative; align-self: stretch; min-height: 310px; margin: 0; overflow: hidden; border: 1px solid var(--azul-profundo); border-left: 8px solid var(--cobalto); background: var(--azul-profundo); }
.hero__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(18, 36, 58, .84) 100%); content: ""; pointer-events: none; }
.hero__media video { display: block; width: 100%; height: 100%; min-height: 310px; object-fit: cover; object-position: center; }
.hero__media figcaption { position: absolute; z-index: 1; right: 28px; bottom: 24px; left: 28px; color: var(--branco-suave); font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 700; line-height: 1.28; }

@media (max-width: 900px) {
  .hero__media, .hero__media video { min-height: 220px; }
}

@media (max-width: 640px) {
  .hero__media, .hero__media video { min-height: 250px; }
  .hero__media figcaption { right: 20px; bottom: 18px; left: 20px; }
}