/* Ajuste da versão contínua: evita o vazio deixado pela grade de kits removida. */
.page-adventures .paper-zone .adventure-intro { padding-bottom: 48px; }
@media (max-width: 900px) {
  .page-adventures .paper-zone .adventure-intro { padding-bottom: 40px; }
}
@media (max-width: 620px) {
  .page-adventures .paper-zone .adventure-intro { padding-bottom: 32px; }
}


/* Página contínua — Parte 1: texto e player da seção "Sobre". */
.page-continua #sobre .story-copy{
  left:6.6%;
  top:8.2%;
  width:35.5%;
  max-width:590px;
}
.page-continua #sobre .story-copy .ornament:first-child{
  width:61%;
  margin-bottom:16px;
}
.page-continua #sobre .story-copy .section-title{
  font-size:clamp(2.55rem,3.25vw,4.15rem);
  line-height:.98;
  letter-spacing:-.035em;
}
.page-continua #sobre .story-copy .section-title + .ornament{
  width:0;
  height:18px;
  margin:9px auto 0;
  gap:0;
}
.page-continua #sobre .story-copy .section-title + .ornament::before,
.page-continua #sobre .story-copy .section-title + .ornament::after{display:none}
.page-continua #sobre .story-copy .section-title + .ornament .ornament__star{
  font-size:.72rem;
  color:#ad8536;
}
.page-continua #sobre .story-copy p{
  max-width:520px;
  margin-top:16px;
  font-size:clamp(1.05rem,1.18vw,1.28rem);
  line-height:1.47;
}
.page-continua #sobre .story-copy .closing{
  margin-top:8px;
  font-size:clamp(1.05rem,1.15vw,1.22rem);
}
.page-continua .story-video-card{
  width:min(100%,560px);
  margin:28px auto 0;
  padding:14px 26px 18px;
  border:1px solid rgba(172,128,63,.22);
  border-radius:28px;
  background:rgba(248,240,224,.94);
  box-shadow:0 14px 34px rgba(75,42,12,.09), inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter:blur(2px);
}
.page-continua .story-video-card__heading{
  margin:0 0 10px;
  font-family:var(--font-display);
  color:#17110e;
  text-align:center;
  line-height:1.02;
}
.page-continua .story-video-card__heading strong,
.page-continua .story-video-card__heading small{display:block;font-weight:400}
.page-continua .story-video-card__heading strong{
  font-size:clamp(1.65rem,2vw,2.22rem);
}
.page-continua .story-video-card__heading strong span{color:#a3181d}
.page-continua .story-video-card__heading small{
  margin-top:2px;
  font-size:clamp(1.22rem,1.45vw,1.62rem);
}
.page-continua .story-video-card__media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/7.05;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:15px;
  background:#2b170d;
  box-shadow:0 7px 18px rgba(54,25,8,.16);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.page-continua .story-video-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(22,10,3,.06),rgba(22,10,3,0) 45%,rgba(22,10,3,.08));
  pointer-events:none;
}
.page-continua .story-video-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 57%;
  transition:transform .55s var(--ease-out),filter .35s ease;
}
.page-continua .story-video-card__play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:78px;
  height:78px;
  border:3px solid rgba(255,255,255,.95);
  border-radius:50%;
  background:rgba(40,17,7,.16);
  box-shadow:0 8px 24px rgba(0,0,0,.24);
  transform:translate(-50%,-50%);
  line-height:0;
  pointer-events:none;
  transition:transform .26s ease,background-color .26s ease;
}
.page-continua .story-video-card__play svg{
  display:block;
  width:35px;
  height:35px;
  margin:0;
  fill:#fff;
  transform:translateX(2px);
  transform-origin:center;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));
}
.page-continua .story-video-card__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(76%,340px);
  min-height:52px;
  margin:16px auto 0;
  padding:0 24px;
  border:1px solid rgba(218,172,89,.56);
  border-radius:16px;
  background:linear-gradient(180deg,#ae171d 0%,#950d13 100%);
  box-shadow:0 7px 16px rgba(75,8,11,.16),inset 0 1px 0 rgba(255,255,255,.13);
  color:#fff8ea;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  font-family:var(--font-display);
  font-size:clamp(1.22rem,1.35vw,1.48rem);
  transition:filter .22s ease,box-shadow .22s ease;
}

/* Parte 2 — fundo de papel em toda a seção + collage da direita sobreposta. */
.page-continua #sobre .story-bg{
  object-position:center center;
}
.page-continua #sobre .story-scene{
  left:39.2%;
  top:0;
  right:0;
  bottom:0;
  height:auto;
  overflow:hidden;
  z-index:4;
  perspective:none;
  pointer-events:none;
}
.page-continua #sobre .story-collage{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  filter:none;
  transform:none;
  user-select:none;
  pointer-events:none;
}

