/* Página "Boas vindas ao Hunter" (antes boasvindas.hunterspay.com.br na Wix) — medidas da Wix num palco de 980px
   (posição = x da Wix a 1263px − 141). Fundo preto, sem o cabeçalho e o rodapé do site. */
body:has(.bv) { background: #000; }
.bv { --bv-blue: #116DFF; --bv-sky: #6FC8FF; --bv-wa: #3AB4FF; background: #000; color: #fff; font-family: Poppins, Arial, sans-serif; overflow: hidden; }
.bv h1, .bv h2, .bv p { margin: 0; font-family: Poppins, Arial, sans-serif; letter-spacing: 0; }
.bv-sec { position: relative; background: #000; }
.bv .bv-stage { position: relative; width: 980px; height: 100%; margin: 0 auto; }
.bv .bv-stage > * { position: absolute !important; margin: 0 !important; }
.bv .bv-stage img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bv .bv-stage figure { margin: 0; }
.bv b, .bv strong { font-weight: 600; }

/* degradê azul e rosa das seções Manual e Certificado */
.bv-grad { background:
  radial-gradient(circle at 50.42% 49.33%, rgba(0, 0, 0, .91) 0%, 81.8%, rgba(0, 0, 0, 0) 100%),
  radial-gradient(circle at 100% 100%, #116DFF 0%, 7.8%, rgba(17, 109, 255, 0) 26%),
  radial-gradient(circle at 0% 100%, rgba(209, 0, 181, .99) 0%, 25%, rgba(209, 0, 181, 0) 50%),
  radial-gradient(circle at 0% .67%, #116DFF 0%, 42%, rgba(17, 109, 255, 0) 70%),
  radial-gradient(circle at 100% 0%, #D100B5 0%, 100%, rgba(209, 0, 181, 0) 100%),
  #000; }

/* botões azuis */
.bv .bv-btn .wp-block-button__link { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; box-sizing: border-box; padding: 0;
  border-radius: 5px; background: var(--bv-blue); font: 600 22px/1 Poppins, Arial, sans-serif; color: #fff; text-decoration: none; transition: filter .2s; }
.bv .bv-btn .wp-block-button__link:hover { filter: brightness(1.12); }
.bv .bv-btn .wp-block-button { width: 100%; height: 100%; }
.bv .bv-btn--down .wp-block-button__link::after { content: ""; width: 25px; height: 25px; flex: none; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M46.971 100.529l48.572 48.573c1.117 1.117 2.792 1.954 4.466 1.954 1.675 0 3.35-.558 4.466-1.954l48.573-48.573c1.117-1.117 1.954-2.792 1.954-4.466s-.837-3.07-1.954-4.466l-2.792-2.792c-2.513-2.513-6.753-2.513-8.986 0l-32.992 32.661V26.554c0-3.629-2.686-6.583-6.315-6.583h-4.187c-3.63 0-6.709 2.954-6.709 6.583v94.912L58.83 88.805c-2.513-2.513-6.628-2.513-8.861 0l-3.035 2.792c-1.117 1.117-1.936 2.792-1.936 4.466.001 1.675.577 3.35 1.973 4.466z'/%3E%3Cpath d='M148.303 162.819H51.996c-3.629 0-6.536 2.754-6.536 6.383v4.187c0 3.629 2.907 6.641 6.536 6.641h96.308c3.629 0 6.445-3.012 6.445-6.641v-4.187c-.001-3.629-3.096-6.383-6.446-6.383z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M46.971 100.529l48.572 48.573c1.117 1.117 2.792 1.954 4.466 1.954 1.675 0 3.35-.558 4.466-1.954l48.573-48.573c1.117-1.117 1.954-2.792 1.954-4.466s-.837-3.07-1.954-4.466l-2.792-2.792c-2.513-2.513-6.753-2.513-8.986 0l-32.992 32.661V26.554c0-3.629-2.686-6.583-6.315-6.583h-4.187c-3.63 0-6.709 2.954-6.709 6.583v94.912L58.83 88.805c-2.513-2.513-6.628-2.513-8.861 0l-3.035 2.792c-1.117 1.117-1.936 2.792-1.936 4.466.001 1.675.577 3.35 1.973 4.466z'/%3E%3Cpath d='M148.303 162.819H51.996c-3.629 0-6.536 2.754-6.536 6.383v4.187c0 3.629 2.907 6.641 6.536 6.641h96.308c3.629 0 6.445-3.012 6.445-6.641v-4.187c-.001-3.629-3.096-6.383-6.446-6.383z'/%3E%3C/svg%3E") center/contain no-repeat; }
.bv .bv-line { height: 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .9); opacity: 1; }

/* topo */
.bv-topo { height: 97px; }
.bv-social { left: 0; top: 33px; display: flex; gap: 20px; }
.bv-social a, .bv-social img { display: block; width: 30px; height: 30px; }
.bv .bv-siga { left: 100px; top: 25px; width: 120px; font-size: 18px; line-height: 19.8px; font-weight: 400; letter-spacing: -.54px; }
.bv-logo { left: 363px; top: 15px; width: 253px; height: 65px; }
.bv .bv-duvidas { left: 709px; top: 31px; width: 270px; height: 40px; }
.bv .bv-duvidas .wp-block-button__link { background: var(--bv-wa); font-size: 15px; font-weight: 600; }

/* boas-vindas e vídeo */
.bv-hero { height: 1428px; }
.bv .bv-hero__title { left: 29px; top: 41px; width: 588px; font-size: 80px; line-height: 100.3px; font-weight: 600; letter-spacing: -4px; text-align: right; color: #fff; white-space: nowrap; }
.bv .bv-hero__title span { display: block; font-size: 118px; letter-spacing: -8.26px; }
.bv .bv-hero__side { left: 646px; top: 72px; width: 270px; font-size: 29px; line-height: 43.5px; font-weight: 200; letter-spacing: -.87px; }
.bv .bv-hero__side strong { display: block; color: var(--bv-sky); font-weight: 600; }
.bv .bv-hero__lead { left: 50px; top: 283px; width: 880px; font-size: 21px; line-height: 31.5px; font-weight: 200; letter-spacing: -.21px; text-align: center; }
.bv-neon { left: -71px; top: 439px; width: 1123px; height: 870px; }
.bv-video { left: 1px; top: 573px; width: 978px; height: 601px; border-radius: 10px; overflow: hidden; background: #000; }
.bv-video video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; cursor: pointer; }
.bv-video__play { position: absolute; left: 50%; top: 50%; width: 98px; height: 98px; margin: -49px 0 0 -49px; border: 0; padding: 0; background: none; cursor: pointer; opacity: 0; transition: opacity .2s; }
.bv-video.is-paused .bv-video__play { opacity: 1; }
.bv-video__play svg { width: 100%; height: 100%; }
.bv-video__som { position: absolute; right: 36px; bottom: 34px; width: 33px; height: 32px; border: 0; padding: 0; background: none; cursor: pointer; }
.bv-video__som svg { width: 100%; height: 100%; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .6)); }
.bv-video__som .bv-on { display: none; }
.bv-video.is-sound .bv-video__som .bv-on { display: block; }
.bv-video.is-sound .bv-video__som .bv-off { display: none; }

/* manual */
.bv-manual { height: 480px; }
.bv-manual__img { left: -71px; top: 0; width: 375px; height: 480px; }
.bv .bv-manual__title, .bv .bv-cert__title { font-size: 50px; line-height: 70px; font-weight: 600; color: #fff; white-space: nowrap; }
.bv .bv-manual__title { left: 347px; top: 55px; }
.bv .bv-manual .bv-line { left: 351px; top: 144px; width: 60px; }
.bv .bv-manual__text, .bv .bv-cert__text { font-size: 26px; line-height: 39px; font-weight: 200; letter-spacing: -.01em; }
.bv .bv-manual__text strong, .bv .bv-cert__text strong { font-weight: 400; }
.bv .bv-manual__text { left: 351px; top: 169px; width: 614px; }
.bv .bv-manual .bv-btn { left: 351px; top: 362px; width: 343px; height: 62px; }
.bv .bv-manual .bv-btn .wp-block-button__link { font-size: 25px; }
.bv-faixa { height: 53px; }

/* certificado */
.bv-cert { height: 586px; }
.bv .bv-cert__title { left: -24px; top: 48px; }
.bv .bv-cert .bv-line { left: -25px; top: 133px; width: 60px; }
.bv .bv-cert__text { left: -24px; top: 156px; width: 638px; }
.bv .bv-cert__btn1 { left: -24px; top: 389px; width: 343px; height: 62px; }
.bv .bv-cert__btn2 { left: -24px; top: 473px; width: 343px; height: 62px; }
.bv .bv-cert__nota { left: 338px; font-size: 20px; line-height: 29px; font-weight: 600; white-space: nowrap; }
.bv .bv-cert__nota1 { top: 406px; }
.bv .bv-cert__nota2 { top: 489px; }
.bv-cert__img { left: 677px; top: 0; width: 375px; height: 586px; }

/* comunidade no WhatsApp e tutorial */
.bv-comunidade { height: 391px; }
.bv .bv-comunidade__box { left: 20px; top: 60px; width: 940px; height: 271px; border-radius: 5px; background:
  radial-gradient(circle at 54.25% 50.67%, #000 0%, 81.8%, rgba(0, 0, 0, 0) 100%),
  radial-gradient(circle at 96.92% 94%, #116DFF 0%, 7.8%, rgba(17, 109, 255, 0) 26%),
  radial-gradient(circle at 2.92% 94%, rgba(209, 0, 181, .99) 0%, 25%, rgba(209, 0, 181, 0) 50%),
  radial-gradient(circle at 2.58% 4.67%, #116DFF 0%, 42%, rgba(17, 109, 255, 0) 70%),
  radial-gradient(circle at 97.92% 5.33%, #D100B5 0%, 100%, rgba(209, 0, 181, 0) 100%), #000; }
.bv .bv-chamada { left: 75px; font-size: 22px; line-height: 29.7px; font-weight: 400; white-space: nowrap; }
.bv .bv-chamada strong { font-weight: 700; }
.bv .bv-sub { left: 75px; font-size: 16px; line-height: 30px; font-weight: 400; white-space: nowrap; }
.bv .bv-comunidade .bv-chamada { top: 106px; }
.bv .bv-comunidade .bv-sub { top: 146px; }
.bv .bv-comunidade .bv-btn { left: 75px; top: 206px; width: 293px; height: 45px; }
.bv-tutorial { height: 258px; }
.bv .bv-tutorial .bv-line { left: 74px; top: 5px; width: 284px; }
.bv .bv-tutorial .bv-chamada { top: 36px; }
.bv .bv-tutorial .bv-sub { top: 76px; }
.bv .bv-tutorial .bv-btn { left: 75px; top: 136px; width: 293px; height: 45px; }

/* celular e telas menores que o palco: tudo empilhado */
@media (max-width: 999px) {
  .bv-sec { height: auto !important; }
  .bv .bv-stage { width: auto; height: auto; padding: 28px 20px; display: flex; flex-direction: column; gap: 18px; }
  .bv .bv-stage > * { position: relative !important; left: auto !important; top: auto !important; max-width: 100%; }
  .bv-topo .bv-stage { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 20px; padding: 18px 16px; }
  .bv-logo { order: -1; flex: 0 0 100%; width: 200px; height: auto; } .bv-logo img { width: 200px; height: auto; margin: 0 auto; }
  .bv .bv-siga { width: auto; }
  .bv .bv-duvidas { width: 100%; max-width: 300px; }
  .bv .bv-hero__title { width: auto; font-size: 46px; line-height: 52px; letter-spacing: -2px; text-align: center; white-space: normal; }
  .bv .bv-hero__title span { font-size: 66px; line-height: 70px; letter-spacing: -4px; }
  .bv .bv-hero__side { width: auto; font-size: 22px; line-height: 32px; text-align: center; }
  .bv .bv-hero__lead { width: auto; font-size: 18px; line-height: 28px; }
  .bv-neon { display: none; }
  .bv-video { width: 100%; height: auto; aspect-ratio: 978 / 601; }
  .bv-video__som { right: 12px; bottom: 12px; }
  .bv .bv-manual .bv-stage, .bv .bv-cert .bv-stage { padding-top: 0; }
  .bv-manual__img, .bv-cert__img { width: calc(100% + 40px); height: auto; margin: 0 -20px !important; aspect-ratio: 375 / 300; }
  .bv-cert__img { order: -1; }
  .bv .bv-manual__title, .bv .bv-cert__title { font-size: 34px; line-height: 44px; white-space: normal; }
  .bv .bv-manual__text, .bv .bv-cert__text { width: auto; font-size: 19px; line-height: 30px; }
  .bv .bv-manual .bv-btn, .bv .bv-cert__btn1, .bv .bv-cert__btn2 { width: 100%; max-width: 343px; height: 56px; }
  .bv .bv-cert__nota { margin-top: -12px !important; font-size: 16px; white-space: normal; }
  .bv .bv-faixa { display: none; }
  .bv .bv-comunidade__box { display: none; }
  .bv-comunidade .bv-stage { margin: 20px 16px; padding: 28px 20px; border-radius: 5px; background:
    radial-gradient(circle at 96.92% 94%, #116DFF 0%, 7.8%, rgba(17, 109, 255, 0) 30%),
    radial-gradient(circle at 2.92% 94%, rgba(209, 0, 181, .99) 0%, 25%, rgba(209, 0, 181, 0) 55%),
    radial-gradient(circle at 2.58% 4.67%, #116DFF 0%, 20%, rgba(17, 109, 255, 0) 60%), #000; }
  .bv .bv-chamada, .bv .bv-sub { white-space: normal; }
  .bv .bv-chamada { font-size: 20px; line-height: 28px; }
  .bv .bv-sub { font-size: 15px; line-height: 24px; }
  .bv .bv-comunidade .bv-btn, .bv .bv-tutorial .bv-btn { width: 100%; max-width: 293px; height: 48px; }
  .bv .bv-tutorial .bv-line { width: 160px; }
}