/**
 * Barra de título ACIMA da imagem no Fancybox (ver fancybox-legenda.js).
 * Espelha o visual da .fancybox-caption nativa (que fica abaixo da
 * imagem, com o alt), só que virada para o topo.
 */
.fancybox-slide-titulo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99995;
  padding: 25px 44px;
  padding: 25px max(44px, env(safe-area-inset-right)) 25px max(44px, env(safe-area-inset-left));
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.85) 0,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.15) 65%,
    rgba(0, 0, 0, 0.075) 75.5%,
    rgba(0, 0, 0, 0.037) 82.85%,
    rgba(0, 0, 0, 0.019) 88%,
    transparent
  );
  color: #eee;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  pointer-events: none;
}