body.preloading { overflow: hidden; }

  #preloader{
    position: fixed;
    inset: 0;
    background: #fff;
    z-index: 9999;
    display: grid;
    place-items: center;
    transition: opacity .4s ease, visibility .4s ease;
  }
  #preloader.hide{
    opacity: 0;
    visibility: hidden;
  }

  /* vídeo 50% menor e com animação de pulinho */
  #preloaderVideo{
    max-width: min(260px, 35vw); /* metade do tamanho original */
    width: 25vw;
    height: auto;
    animation: pulinho 2s ease-in-out infinite;
  }

  @keyframes pulinho {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-8px);
    }
  }