@media (hover:hover) and (pointer:fine){
  .page-continua .story-video-card__media:hover img{transform:scale(1.025);filter:brightness(1.03)}
  .page-continua .story-video-card__media:hover .story-video-card__play{transform:translate(-50%,-50%) scale(1.055);background:rgba(139,21,27,.56)}
  .page-continua .story-video-card__cta:hover{filter:brightness(1.055);box-shadow:0 10px 22px rgba(75,8,11,.22),inset 0 1px 0 rgba(255,255,255,.14)}
}
@media (max-width:1100px) and (min-width:821px){
  .page-continua #sobre .story-copy{left:4.5%;top:7%;width:39%;max-width:520px}
  .page-continua #sobre .story-copy .section-title{font-size:clamp(2.25rem,4.1vw,3.2rem)}
  .page-continua #sobre .story-copy p{font-size:1rem}
  .page-continua .story-video-card{margin-top:20px;padding:12px 18px 16px;border-radius:24px}
  .page-continua .story-video-card__play{width:66px;height:66px}
}
@media (max-width:820px){
  .page-continua #sobre .story-copy{
    position:relative;
    inset:auto;
    width:auto;
    max-width:580px;
    margin:0 auto;
    padding:76px 24px 14px;
  }
  .page-continua #sobre .story-copy .section-title{font-size:clamp(2.35rem,9.2vw,3.35rem)}
  .page-continua #sobre .story-copy p{max-width:470px;font-size:1rem}
  .page-continua .story-video-card{max-width:500px;margin-top:24px;padding:14px 18px 18px}
  .page-continua .story-video-card__media{aspect-ratio:16/8}
  .page-continua .story-video-card__play{width:68px;height:68px}
}
@media (max-width:560px){
  .page-continua #sobre .story-copy{padding:58px 18px 12px}
  .page-continua #sobre .story-copy .section-title{font-size:clamp(2.08rem,10.7vw,2.72rem)}
  .page-continua #sobre .story-copy p{font-size:.96rem;line-height:1.48}
  .page-continua #sobre .story-copy .closing{font-size:.98rem}
  .page-continua .story-video-card{width:100%;margin-top:22px;padding:12px 12px 15px;border-radius:22px}
  .page-continua .story-video-card__heading strong{font-size:1.65rem}
  .page-continua .story-video-card__heading small{font-size:1.16rem}
  .page-continua .story-video-card__media{border-radius:13px;aspect-ratio:16/8.6}
  .page-continua .story-video-card__play{width:58px;height:58px;border-width:2px}
  .page-continua .story-video-card__play svg{width:28px;height:28px}
  .page-continua .story-video-card__cta{width:82%;min-height:48px;margin-top:13px;font-size:1.16rem;border-radius:14px}
}

/* Parte 3 — acabamento e responsividade da nova seção. */
@media (min-width:1101px){
  .page-continua #sobre.story{
    /* O conteúdo da coluna esquerda precisa de um piso real de altura.
       Antes, em 1150px, 57.06vw gerava só ~656px e o card era cortado. */
    min-height:clamp(760px,57.06vw,940px);
  }
  .page-continua #sobre .story-copy{
    left:4.2%;
    top:4.7%;
    width:36.2%;
    max-width:none;
  }
  .page-continua #sobre .story-copy > .ornament:first-child{
    width:58%;
    margin-bottom:16px;
  }
  .page-continua #sobre .story-copy p{
    max-width:535px;
  }
  .page-continua .story-video-card{
    width:min(100%,545px);
  }
  .page-continua #sobre .story-scene{
    left:39.2%;
  }
}

@media (min-width:821px) and (max-width:1100px){
  .page-continua #sobre.story{
    /* Faixa intermediária: cresce antes de chegar ao desktop para o vídeo/CTA
       nunca encostarem no corte inferior da seção. */
    min-height:clamp(720px,72vw,790px);
  }
  .page-continua #sobre .story-copy{
    left:3%;
    top:4.5%;
    width:39.5%;
    max-width:none;
  }
  .page-continua #sobre .story-copy > .ornament:first-child{
    width:56%;
    margin-bottom:12px;
  }
  .page-continua #sobre .story-copy .section-title{
    font-size:clamp(2.1rem,4.35vw,3.15rem);
  }
  .page-continua #sobre .story-copy p{
    margin-top:12px;
    font-size:.96rem;
    line-height:1.42;
  }
  .page-continua #sobre .story-copy .closing{
    margin-top:6px;
  }
  .page-continua .story-video-card{
    margin-top:16px;
    padding:10px 15px 14px;
    border-radius:22px;
  }
  .page-continua .story-video-card__heading{
    margin-bottom:8px;
  }
  .page-continua .story-video-card__heading strong{
    font-size:clamp(1.42rem,2.65vw,1.85rem);
  }
  .page-continua .story-video-card__heading small{
    font-size:clamp(1.02rem,2vw,1.32rem);
  }
  .page-continua .story-video-card__cta{
    min-height:46px;
    margin-top:12px;
  }
  .page-continua #sobre .story-scene{
    left:40.8%;
  }
  .page-continua #sobre .story-collage{
    object-position:left center;
  }
}

