/* Página inicial — medidas da Wix a 1440px (área útil 1425px, conteúdo de 934px centralizado). */

/* ---------- 1. Hero ---------- */
.hp-p-home .hp-hero { height: 570px; background: #fff; }
.hp-p-home .hp-hero__inner { height: 570px; }
.hp-p-home .hp-hero__text { padding-top: 84px; width: 460px; }
.hp-p-home .hp-hero__title { white-space: nowrap; }
.hp-p-home .hp-hero__title { font-size: 56px; line-height: 61.6px; font-weight: 600; color: var(--green); }
.hp-p-home .hp-hero__sub { width: 420px; margin-top: 12px !important; padding-left: 2px; font-size: 24px; line-height: 33.6px; font-weight: 700; color: var(--ink); }
.hp-p-home .hp-hero__note { width: 378px; margin-top: 7px !important; padding-left: 2px; font-size: 18px; line-height: 26px; font-weight: 400; color: var(--ink); }
.hp-p-home .hp-hero__btn { margin-top: 19px !important; padding-left: 2px; }
.hp-p-home .hp-hero__img { position: absolute; left: 467px; top: 2px; width: 504px; }
.hp-p-home .hp-hero__img img { width: 504px; height: 509px; object-fit: contain; }

/* ---------- 2. O mundo mudou ---------- */
.hp-p-home .hp-mundo { position: relative; height: 714px; overflow: hidden; background: #000; }
.hp-p-home .hp-mundo::before { content: ""; position: absolute; left: 0; right: 0; top: 109px; height: 606px; background: #141416 url(../../img/mundo-fundo.jpg) center/cover no-repeat; }
.hp-p-home .hp-mundo__earth { position: absolute; left: 50%; top: 125px; width: 1865px; margin-left: -932px; pointer-events: none; }
.hp-p-home .hp-mundo__earth img { width: 1865px; height: 588px; object-fit: cover; }
.hp-p-home .hp-mundo__kicker, .hp-p-home .hp-mundo__title, .hp-p-home .hp-mundo__box, .hp-p-home .hp-mundo__lead { position: absolute; left: 0; right: 0; z-index: 2; text-align: center; }
.hp-p-home .hp-mundo__kicker { top: 95px; font-size: 18px; line-height: 25px; font-weight: 400; color: #fff; }
.hp-p-home .hp-mundo__kicker strong { font-weight: 700; }
.hp-p-home .hp-mundo__title { top: 223px; font-size: 97px; line-height: 105.7px; font-weight: 700; color: var(--green); }
.hp-p-home .hp-mundo__box { top: 405px; width: 865px; max-width: calc(100% - 32px); height: 68px; margin: 0 auto; border-radius: 10px; background: rgba(20, 20, 22, .39); font-size: 40px; line-height: 68px; font-weight: 700; color: var(--green); }
.hp-p-home .hp-mundo__lead { top: 512px; font-size: 30px; line-height: 42px; font-weight: 600; color: #fff; }

/* ---------- 3. Jornada ---------- */
.hp-p-home .hp-jornada { height: 613px; background: #fff; text-align: center; scroll-margin-top: 90px; }
.hp-p-home .hp-jornada__title { padding-top: 53px; font-size: 56px; line-height: 78.4px; }
.hp-p-home .hp-jornada__sub { margin-top: 9px !important; font-size: 18px; line-height: 25.2px; font-weight: 400; color: var(--navy); }
.hp-p-home .hp-jornada__map { position: relative; width: 927px; height: 274px; margin: 19px auto 0 !important; text-align: left; }
.hp-p-home .hp-jornada__img img { width: 927px; height: 274px; }
.hp-p-home .hp-step { position: absolute; margin: 0; font-size: 18px; line-height: 25.2px; font-weight: 700; color: var(--navy); }
.hp-p-home .hp-step--done { color: var(--green); }
.hp-p-home .hp-step--tag { font-size: 14px; line-height: 19.6px; }
.hp-p-home .hp-step--t1 { left: 50px; top: 32px; color: var(--navy); }
.hp-p-home .hp-step--t2 { left: 737px; top: 32px; }
.hp-p-home .hp-step--1 { left: 20px; top: 84px; width: 130px; }
.hp-p-home .hp-step--2 { left: 239px; top: 84px; width: 210px; }
.hp-p-home .hp-step--3 { left: 477px; top: 84px; width: 165px; }
.hp-p-home .hp-step--4 { left: 703px; top: 85px; width: 120px; }
.hp-p-home .hp-step--5 { left: 703px; top: 216px; width: 175px; }
.hp-p-home .hp-step--6 { left: 477px; top: 216px; width: 150px; }
.hp-p-home .hp-step--7 { left: 239px; top: 216px; width: 200px; }
.hp-p-home .hp-step--8 { left: 20px; top: 216px; width: 150px; }
.hp-p-home .hp-jornada__btn { margin-top: 59px !important; justify-content: center; }

/* ---------- 4. O que é Bug Bounty ---------- */
.hp-p-home .hp-bb { position: relative; height: 506px; background: #fff; }
.hp-p-home .hp-bb__box { position: absolute; left: 50%; top: 70px; width: 1285px; max-width: calc(100% - 32px); height: 317px; transform: translateX(-50%); box-sizing: border-box; padding: 58px 0 0 177px;
  background: var(--green); isolation: isolate; overflow: hidden; }
/* foto do mapa a 16% sobre o verde, como na Wix */
.hp-p-home .hp-bb__box::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../../img/bugbounty-fundo.jpg) center/cover no-repeat; opacity: .16; }
.hp-p-home .hp-bb__title { font-size: 56px; line-height: 67.2px; font-weight: 600; color: #fff; }
.hp-p-home .hp-bb__sub { margin-top: 26px !important; padding-left: 5px; font-size: 24px; line-height: 33.6px; font-weight: 700; color: #fff; }
.hp-p-home .hp-bb__cards { position: absolute; left: 50%; top: 310px; width: 977px; max-width: calc(100% - 32px); transform: translateX(-50%); display: flex; justify-content: space-between; }
.hp-p-home .hp-bb__card { width: 292px; height: 136px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 0 60px; border-radius: 10px;
  background: rgba(255, 255, 255, .3); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  font-size: 25px; line-height: 35px; font-weight: 700; color: var(--ink); text-align: center; }

/* ---------- 5. Segurança contínua ---------- */
/* fundo fixo (efeito de revelar ao rolar), como na Wix */
.hp-p-home .hp-seg { position: relative; height: 638px; background: #000 url(../../img/seguranca-fundo.jpg) center top/cover no-repeat fixed; }
.hp-p-home .hp-seg__title { padding-top: 39px; padding-left: 5px; width: 380px; font-size: 63px; line-height: 69.3px; font-weight: 600; letter-spacing: -1.89px; color: var(--green); }
.hp-p-home .hp-seg__sub { padding-left: 4px; font-size: 32px; line-height: 44.8px; font-weight: 700; color: #fff; }
.hp-p-home .hp-seg__dif { display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 56px !important; }
.hp-p-home .hp-seg__dif-text { font-size: 32px; line-height: 44.8px; font-weight: 200; color: #C4C4C5; }
.hp-p-home .hp-seg__dif-logo img { width: 198px; height: 55px; margin-left: 9px; }
.hp-p-home .hp-seg__grid { display: grid; grid-template-columns: 434px 434px; column-gap: 58px; row-gap: 26px; margin-top: 6px !important; padding-left: 4px; }
.hp-p-home .hp-seg__item { position: relative; height: 63px; border-radius: 10px; background: rgba(255, 255, 255, .05); box-sizing: border-box; padding: 0 23px 0 84px; display: flex; align-items: center; justify-content: flex-end; }
.hp-p-home .hp-seg__item img { position: absolute; left: 20px; top: 9px; width: 44px; height: 44px; object-fit: contain; }
.hp-p-home .hp-seg__item p { font-size: 25px; line-height: 35px; font-weight: 600; color: #fff; text-align: right; }

/* ---------- 6. Quem são os Hunters ---------- */
.hp-p-home .hp-hunters { height: 710px; background: #fff; }
.hp-p-home .hp-hunters__head { display: flex; align-items: flex-start; justify-content: space-between; padding-top: 54px; padding-left: 5px; }
.hp-p-home .hp-hunters__title { font-size: 56px; line-height: 78.4px; }
.hp-p-home .hp-hunters__head .wp-block-buttons { margin-top: 13px; }
.hp-p-home .hp-hunters__card { position: relative; width: 845px; height: 452px; margin: 84px 0 0 63px !important; border-radius: 10px; background: var(--ink); }
.hp-p-home .hp-hunters__img { position: absolute; left: 33px; top: -38px; width: 338px; }
.hp-p-home .hp-hunters__img img { width: 338px; height: 532px; object-fit: cover; }
.hp-p-home .hp-hunters__text { position: absolute; left: 401px; top: 33px; width: 418px; }
.hp-p-home .hp-hunters__lead { width: 389px; font-size: 28px; line-height: 39.2px; font-weight: 600; color: var(--green); }
.hp-p-home .hp-hunters__p { font-size: 16px; line-height: 22.4px; font-weight: 400; color: #fff; text-align: justify; }
.hp-p-home .hp-hunters__p--1 { margin-top: 69px !important; }
.hp-p-home .hp-hunters__p--2 { margin-top: 22px !important; }

/* ---------- 7. Pronto para proteger ---------- */
.hp-p-home .hp-pronto { height: 526px; background: #fff; position: relative; }
.hp-p-home .hp-pronto__title { padding-top: 65px; width: 640px; font-size: 56px; line-height: 67.2px; }
.hp-p-home .hp-pronto__p { margin-top: 22px !important; padding-left: 2px; width: 716px; font-size: 18px; line-height: 25.2px; font-weight: 600; color: var(--ink); }
.hp-p-home .hp-pronto__btn { margin-top: 42px !important; }
.hp-p-home .hp-pronto__line { position: absolute; left: 50%; bottom: 10px; width: 1120px; max-width: calc(100% - 32px); transform: translateX(-50%); margin: 0 !important; border: 0; border-top: 1px solid var(--green); opacity: 1; }

/* ---------- Celular ---------- */
@media (max-width: 960px) {
  .hp-p-home .hp-hero, .hp-p-home .hp-hero__inner, .hp-p-home .hp-mundo, .hp-p-home .hp-jornada, .hp-p-home .hp-bb, .hp-p-home .hp-seg, .hp-p-home .hp-hunters, .hp-p-home .hp-pronto { height: auto; }
  .hp-p-home .hp-hero__inner { display: flex; flex-direction: column-reverse; align-items: center; padding: 20px 0 48px; }
  .hp-p-home .hp-hero__text { width: auto; padding-top: 0; text-align: center; }
  .hp-p-home .hp-hero__title { font-size: 38px; line-height: 44px; white-space: normal; }
  .hp-p-home .hp-hero__sub { width: auto; font-size: 20px; line-height: 28px; padding: 0; }
  .hp-p-home .hp-hero__note { width: auto; font-size: 16px; line-height: 24px; padding: 0; }
  .hp-p-home .hp-hero__btn { justify-content: center; padding: 0; }
  .hp-p-home .hp-hero__img { position: static; width: 260px; }
  .hp-p-home .hp-hero__img img { width: 260px; height: 263px; }

  .hp-p-home .hp-mundo { padding: 48px 16px 260px; }
  .hp-p-home .hp-mundo::before { top: 0; height: auto; bottom: 0; }
  .hp-p-home .hp-mundo__kicker, .hp-p-home .hp-mundo__title, .hp-p-home .hp-mundo__box, .hp-p-home .hp-mundo__lead { position: relative; top: auto; }
  .hp-p-home .hp-mundo__kicker { font-size: 16px; line-height: 23px; }
  .hp-p-home .hp-mundo__title { margin-top: 24px !important; font-size: 44px; line-height: 50px; }
  .hp-p-home .hp-mundo__box { height: auto; max-width: 100%; margin-top: 18px !important; padding: 10px 12px; font-size: 22px; line-height: 30px; }
  .hp-p-home .hp-mundo__lead { margin-top: 22px !important; font-size: 20px; line-height: 28px; }
  .hp-p-home .hp-mundo__earth { top: auto; bottom: -40px; width: 900px; margin-left: -450px; }
  .hp-p-home .hp-mundo__earth img { width: 900px; height: 284px; }

  .hp-p-home .hp-jornada { padding: 40px 16px 48px; }
  .hp-p-home .hp-jornada__title { padding-top: 0; font-size: 34px; line-height: 42px; }
  .hp-p-home .hp-jornada__map { width: auto; height: auto; max-width: 360px; margin-top: 24px !important; display: flex; flex-direction: column; gap: 10px; }
  .hp-p-home .hp-jornada__img { display: none; }
  .hp-p-home .hp-step { position: relative; left: auto !important; top: auto !important; width: auto !important; padding-left: 26px; }
  .hp-p-home .hp-step::before { content: ""; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 50%; background: var(--navy); }
  .hp-p-home .hp-step--done::before { background: var(--green); }
  .hp-p-home .hp-step--tag { padding-left: 0; text-transform: uppercase; letter-spacing: .05em; }
  .hp-p-home .hp-step--tag::before { display: none; }
  .hp-p-home .hp-step--t1 { order: 0; } .hp-p-home .hp-step--1 { order: 1; } .hp-p-home .hp-step--2 { order: 2; } .hp-p-home .hp-step--3 { order: 3; }
  .hp-p-home .hp-step--t2 { order: 4; margin-top: 10px; } .hp-p-home .hp-step--4 { order: 5; } .hp-p-home .hp-step--5 { order: 6; } .hp-p-home .hp-step--6 { order: 7; }
  .hp-p-home .hp-step--7 { order: 8; } .hp-p-home .hp-step--8 { order: 9; }
  .hp-p-home .hp-jornada__btn { margin-top: 32px !important; }

  .hp-p-home .hp-bb { padding: 0 0 40px; }
  .hp-p-home .hp-bb__box { position: relative; left: auto; top: auto; transform: none; width: auto; max-width: none; height: auto; padding: 40px 16px 110px; }
  .hp-p-home .hp-bb__title { font-size: 34px; line-height: 42px; }
  .hp-p-home .hp-bb__sub { padding: 0; margin-top: 12px !important; font-size: 18px; line-height: 26px; }
  .hp-p-home .hp-bb__cards { position: relative; left: auto; top: auto; transform: none; width: auto; margin: -80px 16px 0 !important; flex-direction: column; gap: 14px; }
  .hp-p-home .hp-bb__card { width: auto; height: 84px; padding: 0 16px; font-size: 21px; background: rgba(255, 255, 255, .85); }

  .hp-p-home .hp-seg { padding: 40px 0 48px; background-attachment: scroll; background-position: center; }
  .hp-p-home .hp-seg__title { padding: 0; width: auto; font-size: 42px; line-height: 48px; letter-spacing: -1px; }
  .hp-p-home .hp-seg__sub { padding: 0; margin-top: 8px !important; font-size: 24px; line-height: 34px; }
  .hp-p-home .hp-seg__dif { margin-top: 32px !important; }
  .hp-p-home .hp-seg__dif-text { font-size: 24px; }
  .hp-p-home .hp-seg__dif-logo img { width: 150px; height: 42px; }
  .hp-p-home .hp-seg__grid { grid-template-columns: 1fr; row-gap: 12px; padding: 0; margin-top: 16px !important; }
  .hp-p-home .hp-seg__item { padding-left: 76px; }
  .hp-p-home .hp-seg__item p { font-size: 19px; line-height: 26px; }

  .hp-p-home .hp-hunters { padding: 40px 0 48px; }
  .hp-p-home .hp-hunters__head { flex-direction: column; align-items: center; gap: 16px; padding: 0; text-align: center; }
  .hp-p-home .hp-hunters__title { font-size: 34px; line-height: 42px; }
  .hp-p-home .hp-hunters__head .wp-block-buttons { margin-top: 0; }
  .hp-p-home .hp-hunters__card { width: auto; height: auto; margin: 72px 0 0 !important; padding: 0 20px 28px; }
  .hp-p-home .hp-hunters__img { position: relative; left: auto; top: -40px; width: 220px; margin: 0 auto -16px; }
  .hp-p-home .hp-hunters__img img { width: 220px; height: 346px; }
  .hp-p-home .hp-hunters__text { position: static; width: auto; }
  .hp-p-home .hp-hunters__lead { width: auto; font-size: 22px; line-height: 30px; }
  .hp-p-home .hp-hunters__p--1 { margin-top: 18px !important; }
  .hp-p-home .hp-hunters__p { text-align: left; }

  .hp-p-home .hp-pronto { padding: 40px 0 56px; }
  .hp-p-home .hp-pronto__title { padding-top: 0; width: auto; font-size: 34px; line-height: 42px; }
  .hp-p-home .hp-pronto__p { width: auto; padding: 0; font-size: 16px; line-height: 24px; }
  .hp-p-home .hp-pronto__btn { margin-top: 28px !important; }
}