/* Título "Monta na rolagem" (opção 8, escolhida pela Laise em 09/10) sobre o vídeo de drone de cada página de passeio.
   Marcação gerada por scripts/paginas-passeio/gerar.py (e escrita à mão no Valle Nevado). */
.video-hero { container-type: inline-size; }
.vt8__titulo { position: absolute; left: 0; right: 0; top: 14%; z-index: 2; text-align: center; color: #fff; pointer-events: none; --u: 1cqw; }
.vt8__nome { margin: 0; font-family: 'Chalkiez', 'Lufga', sans-serif; font-size: calc(var(--u) * var(--tam, 10)); line-height: 1; text-shadow: 0 .02em .08em rgba(13,19,48,.55), 0 0 .45em rgba(13,19,48,.3); }
.vt8__nome > span[aria-hidden] { display: inline-block; white-space: nowrap; margin: 0 .12em; }
.vt8__l { display: inline-block; }
.vt8__apoio { display: inline-flex; align-items: center; gap: .9em; margin-top: calc(var(--u) * 1); font-weight: 700; font-size: calc(var(--u) * 1.3); letter-spacing: .24em; text-transform: uppercase; text-shadow: 0 .02em .08em rgba(13,19,48,.55); }
.vt8__apoio::before, .vt8__apoio::after { content: ''; width: calc(var(--u) * 3); height: calc(var(--u) * .3); background: #F5B71C; border-radius: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@keyframes vt8-monta { from { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(var(--dg)) scale(1.3); } 55% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes vt8-surge { from { opacity: 0; } to { opacity: 1; } }
.js-vt8 .video-hero:not(.vt8-in) .vt8__l, .js-vt8 .video-hero:not(.vt8-in) .vt8__apoio { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .vt8-in .vt8__l { animation: vt8-monta 1100ms cubic-bezier(.16, 1, .3, 1) calc(300ms + var(--i) * 45ms) both; }
  .vt8-in .vt8__apoio { animation: vt8-surge 400ms ease-out 1100ms both; }
}
@media (prefers-reduced-motion: reduce) { .vt8-in .vt8__l, .vt8-in .vt8__apoio { animation: vt8-surge 200ms ease-out both; } }
@container (max-width: 700px) { .vt8__titulo { --u: 1.9cqw; top: 18%; padding: 0 4cqw; } }

/* Acento desenhado por cima da letra base, porque a Chalkiez não tem letra acentuada */
.vt8__l--ac { position: relative; }
.vt8__l--ac::after { content: attr(data-ac); position: absolute; left: 50%; top: -.12em; transform: translateX(-50%); font-family: 'Lufga', sans-serif; font-weight: 700; font-size: .55em; line-height: 1; }
.vt8__l--i::after { top: .02em; font-size: .6em; }