@media (max-width:820px){
  .page-continua #sobre.story{
    min-height:0!important;
    height:auto;
    overflow:hidden;
    padding:0;
    background:#efe1cc;
  }
  .page-continua #sobre .story-bg{
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .page-continua #sobre .story-copy{
    position:relative;
    inset:auto;
    z-index:7;
    width:auto;
    max-width:620px;
    margin:0 auto;
    padding:64px 24px 24px;
  }
  .page-continua #sobre .story-copy > .ornament:first-child{
    width:58%;
    margin-bottom:14px;
  }
  .page-continua #sobre .story-copy .section-title{
    font-size:clamp(2.4rem,9.3vw,3.45rem);
    line-height:.98;
  }
  .page-continua #sobre .story-copy p{
    max-width:500px;
    margin-top:16px;
    font-size:1rem;
    line-height:1.48;
  }
  .page-continua #sobre .story-copy .closing{
    margin-top:8px;
    font-size:1rem;
  }
  .page-continua .story-video-card{
    width:min(100%,520px);
    margin:24px auto 0;
    padding:14px 16px 17px;
    border-radius:24px;
  }
  .page-continua .story-video-card__media{
    aspect-ratio:16/8;
  }
  .page-continua .story-video-card__play{
    width:66px;
    height:66px;
  }
  .page-continua #sobre .story-scene{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    z-index:5;
    width:100%;
    height:auto;
    aspect-ratio:950/913;
    margin:0;
    overflow:hidden;
  }
  .page-continua #sobre .story-collage{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
}

@media (max-width:560px){
  .page-continua #sobre .story-copy{
    padding:50px 18px 22px;
  }
  .page-continua #sobre .story-copy > .ornament:first-child{
    width:64%;
    margin-bottom:12px;
  }
  .page-continua #sobre .story-copy .section-title{
    font-size:clamp(2.08rem,10.7vw,2.78rem);
  }
  .page-continua #sobre .story-copy p{
    font-size:.96rem;
    line-height:1.46;
  }
  .page-continua .story-video-card{
    margin-top:21px;
    padding:12px 12px 15px;
    border-radius:21px;
  }
  .page-continua .story-video-card__heading{
    margin-bottom:9px;
  }
  .page-continua .story-video-card__heading strong{
    font-size:1.58rem;
  }
  .page-continua .story-video-card__heading small{
    font-size:1.12rem;
  }
  .page-continua .story-video-card__media{
    aspect-ratio:16/8.5;
    border-radius:12px;
  }
  .page-continua .story-video-card__play{
    width:56px;
    height:56px;
    border-width:2px;
  }
  .page-continua .story-video-card__play svg{
    width:26px;
    height:26px;
    transform:translateX(1.5px);
  }
  .page-continua .story-video-card__cta{
    width:84%;
    min-height:47px;
    margin-top:12px;
    padding-inline:16px;
    border-radius:14px;
    font-size:1.12rem;
  }
  .page-continua #sobre .story-scene{
    aspect-ratio:950/913;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-continua .story-video-card__media img,
  .page-continua .story-video-card__play,
  .page-continua .story-video-card__cta{
    transition:none!important;
  }
}



/* Comunicador — novo packshot: composição final da página contínua */
.page-continua .communicator .product-wifi-pulse--communicator{
  display:none!important;
}
.page-continua .communicator .communicator-product{
  filter:drop-shadow(0 14px 20px rgba(28,12,6,.18)) drop-shadow(0 24px 30px rgba(18,8,4,.11));
}
.page-continua .communicator .communicator-product-wrap::after{
  left:10%;
  right:9%;
  bottom:-1%;
  height:8%;
  opacity:.58;
  filter:blur(9px);
}


/* Nova arte do Comunicador: corrige a folga inferior do bitmap.
   O wrapper continua na mesma referência; só o objeto visível desce
   para apoiar na mesa. A sombra também fica mais curta, de contato. */
