/* =====================================================
   Corsell — Video controlado pelo scroll (scroll-scrub)
   Uso: ver instrucoes no widget HTML que usa estas classes.
   ===================================================== */

.corsell-scrollvideo-wrap {
  position: relative;
  width: 100%;
  /* Preenche o "vazio" ao redor do video (acima/abaixo do pin) durante
     todo o trecho do scroll, em vez de deixar branco. */
  background: #c1b9a3;
}

.corsell-scrollvideo-pin {
  position: sticky;
  /* Trava ~150px abaixo do topo da tela (em vez de grudar no topo), pra
     ficar mais centralizado verticalmente em vez de colado la em cima. */
  top: 150px;
  /* Metade da tela, com teto de 500px (em telas bem altas nao fica gigante) */
  height: min(50vh, 500px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000; /* evita um vao em branco enquanto o video carrega/nao decodifica */
}

.corsell-scrollvideo-pin video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

/* Conteudo opcional por cima do video (texto, logo, etc.) */
.corsell-scrollvideo-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.corsell-scrollvideo-overlay > * { pointer-events: auto; }