/* Seções Sobre e Dúvidas: vídeo de fundo com véu translúcido (creme) para manter o texto legível */
/* --veil-a: opacidade do véu no meio da seção. Menor = vídeo mais visível (mantenha ≥ .80 p/ boa leitura) */
.sec--video{position:relative;isolation:isolate;--veil:251 248 242;--veil-a:.84}

.bgvid{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  /* poster: aparece até o vídeo carregar, e fica fixo se houver movimento reduzido ou economia de dados */
  background:var(--paper) url("../assets/sobre-poster.jpg") center/cover no-repeat}

.bgvid__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity 1.6s var(--ease)}
.bgvid.is-playing .bgvid__media{opacity:1}

/* véu de creme sobre o vídeo; topo e base dissolvem no fundo da página (sem corte seco entre seções) */
.bgvid__veil{position:absolute;inset:0;
  background:linear-gradient(to bottom,
    rgb(var(--veil)) 0,
    rgb(var(--veil) / calc(var(--veil-a) + .04)) 14%,
    rgb(var(--veil) / var(--veil-a)) 50%,
    rgb(var(--veil) / calc(var(--veil-a) + .04)) 86%,
    var(--veil-end,var(--cream)) 100%)}

/* Seção Dúvidas: poster próprio; as seções vizinhas são escuras, então o véu termina em off-white (como era o fundo) */
.sec--duvidas{--veil-end:var(--paper)}
.sec--duvidas .bgvid{background-image:url("../assets/duvidas-poster.jpg")}

@media(prefers-reduced-motion:reduce){.bgvid__media{display:none}}