@media (min-width:821px){
  .page-continua .communicator .communicator-product{
    transform:none!important;
    filter:
      drop-shadow(0 5px 6px rgba(28,12,6,.22))
      drop-shadow(0 2px 3px rgba(18,8,4,.16))!important;
  }

  .page-continua .communicator .communicator-product-wrap::after{
    left:12%!important;
    right:10%!important;
    bottom:-.5%!important;
    height:5%!important;
    opacity:.68!important;
    filter:blur(6px)!important;
  }
}

/* Desktop: composição recalculada para o novo packshot vertical.
   A largura do produto e a altura da seção crescem juntas, com limites próprios.
   Isso impede que a caixa fique gigantesca e cortada em telas largas. */
@media (min-width:1101px){
  .page-continua .communicator{
    height:clamp(760px,58.5vw,1000px)!important;
    min-height:0!important;
  }
  .page-continua .communicator .communicator-bg{
    object-position:center center!important;
  }
  .page-continua .communicator .communicator-copy{
    position:absolute!important;
    left:auto!important;
    right:7.6%!important;
    top:10.8%!important;
    bottom:auto!important;
    width:32%!important;
    max-width:535px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .page-continua .communicator .communicator-copy .section-title{
    font-size:clamp(3.05rem,3.55vw,4rem)!important;
    line-height:.98!important;
  }
  .page-continua .communicator .communicator-copy .ornament{
    width:62%!important;
    margin:25px auto!important;
  }
  .page-continua .communicator .communicator-copy p{
    max-width:520px!important;
    margin-inline:auto!important;
    font-size:1.18rem!important;
    line-height:1.48!important;
  }
  .page-continua .communicator .communicator-copy .button{
    width:auto!important;
    min-width:300px!important;
    margin-top:30px!important;
  }
  .page-continua .communicator .communicator-play{
    width:88px!important;
    margin-top:24px!important;
  }
  .page-continua .communicator .communicator-product-wrap{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(58px,4.4vw,72px)!important;
    width:clamp(590px,44vw,800px)!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
  }
}

/* Notebook/tablet horizontal: mesma lógica, em escala menor. */
@media (min-width:821px) and (max-width:1100px){
  .page-continua .communicator{
    height:760px!important;
    min-height:760px!important;
  }
  .page-continua .communicator .communicator-copy{
    position:absolute!important;
    left:auto!important;
    right:4.2%!important;
    top:10.5%!important;
    bottom:auto!important;
    width:38%!important;
    max-width:430px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .page-continua .communicator .communicator-copy .section-title{
    font-size:clamp(2.65rem,5vw,3.35rem)!important;
  }
  .page-continua .communicator .communicator-product-wrap{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(48px,5.2vw,58px)!important;
    width:clamp(520px,56vw,590px)!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
  }
}

/* Mobile: composição do comunicador sobre a mesa. */
@media (max-width:820px){
  .page-continua .communicator .communicator-product-wrap{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}
@media (max-width:560px){
  .page-continua .communicator .communicator-product-wrap{
    left:50%!important;
    right:auto!important;
    bottom:28px!important;
    width:104%!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
  }
  .page-continua .communicator .communicator-product{
    filter:
      drop-shadow(0 12px 14px rgba(25,10,5,.24))
      drop-shadow(0 5px 5px rgba(20,8,3,.18))!important;
  }
  .page-continua .communicator .communicator-product-wrap::after{
    left:13%!important;
    right:13%!important;
    bottom:-.5%!important;
    height:7%!important;
    opacity:.64!important;
    filter:blur(8px)!important;
  }
}

/* iPhone (~393px): desce só um pouco o comunicador para assentá-lo melhor na mesa. */
@media (max-width:430px){
  .page-continua .communicator .communicator-product-wrap{
    bottom:28px!important;
  }
}

/* Hero — composição responsiva estável da página contínua. */
.page-continua #hero .hero-vignette{
  background:
    linear-gradient(90deg,rgba(7,4,2,.46) 0%,rgba(7,4,2,.28) 26%,rgba(7,4,2,.12) 46%,rgba(7,4,2,0) 64%),
    linear-gradient(180deg,rgba(5,4,2,.10),transparent 58%)!important;
}
.page-continua #hero .hero-copy{
  z-index:4;
  isolation:isolate;
}
.page-continua #hero .hero-copy::before{
  content:"";
  position:absolute;
  left:-10%;
  top:-9%;
  width:118%;
  height:118%;
  background:
    radial-gradient(ellipse at 35% 32%, rgba(9,4,2,.82) 0%, rgba(9,4,2,.72) 22%, rgba(9,4,2,.54) 42%, rgba(9,4,2,.28) 60%, rgba(9,4,2,0) 80%);
  filter:blur(18px);
  opacity:1;
  pointer-events:none;
  z-index:-1;
}
.page-continua #hero .hero-copy .display,
.page-continua #hero .hero-copy .eyebrow,
.page-continua #hero .hero-copy .body-lg{
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.page-continua #hero .hero-copy .body-lg{
  text-shadow:0 3px 14px rgba(0,0,0,.48);
}
.page-continua #hero .hero-product{
  position:absolute;
  overflow:visible;
  max-width:none!important;
  transform-origin:center bottom;
  isolation:isolate;
}
.page-continua #hero .hero-product::after{
  content:"";
  position:absolute;
  left:11%;
  right:6%;
  bottom:-4.6%;
  height:4.6%;
  border-radius:50%;
  background:rgba(24,9,4,.58);
  filter:blur(6px);
  transform:scaleX(.94);
  transform-origin:center;
  opacity:.72;
  pointer-events:none;
  z-index:1;
}
.page-continua #hero .hero-product__image{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  /* O PNG/WebP possui uma margem transparente na base.
     Compensamos no próprio bitmap para a caixa apoiar visualmente na mesa. */
  transform:translateY(0);
}

/* Desktop e notebooks: mesma composição, sem salto entre 900 e 1200 px. */
@media (min-width:901px){
  .page-continua #hero{
    min-height:min(943px,max(700px,calc(100vw * .5664)));
  }
  .page-continua #hero .hero-copy{
    position:absolute;
    transform:none!important;
  }
}

@media (min-width:1180px){
  .page-continua #hero .hero-copy{
    left:10.1%;
    top:7%;
    width:36.5%;
    max-width:620px;
  }
  .page-continua #hero .hero-product{
    left:auto!important;
    right:3.1%!important;
    top:auto!important;
    bottom:clamp(85px,calc(3vw + 50px),95px)!important;
    width:min(18.2%,304px)!important;
    filter:drop-shadow(0 18px 24px rgba(25,8,4,.23))!important;
  }
}

@media (min-width:901px) and (max-width:1179px){
  .page-continua #hero .hero-copy{
    left:clamp(48px,6.5vw,77px);
    top:9%;
    width:44%;
    max-width:500px;
  }
  .page-continua #hero .hero-copy .display{
    font-size:clamp(2.35rem,4.05vw,3rem);
    line-height:1.02;
  }
  .page-continua #hero .hero-copy .body-lg{
    max-width:440px;
    margin-top:18px;
    font-size:clamp(.96rem,1.28vw,1.08rem);
    line-height:1.45;
  }
  .page-continua #hero .hero-actions{
    margin-top:28px;
    gap:20px;
  }
  .page-continua #hero .hero-actions .button{
    min-height:54px;
    padding-inline:22px;
  }
  .page-continua #hero .hero-trailer{
    font-size:1rem;
  }
  .page-continua #hero .hero-trailer img{
    width:52px;
    height:52px;
  }
  .page-continua #hero .hero-product{
    left:auto!important;
    right:clamp(18px,2.7vw,32px)!important;
    top:auto!important;
    bottom:clamp(78px,8vw,92px)!important;
    width:clamp(180px,19.2vw,220px)!important;
    filter:drop-shadow(0 17px 22px rgba(25,8,4,.25))!important;
  }
}


/* HERO → STORY
   O paper é uma camada de transição: metade invade o final do hero
   e metade invade o começo da seção seguinte. Ele fica acima da caixa
   para esconder a base e dar a sensação de que o produto está assentado. */
@media (min-width:901px){
  .page-continua .hero-story-bridge{
    height:clamp(204px,19vw,236px);
    margin-top:clamp(-214px,-18vw,-170px)!important;
    margin-bottom:clamp(-54px,-4vw,-42px)!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative;
    z-index:30;
    pointer-events:none;
  }

  .page-continua .hero-story-bridge .hero-divider{
    position:absolute;
    top:0;
    bottom:auto;
    z-index:32;
    overflow:hidden;
  }

  .page-continua .hero-story-bridge .hero-divider-paper{
    display:block;
    width:100%;
    height:auto;
    transform:none!important;
  }

  .page-continua #hero .hero-product{
    z-index:22;
  }

  .page-continua #sobre{
    position:relative;
    z-index:1;
  }
}

@media (min-width:1180px){
  .page-continua .hero-story-bridge{
    height:236px;
    margin-top:-214px!important;
    margin-bottom:-42px!important;
  }
}

/* Mobile: a caixa fica ancorada à base da fotografia e nunca depende da proporção manual da imagem. */
@media (max-width:900px){
  .page-continua #hero{
    --continua-hero-photo-h:clamp(390px,54svh,500px);
    min-height:0;
    height:auto;
    padding-top:calc(var(--continua-hero-photo-h) - 16px);
    padding-bottom:154px;
    overflow:hidden;
  }
  .page-continua #hero .hero-bg{
    height:var(--continua-hero-photo-h);
  }
  .page-continua #hero .scene-lights--hero{
    height:var(--continua-hero-photo-h);
  }
  .page-continua #hero .hero-copy{
    position:relative;
    inset:auto;
    width:auto;
    max-width:430px;
    margin:0 auto;
    padding:30px 20px 0;
    transform:none!important;
  }
  .page-continua #hero .hero-copy::before{
    left:-6%;
    top:-4%;
    width:112%;
    height:110%;
    filter:blur(14px);
  }
  .page-continua #hero .hero-product{
    left:clamp(18px,7vw,58px)!important;
    right:auto!important;
    top:calc(var(--continua-hero-photo-h) - 30px)!important;
    bottom:auto!important;
    width:clamp(132px,24vw,175px)!important;
    filter:
      drop-shadow(0 8px 8px rgba(20,8,3,.30))
      drop-shadow(0 3px 3px rgba(20,8,3,.20))!important;
    transform:translate3d(
      var(--scroll-x,0px),
      calc(-100% + var(--scroll-y,0px)),
      0
    ) rotate(var(--scroll-r,0deg))!important;
  }
}

@media (max-width:740px){
  .page-continua #hero .hero-product{
    left:clamp(18px,6vw,34px)!important;
    width:clamp(150px,30vw,178px)!important;
    top:calc(var(--continua-hero-photo-h) - 26px)!important;
  }
}

@media (max-width:560px){
  .page-continua #hero .hero-product{
    left:clamp(14px,5vw,24px)!important;
    width:clamp(168px,35vw,194px)!important;
    top:calc(var(--continua-hero-photo-h) - 28px)!important;
  }
  .page-continua #hero .hero-copy{
    padding-top:28px;
  }
}

/* Mobile 2026-09-23: reorganiza o hero de Aventuras dentro da página contínua. */
@media (max-width:620px){
  .page-continua .page-adventures .adventure-flow::before{
    height:700px !important;
    background-image:url("../img/web/adventures-hero-scene.webp") !important;
    background-size:auto 650px !important;
    background-position:72% 155px !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .page-continua .page-adventures .adventure-hero{
    min-height:700px !important;
    height:700px !important;
    align-items:flex-start !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,
      rgba(19,11,8,.98) 0%,
      rgba(19,11,8,.94) 25%,
      rgba(19,11,8,.72) 39%,
      rgba(19,11,8,.30) 53%,
      rgba(19,11,8,0) 68%) !important;
  }

  .page-continua .page-adventures .adventure-hero__shade{
    -webkit-mask-image:none !important;
    mask-image:none !important;
    background:linear-gradient(180deg,
      rgba(12,7,5,.78) 0%,
      rgba(12,7,5,.63) 28%,
      rgba(12,7,5,.28) 45%,
      rgba(12,7,5,0) 61%) !important;
  }

  .page-continua .page-adventures .adventure-hero__inner{
    min-height:700px !important;
    height:700px !important;
    padding:34px 22px 0 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  .page-continua .page-adventures .adventure-hero__copy{
    width:100% !important;
    max-width:414px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
  }

  .page-continua .page-adventures .adventure-display{
    max-width:11ch !important;
    margin:0 auto 12px !important;
    font-size:clamp(2.35rem,10.4vw,2.9rem) !important;
    line-height:.94 !important;
    letter-spacing:-.025em !important;
  }

  .page-continua .page-adventures .adventure-hero__ornament{
    margin:8px auto 10px !important;
  }

  .page-continua .page-adventures .adventure-hero__copy .body-lg{
    max-width:390px !important;
    margin:0 auto !important;
    font-size:.96rem !important;
    line-height:1.48 !important;
    color:rgba(255,246,235,.94) !important;
    text-shadow:0 2px 10px rgba(0,0,0,.48) !important;
  }

  .page-continua .page-adventures .adventure-hero__actions{
    justify-content:center !important;
    margin-top:18px !important;
  }

  .page-continua .page-adventures .adventure-hero__actions .button{
    width:min(100%,310px) !important;
    min-height:50px !important;
    margin:0 auto !important;
    padding:0 20px !important;
  }
}



/* Final CTA — refinamento mobile */
@media (max-width:620px){
  .page-continua .adventure-cta{
    min-height:620px;
    overflow:hidden;
  }
  .page-continua .adventure-cta__bg{
    object-position:64% center;
    transform:scale(1.015);
    transform-origin:center center;
  }
  .page-continua .adventure-cta__shade{
    background:
      linear-gradient(180deg,rgba(18,9,6,.78) 0%,rgba(18,9,6,.54) 31%,rgba(18,9,6,.14) 62%,rgba(18,9,6,.22) 100%),
      linear-gradient(90deg,rgba(18,9,6,.36) 0%,rgba(18,9,6,.18) 48%,rgba(18,9,6,.04) 78%);
  }
  .page-continua .adventure-cta__content.adventure-cta__content--top{
    top:26px;
    left:20px;
    right:20px;
    width:auto;
    max-width:390px;
    margin:0;
    padding:0;
    text-align:left;
  }
  .page-continua .adventure-cta__content--top .adventure-cta__ornament{
    width:200px;
    max-width:58vw;
    margin:0 0 12px;
  }
  .page-continua .adventure-cta__content--top .adventure-cta__title{
    max-width:13ch;
    margin:0;
    font-size:clamp(2.2rem,9.1vw,2.8rem);
    line-height:.98;
    text-align:left;
  }
  .page-continua .adventure-cta__content--top > p{
    max-width:31ch;
    margin:15px 0 19px;
    font-size:.93rem;
    line-height:1.43;
    text-align:left;
  }
  .page-continua .adventure-cta__content--top .button{
    width:auto;
    max-width:100%;
    min-height:50px;
    margin:0;
    padding:0 17px;
    font-size:.69rem;
    white-space:nowrap;
  }
  .page-continua .adventure-cta__lights span{
    width:7px;
    height:7px;
    opacity:.24;
  }
}


/* Cards de aventuras: mantém 3 colunas por mais tempo.
   A quebra para 2 colunas só acontece quando a largura realmente aperta. */
@media (min-width:1000px) and (max-width:1279px){
  .page-continua .adventure-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .page-continua .adventure-product-card{
    height:448px!important;
    min-height:448px!important;
  }

  .page-continua .adventure-product-card__top{
    grid-template-columns:52px minmax(0,1fr)!important;
    column-gap:10px!important;
    flex:0 0 168px!important;
    height:168px!important;
    min-height:168px!important;
    padding:22px 15px 10px!important;
  }

  .page-continua .adventure-product-card__icon,
  .page-continua .adventure-product-card__icon--bracelet{
    width:50px!important;
    height:50px!important;
  }

  .page-continua .adventure-product-card__copy h3{
    font-size:clamp(22px,2.05vw,26px)!important;
    line-height:1!important;
  }

  .page-continua .adventure-product-card__title-main,
  .page-continua .adventure-product-card__title-sub{
    white-space:normal!important;
  }

  .page-continua .adventure-product-card__title-sub{
    margin-top:5px!important;
    font-size:clamp(17px,1.55vw,20px)!important;
    line-height:1.02!important;
  }

  .page-continua .adventure-product-card__copy p{
    margin-top:8px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  .page-continua .adventure-product-card__spark{
    width:20px!important;
    height:13px!important;
  }

  .page-continua .adventure-product-card__spark--left{
    left:15px!important;
    top:129px!important;
  }

  .page-continua .adventure-product-card__spark--right{
    right:15px!important;
    top:129px!important;
  }

  .page-continua .adventure-product-card__media{
    flex:0 0 280px!important;
    height:280px!important;
    min-height:280px!important;
  }

  .page-continua .adventure-product-card__cta{
    left:7%!important;
    right:7%!important;
    bottom:-18px!important;
    height:54px!important;
    min-height:54px!important;
    padding-inline:12px!important;
    font-size:.66rem!important;
    letter-spacing:.055em!important;
  }
}

/* Tablet horizontal: 2 colunas. */
@media (min-width:781px) and (max-width:999px){
  .page-continua .adventure-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
}


/* Faixa intermediária 901–999px:
   preserva a composição desktop, mas abre espaço suficiente para o texto
   e organiza o terceiro card sem deixar um vazio lateral. */
@media (min-width:901px) and (max-width:999px){
  .page-continua .page-adventures .adventure-hero__copy{
    width:46%!important;
    max-width:430px!important;
    margin-left:4.5%!important;
  }

  .page-continua .page-adventures .adventure-hero__ornament{
    width:72%!important;
    margin-bottom:14px!important;
  }

  .page-continua .page-adventures .adventure-display{
    max-width:100%!important;
    font-size:clamp(2.08rem,4vw,2.42rem)!important;
    line-height:1.01!important;
    letter-spacing:-.025em!important;
  }

  .page-continua .page-adventures .adventure-display .display-line{
    white-space:normal!important;
  }

  .page-continua .page-adventures .adventure-hero__copy .body-lg{
    max-width:390px!important;
    margin-top:16px!important;
    font-size:.95rem!important;
    line-height:1.42!important;
  }

  .page-continua .page-adventures .adventure-hero__actions{
    margin-top:22px!important;
  }

  .page-continua .page-adventures .adventure-hero__actions .button{
    min-height:50px!important;
    padding-inline:18px!important;
    font-size:.70rem!important;
  }

  .page-continua .adventure-product-card:nth-child(3){
    grid-column:1 / -1!important;
    width:calc(50% - 9px)!important;
    justify-self:center!important;
  }
}


/* Ajuste fino 901–999px: reduz o buraco entre o hero de aventuras e os cards
   e cria respiro correto entre a primeira linha e o card da Pulseira. */
@media (min-width:901px) and (max-width:999px){
  .page-continua .paper-zone .adventure-intro--overlap{
    transform:translateY(-215px)!important;
    margin-bottom:-215px!important;
  }

  .page-continua .adventure-product-grid{
    row-gap:54px!important;
  }

  .page-continua .adventure-product-card:nth-child(3){
    margin-top:10px!important;
  }
}


/* Ajuste específico 901–960px:
   nessa largura o hero fica mais baixo, então os cards precisam invadir
   mais a transição para não sobrar aquele bloco vazio entre as seções. */
@media (min-width:901px) and (max-width:960px){
  .page-continua .paper-zone .adventure-intro--overlap{
    transform:translateY(-320px)!important;
    margin-bottom:-320px!important;
  }

  .page-continua .adventure-product-grid{
    row-gap:54px!important;
  }

  .page-continua .adventure-product-card:nth-child(3){
    margin-top:10px!important;
  }
}


/* 901–999px: fundo do hero de Aventuras com deslocamento mais lento.
   Evita a imagem "subir" antes do conteúdo e abrir o vazio na transição. */
@media (min-width:901px) and (max-width:999px){
  .page-continua .page-adventures .adventure-flow::before{
    transform:
      translate3d(0,var(--adventure-bg-y-slow,0px),0)
      scale(var(--adventure-bg-scale-slow,1.012))!important;
    transform-origin:center top!important;
  }
}


/* FAQ / cena final — 901 a 1100px:
   a imagem é horizontal dentro de uma coluna alta e estreita.
   O object-position desloca o recorte para a direita para manter
   o Pai Natal visível, sem alterar o texto nem a estrutura da seção. */
@media (min-width:901px) and (max-width:1100px){
  .page-continua .adventure-cta__bg{
    object-position:86% center!important;
  }
}

/* v1.99.4 — WordPress/Hello Elementor link-state compatibility.
   Keep the original design colours on the new Home without affecting the rest of the site. */
.page-continua .button,
.page-continua .button:link,
.page-continua .button:visited,
.page-continua .button:hover,
.page-continua .button:focus,
.page-continua .button:active,
.page-continua .hero-trailer,
.page-continua .hero-trailer:link,
.page-continua .hero-trailer:visited,
.page-continua .hero-trailer:hover,
.page-continua .hero-trailer:focus,
.page-continua .hero-trailer:active {
  color: inherit !important;
  text-decoration: none !important;
}

/* Primary CTAs in the original layout use white text in every interaction state. */
.page-continua a.button--primary,
.page-continua a.button--primary:link,
.page-continua a.button--primary:visited,
.page-continua a.button--primary:hover,
.page-continua a.button--primary:focus,
.page-continua a.button--primary:active {
  color: #fff !important;
}

.page-continua a.hero-trailer,
.page-continua a.hero-trailer:link,
.page-continua a.hero-trailer:visited,
.page-continua a.hero-trailer:hover,
.page-continua a.hero-trailer:focus,
.page-continua a.hero-trailer:active {
  color: #fff !important;
}

@media (max-width:820px){
  .page-continua .communicator .communicator-copy .section-title{
    color:#fff4ea!important;
  }

}

.communicator {
    position: relative;
}

.communicator-new {
    position: absolute;
    top: 25px;
    left: 65%;
    transform: translateX(-50%);
    z-index: 10;

    font-size: 22px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
	color: #c89b52;
}	
@media (max-width: 820px) {
    .communicator-new {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}