/* ============================================
   Start HAP · Landing Page · v38
   ============================================ */

:root{
  --c-navy: #16253E;
  --c-navy-deep: #0E1A2E;
  --c-navy-line: #2A3B57;
  --c-yellow: #ECBF03;
  --c-yellow-soft: #FFF7D6;
  --c-white: #ffffff;
  --c-bg: #FAFBFC;
  --c-bg-soft: #F4F6FA;
  --c-text: #16253E;
  --c-text-light: #5A6678;
  --c-text-mute: #8B96A6;
  --c-border: #E4E7EC;
  --c-wa: #25D366;
  --c-red: #E11D2A;
  --c-red-deep: #B8141F;
  --r: 14px;
  --r-sm: 8px;
  --shadow: 0 2px 14px rgba(22,37,62,.06);
  --shadow-lg: 0 10px 40px rgba(22,37,62,.10);
  --ease: cubic-bezier(.2,.7,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:16px;line-height:1.55;color:var(--c-text);
  background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}

.container{max-width:1180px;margin:0 auto;padding:0 24px}
.container--narrow{max-width:860px}

/* Highlight de palavra */
.hl{
  background:var(--c-yellow);
  color:var(--c-navy);
  padding:.02em .18em .04em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  font-weight:800;
  border-radius:2px;
  line-height:.95;
}

/* Etiqueta (eyebrow) */
.eyebrow{
  display:inline-block;
  font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--c-navy);
  margin-bottom:18px;
  text-transform:uppercase;
}
.eyebrow--navy{color:var(--c-navy)}
.eyebrow--yellow{color:var(--c-yellow)}

/* Headings */
.h2{
  font-size:clamp(28px,4vw,42px);
  font-weight:800;
  line-height:1.32;
  color:var(--c-navy);
  letter-spacing:-.02em;
  margin-bottom:36px;
  max-width:920px;
}
.h2 .hl{line-height:.95;padding:.02em .18em .04em}
.h2--white{color:var(--c-white)}
.h2--center{text-align:center;margin-left:auto;margin-right:auto}
.h2--tight{margin-bottom:8px;font-size:clamp(24px,3vw,34px)}
.h3{font-size:22px;font-weight:700;color:var(--c-navy);margin-bottom:24px}
.h3--center{text-align:center}

/* ============ BOTÕES ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:700;
  border-radius:999px;
  padding:14px 28px;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease);
  border:0;cursor:pointer;
  font-size:15px;
  white-space:nowrap;
  text-align:center;
}
.btn--primary{
  background:var(--c-yellow);
  color:var(--c-navy);
  box-shadow:0 6px 22px rgba(236,191,3,.32);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(236,191,3,.42)}
.btn--lg{padding:18px 36px;font-size:17px}
.btn--full{display:flex;width:100%}

/* ============ TARJA SUPERIOR FIXA (P-Excellence · texto · CTA) ============ */
.topbar{
  position:static;
  background:linear-gradient(90deg,#F4CC1A,var(--c-yellow) 45%,#E3B702);
  color:var(--c-navy);
  box-shadow:0 1px 0 rgba(22,37,62,.14);
}
body{padding-top:0}
.topbar__inner{
  max-width:1180px;margin:0 auto;padding:11px 24px;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:16px;
}
.topbar__logo{display:flex;align-items:center;justify-self:start;min-width:0}
.topbar__logo img{
  height:auto;width:auto;
  max-height:32px;max-width:200px;
  object-fit:contain;display:block;
}
.topbar__spacer{justify-self:end}
.topbar__text{
  justify-self:center;text-align:center;
  font-size:12px;font-weight:700;letter-spacing:.045em;line-height:1.3;
  color:var(--c-navy);
  margin:0;
}
.topbar__text strong{font-weight:800}
.topbar__dot{margin:0 8px;opacity:.55}

@media (max-width: 760px){
  .topbar__inner{
    grid-template-columns:auto 1fr;
    gap:10px;padding:8px 14px;
    align-items:center;
  }
  .topbar__logo img{max-height:22px;max-width:132px}
  .topbar__spacer{display:none}
  .topbar__text{
    justify-self:center;text-align:center;
    font-size:10px;letter-spacing:.02em;line-height:1.3;
  }
  /* texto em 2 linhas controladas: nenhuma das duas quebra */
  .topbar__dot{display:none}
  .topbar__line{display:block;white-space:nowrap}
}

@media (max-width: 430px){
  .topbar__inner{gap:8px;padding:8px 12px}
  .topbar__logo img{max-height:19px;max-width:120px}
  .topbar__text{font-size:9.2px;letter-spacing:.01em}
}

/* telas estreitas: a logo some pra frase respirar (volta no tablet/desktop) */
@media (max-width: 400px){
  .topbar__inner{grid-template-columns:1fr;gap:0}
  .topbar__logo{display:none}
  .topbar__text{font-size:9.6px}
}

/* ============ HERO ============ */
.hero{
  position:relative;
  background:linear-gradient(180deg, #FFFFFF 0%, #F4F6FA 100%);
  overflow:hidden;
  padding:44px 0 80px;
}
.hero::before{
  content:"";position:absolute;
  top:-200px;right:-200px;
  width:600px;height:600px;
  background:radial-gradient(circle, rgba(236,191,3,.18) 0%, transparent 70%);
  pointer-events:none;
}
.hero__inner{
  position:relative;
  max-width:980px;margin:0 auto;padding:0 24px;
  text-align:center;
}
.hero__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero__h1{
  font-size:clamp(32px,4.4vw,48px);
  line-height:1.3;font-weight:900;
  letter-spacing:-.025em;
  color:var(--c-navy);
  margin-bottom:18px;
  max-width:880px;
  text-wrap:balance;
}
.hero__h1 .hl{line-height:.95;padding:.02em .2em .04em}
.h1br-mob{display:none}
.hero__sub{
  font-size:18px;line-height:1.6;color:var(--c-text-light);
  margin-bottom:26px;max-width:680px;
}
.hero__sub strong{color:var(--c-navy);font-weight:700}

.hero__video{
  width:100%;max-width:840px;margin:0 auto 32px;
}
.video-card{
  background:var(--c-navy);
  border-radius:var(--r);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.video-card__placeholder{
  aspect-ratio:16/9;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 30% 30%, rgba(236,191,3,.18), transparent 50%),
    linear-gradient(135deg, var(--c-navy) 0%, var(--c-navy-deep) 100%);
  color:var(--c-yellow);
}
.video-card__placeholder svg{width:72px;height:72px;filter:drop-shadow(0 8px 24px rgba(236,191,3,.5))}
.video-card__caption{
  background:var(--c-navy-deep);
  color:rgba(255,255,255,.7);
  font-size:12px;text-align:center;padding:10px;
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;
}
.hero__video-tip{
  text-align:center;
  font-size:14px;color:var(--c-text-light);
  margin-top:14px;
  font-style:italic;
  line-height:1.5;
  max-width:560px;
  margin-left:auto;margin-right:auto;
}

.hero__cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}
.hero__cta-note{font-size:13px;color:var(--c-text-mute)}

/* Selo de avaliações do Google */
.google-badge{
  display:inline-flex;align-items:center;gap:10px;
  max-width:100%;flex-wrap:wrap;justify-content:center;
  background:var(--c-white);
  border:1px solid var(--c-border);
  border-radius:999px;
  padding:9px 18px;
  margin:18px auto 0;
  box-shadow:0 2px 10px rgba(22,37,62,.06);
  transition:transform .15s var(--ease), box-shadow .15s;
}
.google-badge:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,37,62,.12)}
.google-badge__g{width:18px;height:18px;flex-shrink:0}
.google-badge__stars{
  color:var(--c-yellow);font-size:15px;letter-spacing:1px;
  text-shadow:0 0 1px rgba(22,37,62,.15);
}
.google-badge__text{font-size:13px;color:var(--c-text-light);white-space:nowrap}
.google-badge__text strong{color:var(--c-navy);font-weight:800}
.google-badge--center{display:flex;width:fit-content;margin:16px auto 0}

.hero__proof{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:32px;
  padding-top:24px;border-top:1px solid var(--c-border);
  width:100%;max-width:680px;
}
.hero__proof li{font-size:13px;color:var(--c-text-light);text-align:center}
.hero__proof strong{
  display:block;font-size:22px;font-weight:800;
  color:var(--c-navy);line-height:1;margin-bottom:4px;
}

@media (max-width: 760px){
  .hero{padding:26px 0 56px}
  .hero__h1{font-size:clamp(26px,7vw,36px);margin-bottom:18px;line-height:1.5}
  /* faixa amarela ~30% mais baixa + respiro entre linhas pra não grudar */
  .hero__h1 .hl{padding:.01em .16em .02em;line-height:1.1}
  .h1br-desk{display:none}
  .h1br-mob{display:inline}
  .hero__sub{font-size:16px;margin-bottom:22px}
  .video-card__placeholder svg{width:52px;height:52px}
  .hero__proof{gap:18px}
  .hero__proof li{flex:1;min-width:30%}
  .btn--lg{padding:16px 24px;font-size:15px;white-space:normal;line-height:1.3}
}

/* ============ SEÇÃO 2 · DORES ============ */
.recognize{
  background:var(--c-white);
  padding:90px 0;
}
.recognize .eyebrow{color:var(--c-text-mute)}
.dores{
  display:grid;grid-template-columns:repeat(2,1fr);gap:24px;
}
.dor{
  background:var(--c-bg-soft);
  border-radius:var(--r);
  padding:32px;
  position:relative;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.dor:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.dor__num{
  position:absolute;top:24px;right:28px;
  font-size:34px;font-weight:900;color:var(--c-yellow);
  letter-spacing:-.04em;line-height:1;
}
.dor__title{
  font-size:18px;font-weight:800;
  color:var(--c-navy);margin-bottom:12px;
  padding-right:60px;line-height:1.3;
}
.dor__text{color:var(--c-text-light);font-size:15px;line-height:1.6}

@media (max-width: 760px){
  .recognize{padding:60px 0}
  .dores{grid-template-columns:1fr}
  .dor{padding:24px}
  .dor__num{font-size:28px;top:20px;right:20px}
  .dor__title{padding-right:50px}
}

/* ============ SEÇÃO 3 · A ORDEM CERTA (navy) ============ */
.order{
  background:
    radial-gradient(circle at 80% 20%, rgba(236,191,3,.08), transparent 50%),
    linear-gradient(180deg, var(--c-navy) 0%, var(--c-navy-deep) 100%);
  color:var(--c-white);
  padding:96px 0;
  position:relative;
  overflow:hidden;
}
.order::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(circle at center, #000 30%, transparent 80%);
  mask-image:radial-gradient(circle at center, #000 30%, transparent 80%);
  pointer-events:none;
}
.order > .container{position:relative}
.order .eyebrow{color:var(--c-yellow)}

.order__flow{
  display:flex;align-items:center;justify-content:center;gap:24px;
  margin:48px 0 56px;
  flex-wrap:wrap;
}
.order__step{
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  min-width:140px;
}
.order__icon{
  width:88px;height:88px;border-radius:50%;
  background:rgba(236,191,3,.10);
  color:var(--c-yellow);
  display:grid;place-items:center;
  border:1.5px solid rgba(236,191,3,.30);
}
.order__icon svg{width:38px;height:38px}
.order__title{
  font-size:18px;font-weight:800;
  color:var(--c-white);letter-spacing:.02em;
  text-transform:uppercase;
}
.order__arrow{
  font-size:40px;color:var(--c-yellow);
  font-weight:900;line-height:1;
}
.order__text{
  max-width:760px;
  font-size:16px;line-height:1.7;color:rgba(255,255,255,.85);
}
.order__text p{margin-bottom:18px}
.order__text strong{color:var(--c-white);font-weight:700}
.order__closing{
  margin-top:8px!important;
  font-size:18px;color:var(--c-white)!important;
  font-weight:700;
}

@media (max-width: 760px){
  .order{padding:64px 0}
  .order__flow{flex-direction:column;gap:8px}
  .order__arrow{transform:rotate(90deg);font-size:32px}
}

/* ============ SEÇÃO 4 · O QUE VOCÊ SAI FAZENDO ============ */
.outputs{
  background:var(--c-bg);
  padding:96px 0;
}
.outputs__grid{
  display:grid;grid-template-columns:1fr;gap:28px;
}
.output-card{
  background:var(--c-white);
  border-radius:var(--r);
  padding:36px;
  border:1px solid var(--c-border);
  box-shadow:var(--shadow);
  display:flex;flex-direction:column;
  min-width:0;
}
.output-card__head{margin-bottom:24px}
.output-card__tag{
  display:inline-block;
  background:var(--c-yellow);color:var(--c-navy);
  font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:4px 10px;border-radius:4px;margin-bottom:14px;
}
.output-card__title{
  font-size:36px;font-weight:900;
  color:var(--c-navy);letter-spacing:-.02em;
  margin-bottom:4px;
}
.output-card__sub{
  font-size:15px;color:var(--c-text-light);
  font-weight:500;
}
.output-card__body{color:var(--c-text-light);font-size:15px;line-height:1.65;margin-top:auto}
.output-card__body strong{color:var(--c-navy);font-weight:700}
.output-card__caption-tip{
  text-align:center;font-size:12px;
  color:var(--c-text-mute);letter-spacing:.04em;
  text-transform:uppercase;font-weight:600;
  margin:8px 0 20px;
}

/* SIPOC · 3 cards (Processo 1/2/3) · grid 3 colunas no desktop, empilha no mobile */
.sipoc-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:24px;
}

/* correção de overflow lateral entre ~760 e ~880px:
   itens de grid nascem com min-width:auto e o conteúdo largo vaza o card */
.sipoc-cards > *{min-width:0}
.sipoc-card{min-width:0;overflow-wrap:anywhere}
.sipoc-card__list > div{min-width:0}
.sipoc-card__list dd,.sipoc-card__ol li{min-width:0;overflow-wrap:anywhere}

/* POP · 2 thumbs lado a lado, clica e amplia */
.pop-images{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin-bottom:8px;
}
.pop-thumb{
  position:relative;
  background:var(--c-white);
  border:1px solid var(--c-border);
  border-radius:var(--r-sm);
  padding:0;
  overflow:hidden;
  cursor:zoom-in;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
  display:block;
}
.pop-thumb:hover{
  transform:translateY(-3px);
  border-color:var(--c-yellow);
  box-shadow:0 8px 24px rgba(22,37,62,.10);
}
.pop-thumb img{
  width:100%;height:auto;display:block;
  background:#FFF;
}
.pop-thumb__zoom{
  position:absolute;
  bottom:8px;right:8px;
  display:flex;align-items:center;gap:6px;
  background:rgba(22,37,62,.92);
  color:var(--c-yellow);
  padding:6px 10px;border-radius:6px;
  font-size:11px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;
  opacity:0;
  transition:opacity .2s;
  pointer-events:none;
}
.pop-thumb__zoom svg{width:13px;height:13px}
.pop-thumb:hover .pop-thumb__zoom{opacity:1}

@media (max-width: 760px){
  .outputs{padding:60px 0}
  .outputs__grid{grid-template-columns:1fr}
  .output-card{padding:24px}
  .output-card__title{font-size:30px}
  .pop-thumb__zoom{opacity:1}
  /* SIPOC mobile · 3 cards empilham em 1 coluna */
  .sipoc-cards{grid-template-columns:1fr;gap:14px}
  /* POP mobile · imagens empilhadas (uma sobre a outra, largura cheia) */
  .pop-images{grid-template-columns:1fr;gap:14px}
}

/* SIPOC card (desktop e mobile) */
.sipoc-card{
  background:var(--c-white);
  border:1px solid var(--c-border);
  border-radius:var(--r-sm);
  padding:18px 18px 6px;
  position:relative;
  box-shadow:0 2px 10px rgba(22,37,62,.05);
}
.sipoc-card::before{
  content:"";position:absolute;top:0;left:0;bottom:0;
  width:4px;border-radius:var(--r-sm) 0 0 var(--r-sm);
  background:var(--c-yellow);
}
.sipoc-card__tag{
  display:inline-block;
  font-size:10px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--c-text-mute);
  margin-bottom:6px;
}
.sipoc-card__proc{
  font-size:17px;font-weight:800;
  color:var(--c-navy);line-height:1.2;
  margin-bottom:14px;
}
.sipoc-card__proc span{font-weight:700;color:var(--c-text-light);font-size:14px}
.sipoc-card__list{margin:0}
.sipoc-card__list > div{
  display:grid;grid-template-columns:92px 1fr;gap:10px;
  padding:9px 0;
  border-top:1px solid var(--c-border);
}
.sipoc-card__list dt{
  font-size:11px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--c-text-mute);
  padding-top:1px;
}
.sipoc-card__list dd{
  margin:0;font-size:14px;line-height:1.4;color:var(--c-text);
}
.sipoc-card__ol{
  margin:0;padding:0;list-style:none;
  counter-reset:sipoc;
}
.sipoc-card__ol li{
  counter-increment:sipoc;
  position:relative;
  padding-left:20px;
  margin-bottom:4px;
}
.sipoc-card__ol li:last-child{margin-bottom:0}
.sipoc-card__ol li::before{
  content:counter(sipoc);
  position:absolute;left:0;top:0;
  font-size:11px;font-weight:800;
  color:var(--c-navy);
  background:var(--c-yellow);
  width:15px;height:15px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  line-height:1;margin-top:1px;
}

/* ============ LIGHTBOX ============ */
.lightbox{
  position:fixed;inset:0;z-index:1000;
  background:rgba(14,26,46,.94);
  display:flex;align-items:center;justify-content:center;
  padding:60px 80px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:lb-in .2s var(--ease);
}
.lightbox[hidden]{display:none!important}
@keyframes lb-in{from{opacity:0}to{opacity:1}}
.lightbox__img{
  max-width:100%;max-height:100%;
  width:auto;height:auto;
  border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  background:#fff;
}
.lightbox__close{
  position:absolute;top:20px;right:20px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  height:46px;padding:0 18px 0 14px;border-radius:999px;
  background:var(--c-yellow);
  border:2px solid var(--c-yellow);
  color:var(--c-navy);
  font-family:inherit;font-weight:800;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:transform .15s var(--ease), filter .15s;
}
.lightbox__close:hover{filter:brightness(1.05);transform:translateY(-1px)}
.lightbox__close svg{width:20px;height:20px}
.lightbox__close-label{line-height:1}
.lightbox__nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  display:grid;place-items:center;
  transition:background .15s, transform .15s;
}
.lightbox__nav:hover{background:rgba(255,255,255,.18)}
.lightbox__nav--prev{left:20px}
.lightbox__nav--next{right:20px}
.lightbox__nav svg{width:22px;height:22px}
.lightbox__nav[hidden]{display:none}
.lightbox__counter{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  color:rgba(255,255,255,.7);
  font-size:13px;letter-spacing:.06em;
  background:rgba(0,0,0,.30);
  padding:6px 14px;border-radius:999px;
}

@media (max-width: 760px){
  .lightbox{padding:64px 12px 70px}
  .lightbox__close{top:12px;right:12px;height:42px;padding:0 16px 0 12px;font-size:13px}
  .lightbox__close svg{width:18px;height:18px}
  /* setas mais visíveis: amarelo sólido, na base junto ao contador */
  .lightbox__nav{
    width:46px;height:46px;
    background:var(--c-yellow);
    border-color:var(--c-yellow);
    color:var(--c-navy);
    top:auto;bottom:14px;transform:none;
    box-shadow:0 4px 14px rgba(0,0,0,.35);
  }
  .lightbox__nav svg{width:22px;height:22px}
  .lightbox__nav--prev{left:auto;right:calc(50% + 52px)}
  .lightbox__nav--next{right:calc(50% - 98px)}
  .lightbox__counter{bottom:24px;font-size:12px;background:rgba(0,0,0,.5)}
}

/* ============ SEÇÃO 5 · É PRA VOCÊ ============ */
.forwho{
  background:var(--c-white);
  padding:96px 0;
}
.forwho__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  max-width:1000px;margin:0 auto;
}
.forwho__block{
  border-radius:var(--r);
  padding:32px;
}
.forwho__block--yes{
  background:#F1F8F0;
  border:1px solid #D4E8D0;
}
.forwho__block--no{
  background:var(--c-bg-soft);
  border:1px solid var(--c-border);
}
.forwho__title{
  font-size:18px;font-weight:800;
  color:var(--c-navy);margin-bottom:18px;
}
.forwho__block--no .forwho__title{color:var(--c-text-light)}
.forwho__list{list-style:none;display:flex;flex-direction:column;gap:14px}
.forwho__list li{
  position:relative;padding-left:30px;
  font-size:15px;line-height:1.55;color:var(--c-text);
}
.forwho__block--yes .forwho__list li::before{
  content:"";position:absolute;left:0;top:6px;
  width:18px;height:18px;border-radius:50%;
  background:#3D9B3D;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6l2 2 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:12px;
}
.forwho__block--no .forwho__list li{color:var(--c-text-light)}
.forwho__block--no .forwho__list li::before{
  content:"×";position:absolute;left:0;top:-2px;
  width:18px;height:18px;font-size:18px;
  color:var(--c-text-mute);font-weight:700;
  text-align:center;line-height:18px;
}

@media (max-width: 760px){
  .forwho{padding:60px 0}
  .forwho__grid{grid-template-columns:1fr}
  .forwho__block{padding:24px}
}

/* ============ SEÇÃO 6 · CONTEÚDO/MÓDULOS ============ */
.content{background:var(--c-bg);padding:96px 0}
.content__intro{
  max-width:780px;font-size:17px;line-height:1.7;
  color:var(--c-text-light);margin-bottom:48px;
}
.content__intro strong{color:var(--c-navy);font-weight:700}
.modules{display:flex;flex-direction:column;gap:8px;max-width:920px}
.module{
  background:var(--c-white);border:1px solid var(--c-border);
  border-radius:var(--r-sm);overflow:hidden;
  transition:border-color .15s;
}
.module:hover{border-color:#C9D1DE}
.module[open]{border-color:var(--c-yellow)}
.module__head{
  display:grid;grid-template-columns:auto 1fr auto auto auto;
  gap:18px;align-items:center;padding:20px 24px;cursor:pointer;list-style:none;
}
.module__head::-webkit-details-marker{display:none}
.module__num{font-size:14px;font-weight:800;color:var(--c-yellow);letter-spacing:.04em;min-width:24px}
.module__title{font-size:16px;font-weight:700;color:var(--c-navy);line-height:1.3}
.module__meta{font-size:12px;color:var(--c-text-mute);font-weight:600;letter-spacing:.02em}
.module__tag{
  display:inline-block;background:var(--c-yellow);color:var(--c-navy);
  font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:4px;
}
.module__chev{font-size:20px;color:var(--c-text-mute);transition:transform .25s var(--ease);line-height:1}
.module[open] .module__chev{transform:rotate(90deg);color:var(--c-yellow)}
.module__body{padding:0 24px 22px}
.module--bonus{background:#FFFCEF;border-color:#F0D85F}
.lessons{list-style:none;border-top:1px solid var(--c-border);padding-top:14px}
.lessons li{
  position:relative;padding:8px 0 8px 28px;
  font-size:14px;color:var(--c-text-light);line-height:1.5;
  border-bottom:1px dashed var(--c-border);
}
.lessons li:last-child{border-bottom:0}
.lessons li::before{
  content:"›";position:absolute;left:8px;top:8px;
  color:var(--c-yellow);font-weight:900;font-size:16px;line-height:1.4;
}

@media (max-width: 600px){
  .content{padding:60px 0}
  .module__head{grid-template-columns:auto 1fr auto;gap:12px;padding:16px 18px}
  .module__meta, .module__tag{grid-column:2/3;font-size:11px;margin-top:4px}
  .module__title{font-size:15px}
  .lessons li{font-size:13px}
}

/* ============ SEÇÃO 7 · MENTOR + PROVA SOCIAL ============ */
.mentor{background:var(--c-white);padding:96px 0}
.mentor__top{
  display:grid;grid-template-columns:280px 1fr;gap:48px;
  align-items:start;margin-bottom:64px;
}
.mentor__photo{
  width:100%;aspect-ratio:4/5;
  border-radius:var(--r);overflow:hidden;
  box-shadow:var(--shadow-lg);
  background:linear-gradient(135deg, var(--c-navy), var(--c-navy-deep));
}
.mentor__photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
}
.mentor__role{
  color:var(--c-yellow);font-weight:700;font-size:14px;
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;
}
.mentor__text{
  font-size:16px;line-height:1.7;color:var(--c-text-light);margin-bottom:24px;
}
.mentor__text strong{color:var(--c-navy);font-weight:700}
.mentor__stats{
  display:flex;flex-wrap:wrap;gap:32px;
  padding:20px 0;border-top:1px solid var(--c-border);
  border-bottom:1px solid var(--c-border);margin-bottom:24px;
}
.mentor__stat strong{
  display:block;font-size:28px;font-weight:800;
  color:var(--c-navy);line-height:1;margin-bottom:4px;letter-spacing:-.02em;
}
.mentor__stat span{font-size:12px;color:var(--c-text-light)}
.mentor__closing{
  font-size:15px;line-height:1.65;color:var(--c-text-light);font-style:italic;
}
.mentor__divider{border:0;height:1px;background:var(--c-border);margin:48px 0}

/* Depoimentos */
.testimonials-carousel{margin-top:24px}
.testimonials__nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.testimonials__arrow{
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:1px solid var(--c-border);color:var(--c-navy);
  display:grid;place-items:center;cursor:pointer;
  transition:background .15s,box-shadow .15s,opacity .15s;
}
.testimonials__arrow:hover{box-shadow:var(--shadow-sm);background:var(--c-bg-soft)}
.testimonials__arrow svg{width:18px;height:18px}
.testimonials__arrow:disabled{opacity:.35;cursor:default}
.testimonials{
  display:flex;gap:18px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:8px;
}
.testimonials::-webkit-scrollbar{display:none}
.testimonial{flex:0 0 calc((100% - 54px) / 4);scroll-snap-align:start;min-width:0}
.testimonial__thumb{
  aspect-ratio:9/16;
  background:linear-gradient(135deg, var(--c-navy), var(--c-navy-deep));
  border-radius:var(--r-sm);border:0;padding:0;width:100%;display:block;
  cursor:pointer;margin-bottom:12px;
  transition:transform .2s var(--ease);
  position:relative;overflow:hidden;
}
.testimonial__thumb::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at center, rgba(236,191,3,.12), transparent 60%);
}
.testimonial__thumb:hover{transform:translateY(-3px)}
.testimonial__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;z-index:0;
}
.testimonial__thumb::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, rgba(14,26,46,.05) 35%, rgba(14,26,46,.55));
}
.testimonial__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:54px;height:54px;border-radius:50%;
  background:rgba(236,191,3,.94);color:var(--c-navy);
  display:grid;place-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  transition:transform .2s var(--ease);
}
.testimonial__thumb:hover .testimonial__play{transform:translate(-50%,-50%) scale(1.08)}
.testimonial__play svg{width:22px;height:22px;margin-left:3px}
.testimonial__name{font-size:14px;font-weight:700;color:var(--c-navy);margin-bottom:2px}
.testimonial__role{font-size:12px;color:var(--c-text-light)}
.testimonials__dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.testimonials__dot{
  width:8px;height:8px;border-radius:50%;padding:0;border:0;cursor:pointer;
  background:var(--c-border);transition:background .2s, transform .2s;
}
.testimonials__dot.is-active{background:var(--c-yellow);transform:scale(1.3)}

@media (max-width: 880px){
  .mentor{padding:60px 0}
  .mentor__top{grid-template-columns:1fr;gap:24px;text-align:center}
  .mentor__photo{max-width:240px;margin:0 auto}
  .mentor__stats{justify-content:center}
}
@media (max-width: 760px){
  .testimonials{
    display:flex;flex-wrap:nowrap;
    overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;padding-bottom:8px;margin-bottom:0;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .testimonials::-webkit-scrollbar{display:none}
  .testimonial{flex:0 0 calc((100% - 14px) / 2);scroll-snap-align:start}
  .testimonials__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
  .testimonials__dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--c-border);
    transition:background .2s, transform .2s;
  }
  .testimonials__dot.is-active{background:var(--c-yellow);transform:scale(1.3)}
}

/* ============ SEÇÃO 8 · OFERTA · nível IA HAP ============ */
.offer{
  background:
    radial-gradient(circle at 20% 80%, rgba(236,191,3,.08), transparent 50%),
    linear-gradient(180deg, var(--c-navy-deep) 0%, var(--c-navy) 100%);
  color:var(--c-white);
  padding:96px 0;
}
.offer .eyebrow{color:var(--c-yellow)}
.offer__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  max-width:1180px;margin:0 auto;
  align-items:start;
}
.offer__grid > *{min-width:0}

/* === Coluna esquerda === */
.offer__left{color:var(--c-white)}
.offer__h2{
  font-size:clamp(32px,3.6vw,42px);
  font-weight:800;line-height:1.15;
  letter-spacing:-.02em;
  color:var(--c-white);
  margin-bottom:20px;
}
.offer__h2-accent{color:var(--c-yellow)}
.offer__intro{
  font-size:16px;line-height:1.65;
  color:rgba(255,255,255,.78);
  margin-bottom:32px;max-width:480px;
}

/* Placeholder área de membros · simples, troca por imagem real depois */
.offer__members{margin-bottom:32px}
.offer__members-window{
  background:#1A2A45;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  overflow:hidden;
}
.offer__members-bar{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;
  background:rgba(0,0,0,.20);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.offer__members-dot{
  width:10px;height:10px;border-radius:50%;
  background:#26C66E;
}
.offer__members-bar-text{
  font-size:10.5px;font-weight:700;
  color:rgba(255,255,255,.55);
  letter-spacing:.10em;
}
.offer__members-placeholder{
  aspect-ratio:16/10;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;
  color:rgba(255,255,255,.30);
  background:
    repeating-linear-gradient(45deg, transparent, transparent 14px, rgba(255,255,255,.025) 14px, rgba(255,255,255,.025) 28px);
}
.offer__members-placeholder svg{
  width:48px;height:48px;
  color:rgba(255,255,255,.25);
}
.offer__members-placeholder-title{
  font-size:13px;font-weight:700;
  color:rgba(255,255,255,.55);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.offer__members-placeholder-sub{
  font-size:11px;
  color:rgba(255,255,255,.35);
  letter-spacing:.04em;
}

/* "Você ainda recebe" · mini grid de extras */
.offer__extras{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:24px;
}
.offer__extras-title{
  display:block;font-size:11px;font-weight:700;
  color:var(--c-text-mute);letter-spacing:.12em;
  margin-bottom:18px;
}
.offer__extras-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
}
.offer__extra{
  display:flex;align-items:flex-start;gap:12px;
}
.offer__extra-icon{
  flex-shrink:0;
  width:38px;height:38px;
  background:rgba(236,191,3,.10);
  border:1px solid rgba(236,191,3,.30);
  border-radius:8px;
  display:grid;place-items:center;
  color:var(--c-yellow);
}
.offer__extra-icon svg{width:20px;height:20px}
.offer__extra-text{display:flex;flex-direction:column;gap:2px}
.offer__extra-text strong{
  font-size:13px;font-weight:700;color:var(--c-white);
}
.offer__extra-text span{font-size:12px;color:rgba(255,255,255,.60);line-height:1.4}

/* === Carrossel de avaliações do Google === */
.greviews{margin-top:28px}
.greviews__head{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.greviews__g{width:30px;height:30px;flex-shrink:0}
.greviews__headtext{display:flex;flex-direction:column;gap:2px}
.greviews__arrows{margin-left:auto;display:flex;gap:8px}
.greviews__arrow{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;display:grid;place-items:center;
  transition:background .15s, opacity .15s;
}
.greviews__arrow:hover{background:rgba(255,255,255,.20)}
.greviews__arrow svg{width:18px;height:18px}
.greviews__arrow:disabled{opacity:.3;cursor:default}
.greviews__rating{display:flex;align-items:center;gap:8px;color:var(--c-white)}
.greviews__rating strong{font-size:22px;font-weight:800;line-height:1}
.greviews__stars{color:var(--c-yellow);font-size:15px;letter-spacing:1px}
.greviews__count{font-size:12px;color:rgba(255,255,255,.6)}

.greviews__track{
  display:flex;gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
  scrollbar-width:none;
}
.greviews__track::-webkit-scrollbar{display:none}
.greview{
  flex:0 0 86%;max-width:340px;
  scroll-snap-align:start;
  background:var(--c-white);
  border-radius:var(--r-sm);
  padding:18px;
  display:flex;flex-direction:column;gap:10px;
}
.greview__top{display:flex;align-items:center;gap:10px}
.greview__avatar{
  flex-shrink:0;
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:16px;
}
.greview__id{display:flex;flex-direction:column;gap:2px;min-width:0}
.greview__name{
  font-size:13px;font-weight:700;color:var(--c-navy);line-height:1.2;
}
.greview__stars{color:var(--c-yellow);font-size:12px;letter-spacing:1px}
.greview__text{
  font-size:13.5px;line-height:1.55;color:var(--c-text);margin:0;
}
.greviews__dots{
  display:flex;justify-content:center;gap:7px;margin-top:14px;
}
.greviews__dot{
  width:7px;height:7px;border-radius:50%;padding:0;
  background:rgba(255,255,255,.25);
  border:0;cursor:pointer;
  transition:background .2s, width .2s;
}
.greviews__dot.is-active{background:var(--c-yellow);width:20px;border-radius:4px}

/* === Coluna direita · card de oferta === */
.offer__right{display:flex;flex-direction:column;gap:24px}
.offer__card{
  background:var(--c-white);color:var(--c-text);
  border:2px solid var(--c-yellow);
  border-radius:var(--r);
  padding:32px;
  box-shadow:var(--shadow-lg);
}
.offer__card-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding-bottom:20px;
  border-bottom:1px solid var(--c-border);
  margin-bottom:20px;
}
.offer__card-logo{
  max-width:291px;width:auto;height:auto;
}
.offer__card-tag{
  font-size:10px;font-weight:800;letter-spacing:.10em;
  color:var(--c-text-light);
  border:1px solid var(--c-border);
  padding:5px 10px;border-radius:4px;
  white-space:nowrap;
}
.offer__list{
  list-style:none;display:flex;flex-direction:column;gap:10px;
  margin-bottom:24px;
}
.offer__list li{
  position:relative;padding-left:26px;
  font-size:14px;color:var(--c-text);line-height:1.5;
}
.offer__list li::before{
  content:"";position:absolute;left:0;top:3px;
  width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%2316253E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}

/* Soma dos bônus empilhados */
.offer__stack{
  background:var(--c-bg-soft);
  border-radius:8px;
  padding:18px 18px 16px;
  margin-bottom:24px;
}
.offer__stack-title{
  display:block;font-size:10px;font-weight:800;
  color:var(--c-text-mute);letter-spacing:.10em;
  margin-bottom:12px;
}
.offer__stack-row{
  display:flex;justify-content:space-between;
  font-size:13px;color:var(--c-text-light);
  padding:7px 0;border-bottom:1px dashed var(--c-border);
}
.offer__stack-row:last-child{border-bottom:0}
.offer__stack-row--total{
  padding-top:10px;margin-top:4px;
  border-top:2px solid var(--c-navy);border-bottom:0;
  color:var(--c-navy);font-size:14px;
}
.offer__stack-row--total strong{font-weight:800}

/* Preço grande estilo IA HAP */
.offer__price-block{
  text-align:center;margin-bottom:24px;
}
.offer__price-main-row{
  display:flex;align-items:baseline;justify-content:center;gap:10px;
  margin-bottom:8px;
}
.offer__price-12x{
  font-size:24px;font-weight:800;color:var(--c-navy);
  letter-spacing:-.02em;
}
.offer__price-big{
  font-size:clamp(46px,6vw,68px);font-weight:900;
  color:var(--c-navy);letter-spacing:-.04em;line-height:.9;
}
.offer__price-big sup{
  font-size:.45em;font-weight:800;vertical-align:super;
  margin-left:2px;
}
.offer__price-vista{
  display:block;font-size:14px;color:var(--c-text-light);
}

.offer__cta{
  font-size:16px!important;font-weight:800!important;
  letter-spacing:.02em;
}
.offer__price-ast{
  font-size:.3em;font-weight:800;vertical-align:super;
  margin-left:3px;color:var(--c-text-mute);letter-spacing:0;
}
.offer__price-note{
  display:block;margin-top:8px;
  font-size:12px;line-height:1.45;color:var(--c-text-mute);
}

.offer__badges{
  display:flex;justify-content:center;gap:10px;
  margin:14px 0 18px;
}
.offer__badges span{
  font-size:10px;font-weight:800;letter-spacing:.10em;
  color:var(--c-text-light);
  background:var(--c-bg-soft);
  padding:5px 10px;border-radius:4px;
}
.offer__urgency{
  text-align:center;
  font-size:13px;color:var(--c-text-light);
  padding-top:16px;border-top:1px dashed var(--c-border);
  margin-top:4px;
}
.offer__urgency strong{color:var(--c-navy);font-weight:800}

/* Garantia · embaixo do card */
.offer__guarantee{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(236,191,3,.30);
  border-radius:var(--r);
  padding:24px;
  display:flex;align-items:center;gap:20px;
}
.guarantee__badge{
  flex-shrink:0;
  width:90px;height:90px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #FFD93A, var(--c-yellow) 70%);
  display:grid;place-items:center;position:relative;
  box-shadow:0 0 0 6px rgba(236,191,3,.10), 0 8px 24px rgba(236,191,3,.30);
}
.guarantee__badge::before{
  content:"";position:absolute;inset:6px;
  border:2px dashed rgba(22,37,62,.35);border-radius:50%;
}
.guarantee__badge-inner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--c-navy);line-height:1;
}
.guarantee__badge-num{font-size:32px;font-weight:900;letter-spacing:-.05em;line-height:.9}
.guarantee__badge-label{
  font-size:8px;font-weight:800;letter-spacing:.16em;margin-top:3px;line-height:1.1;
}
.guarantee__content{flex:1}
.guarantee__title{
  font-size:18px;font-weight:800;color:var(--c-white);margin-bottom:6px;
}
.guarantee__text{
  font-size:13px;line-height:1.6;color:rgba(255,255,255,.78);margin-bottom:6px;
}
.guarantee__text strong{color:var(--c-yellow);font-weight:700}
.guarantee__sign{
  font-size:11px;color:rgba(255,255,255,.45);font-style:italic;letter-spacing:.02em;
}

@media (max-width: 940px){
  .offer{padding:64px 0}
  .offer__grid{grid-template-columns:1fr;gap:32px}
  .offer__extras-grid{grid-template-columns:1fr}
}
@media (max-width: 540px){
  .offer__card{padding:24px}
  .offer__card-head{flex-direction:column;align-items:flex-start;gap:10px}
  .offer__price-big{font-size:52px}
  .offer__guarantee{flex-direction:column;text-align:center;padding:20px}
  .guarantee__content{text-align:center}
}

/* ============ SEÇÃO WHATSAPP · depois da oferta ============ */
.wa-section{
  background:var(--c-bg);
  padding:64px 0;
}
.wa-card{
  background:var(--c-white);
  border:1px solid var(--c-border);
  border-radius:var(--r);
  padding:32px;
  display:flex;align-items:center;gap:24px;
  box-shadow:var(--shadow);
}
.wa-card__icon{
  flex-shrink:0;
  width:64px;height:64px;border-radius:50%;
  background:var(--c-wa);
  color:var(--c-white);
  display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(37,211,102,.30);
}
.wa-card__icon svg{width:34px;height:34px}
.wa-card__text{flex:1}
.wa-card__title{
  font-size:20px;font-weight:800;color:var(--c-navy);margin-bottom:6px;
}
.wa-card__desc{
  font-size:14px;color:var(--c-text-light);line-height:1.55;
}
.wa-card__btn{
  flex-shrink:0;
  background:var(--c-wa);color:var(--c-white);
  padding:14px 24px;border-radius:999px;
  font-size:14px;font-weight:700;
  display:inline-flex;align-items:center;gap:8px;
  transition:transform .15s, box-shadow .15s;
  box-shadow:0 6px 18px rgba(37,211,102,.30);
}
.wa-card__btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,211,102,.42)}
.wa-card__btn svg{width:18px;height:18px}

@media (max-width: 760px){
  .wa-section{padding:48px 0}
  .wa-card{
    flex-direction:column;text-align:center;
    padding:28px 24px;gap:18px;
  }
  .wa-card__btn{width:100%;justify-content:center}
}

/* ============ FAQ ============ */
.faq{background:var(--c-white);padding:96px 0}
.faq__list{display:flex;flex-direction:column;gap:10px}
.faq__item{
  background:var(--c-bg-soft);
  border:1px solid var(--c-border);
  border-radius:var(--r-sm);overflow:hidden;
}
.faq__item summary{
  padding:20px 24px;
  font-size:16px;font-weight:700;color:var(--c-navy);
  cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:18px;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:"+";font-size:22px;color:var(--c-yellow);
  font-weight:300;line-height:1;
  transition:transform .2s var(--ease);flex-shrink:0;
}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item[open]{border-color:var(--c-yellow);background:var(--c-white)}
.faq__body{
  padding:0 24px 22px;
  color:var(--c-text-light);font-size:15px;line-height:1.65;
}

@media (max-width: 600px){
  .faq{padding:60px 0}
  .faq__item summary{padding:16px 18px;font-size:15px}
}

/* ============ CTA FINAL ============ */
.cta-final{
  background:
    radial-gradient(circle at 50% 0%, rgba(236,191,3,.10), transparent 50%),
    var(--c-navy-deep);
  color:var(--c-white);padding:96px 0;text-align:center;
}
.cta-final .h2{margin-left:auto;margin-right:auto}
.cta-final__sub{
  max-width:640px;margin:0 auto 32px;
  font-size:17px;line-height:1.65;color:rgba(255,255,255,.78);
}
.cta-final__sub strong{color:var(--c-yellow);font-weight:700}
.cta-final__root{
  font-size:18px;font-weight:800;color:var(--c-yellow);
  letter-spacing:.02em;margin-bottom:32px;font-style:italic;
}
.cta-final__assure{
  margin-top:18px;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.6);
}

@media (max-width: 600px){.cta-final{padding:60px 0}}

/* ============ FOOTER ============ */
.footer{
  background:var(--c-navy-deep);color:rgba(255,255,255,.7);
  padding:40px 0 28px;font-size:13px;
}
.footer__top{
  display:flex;justify-content:space-between;align-items:center;
  gap:24px;flex-wrap:wrap;margin-bottom:24px;
}
.footer__brand{display:flex;flex-direction:column;gap:6px}
.footer__logo{height:auto;width:auto;max-width:300px;max-height:67px;object-fit:contain}
.footer__links{display:flex;gap:24px;flex-wrap:wrap}
.footer__links a:hover{color:var(--c-yellow)}
.footer__hr{border:0;height:1px;background:rgba(255,255,255,.10);margin-bottom:18px}
.footer__legal{font-size:12px;color:rgba(255,255,255,.45);text-align:center}

/* ============ STICKY CTA MOBILE ============ */
/* Removido: o CTA fixo agora fica na tarja superior. Evita dois botões fixos. */
.sticky-cta{display:none !important}

/* ============================================================
   v22 · VTurb (VSL) + depoimentos em vídeo (carrossel + popup) + área de membros
   ============================================================ */

/* esconder setas no mobile (usa swipe + dots) */
@media (max-width:760px){
  .testimonials__nav{display:none}
}

/* imagem real da área de membros (substitui o placeholder) */
.offer__members-img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
}

/* popup de depoimento em vídeo (YouTube) */
.ytmodal{
  position:fixed;inset:0;z-index:2100;background:rgba(10,20,46,.94);
  display:flex;align-items:center;justify-content:center;padding:64px 20px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.ytmodal[hidden]{display:none!important}
.ytmodal__close{
  position:absolute;top:18px;right:18px;z-index:2;
  background:var(--c-yellow);color:var(--c-navy);font-weight:800;
  border:0;border-radius:999px;height:44px;padding:0 18px;cursor:pointer;
  font-family:inherit;font-size:14px;
}
.ytmodal__frame{
  position:relative;width:100%;max-width:880px;aspect-ratio:16/9;
  background:#000;border-radius:12px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.ytmodal__frame.is-vertical{
  width:auto;height:min(82vh,720px);aspect-ratio:9/16;max-width:94vw;
}
.ytmodal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:760px){
  .ytmodal{padding:60px 12px}
  .ytmodal__frame{max-width:96vw}
}

/* ============================================================
   v23 · depoimentos com setas laterais + cards menores + autoplay;
          avaliações do Google em seção própria abaixo da garantia
   ============================================================ */

/* avaliações do Google movidas para baixo da oferta */
.reviews-section{background:var(--c-navy);padding:48px 0 56px}
.reviews-section .greviews{max-width:920px;margin:0 auto}

/* depoimentos em vídeo · setas laterais flanqueando as fotos */
.testimonials-carousel{position:relative;max-width:1000px;margin:24px auto 0;padding:0}
.testimonials__nav{display:none}
.testimonials__row{display:flex;align-items:center;gap:12px}
.tcarousel__arrow{
  flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  background:var(--c-yellow);color:var(--c-navy);border:0;
  display:grid;place-items:center;cursor:pointer;
  box-shadow:0 6px 18px rgba(22,37,62,.20);
  transition:transform .15s ease, box-shadow .15s ease;
}
.tcarousel__arrow:hover{transform:scale(1.08);box-shadow:0 10px 24px rgba(22,37,62,.28)}
.tcarousel__arrow:active{transform:scale(.96)}
.tcarousel__arrow svg{width:22px;height:22px}
.testimonials{
  flex:1 1 auto;min-width:0;display:flex;gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px;
}
.testimonials::-webkit-scrollbar{display:none}
.testimonial{flex:0 0 calc((100% - 48px) / 4);min-width:0;scroll-snap-align:start}
.testimonial__play{width:46px;height:46px}
.testimonial__play svg{width:18px;height:18px;margin-left:3px}

@media (max-width:760px){
  .testimonials-carousel{margin-top:20px}
  .testimonials__row{gap:0}
  .tcarousel__arrow{display:none}
  .testimonials{gap:12px}
  .testimonial{flex:0 0 46%}   /* mostra 2 + um pedaço do próximo (sinaliza que há mais) */
}

/* ============================================================
   v24 · depoimentos: imagem inteira c/ fundo desfocado (sem corte/tarja preta),
          setas com contorno navy (distintas do play), giro contínuo sem corte
   ============================================================ */

#comprar{scroll-margin-top:24px}   /* respiro ao rolar até o card de preço */

.testimonials{scroll-snap-type:none}      /* giro contínuo não usa snap */
.testimonials__dots{display:none}         /* nem dots */

/* thumb: imagem inteira (contain) sobre fundo desfocado da própria imagem */
.testimonial__thumb{
  position:relative;aspect-ratio:9/16;overflow:hidden;
  background:var(--c-navy-deep);border:0;padding:0;width:100%;display:block;
  cursor:pointer;border-radius:var(--r-sm);margin-bottom:12px;
  transition:transform .2s var(--ease);
}
.testimonial__thumb:hover{transform:translateY(-3px)}
.testimonial__bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  filter:blur(16px) brightness(.55);transform:scale(1.25);
}
.testimonial__img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}
.testimonial__thumb::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(14,26,46,.04),rgba(14,26,46,.22))}
.testimonial__play{z-index:3;width:50px;height:50px}
.testimonial__play svg{width:18px;height:18px;margin-left:3px}

/* setas: brancas com contorno navy, maiores, diferentes do play amarelo */
.tcarousel__arrow{
  flex:0 0 auto;width:52px;height:52px;border-radius:50%;
  background:#fff;border:2px solid var(--c-navy);color:var(--c-navy);
  display:grid;place-items:center;cursor:pointer;
  box-shadow:0 6px 18px rgba(22,37,62,.14);
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.tcarousel__arrow:hover{background:var(--c-navy);color:#fff;transform:scale(1.06)}
.tcarousel__arrow:active{transform:scale(.96)}
.tcarousel__arrow svg{width:22px;height:22px}

@media (max-width:760px){
  .testimonials__row{gap:0}
  .tcarousel__arrow{display:none}      /* mobile: swipe + giro automático */
  .testimonial{flex:0 0 38%}           /* 2 inteiros + 1 pela metade (sinaliza que há mais) */
}

/* ============================================================
   v25 · depoimentos: rosto preenchendo o card (cover, como no IA HAP)
          em vez da imagem pequena com fundo desfocado
   ============================================================ */
.testimonial__bg{display:none}                       /* sem fundo desfocado */
.testimonial__img{object-fit:cover;object-position:center}   /* preenche o card, zoom na pessoa */

/* ============================================================
   v26 · depoimentos: carrossel controlado (sem giro automático),
          snap no arrasto, zoom por pessoa, dica de arraste no mobile
   ============================================================ */
.testimonials{scroll-snap-type:x mandatory}
.testimonial{scroll-snap-align:start}
.testimonial__img{object-position:center 38%}   /* foco padrão (cada card pode sobrescrever inline) */

/* dica "arraste para ver mais" — só no mobile */
.testimonials__hint{
  display:none;
  text-align:center;margin:14px 0 0;
  font-size:13px;font-weight:600;letter-spacing:.02em;
  color:var(--c-text-soft, #6b7686);
}
.testimonials__hint::before{content:"‹  ";opacity:.7}
.testimonials__hint::after{content:"  ›";opacity:.7}
@media (max-width:760px){
  .testimonials__hint{display:block}
}

/* ============================================================
   v27 · dica de arraste em destaque (selo amarelo) + zoom Débora/Luiz (inline no HTML)
   ============================================================ */
.testimonials__hint{
  display:none;align-items:center;justify-content:center;gap:8px;
  width:max-content;max-width:90%;margin:18px auto 0;
  padding:9px 18px;border-radius:999px;
  background:rgba(236,191,3,.20);
  color:var(--c-navy);font-weight:800;font-size:13.5px;letter-spacing:0;
}
.testimonials__hint::before,
.testimonials__hint::after{content:none}      /* remove os chevrons antigos */
.testimonials__hint-chev{
  display:inline-block;color:#b8910a;font-weight:900;font-size:18px;line-height:1;
  animation:tcHintSlide 1.1s ease-in-out infinite;
}
@keyframes tcHintSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (max-width:760px){ .testimonials__hint{display:flex} }
@media (prefers-reduced-motion:reduce){ .testimonials__hint-chev{animation:none} }

/* ============================================================
   v28 · depoimentos como ESTEIRA (passa sozinha, infinita, leve)
          + seta dos dois lados na dica
   ============================================================ */
.testimonials{overflow:hidden;flex:1 1 auto;min-width:0;scroll-snap-type:none}
.testimonials__belt{display:flex;gap:14px;width:max-content;will-change:transform}
.testimonial{flex:0 0 210px;width:210px;min-width:0}        /* largura fixa (esteira) */

@media (max-width:760px){
  .testimonials__belt{gap:12px}
  .testimonial{flex:0 0 42vw;width:42vw}                    /* ~2 + meio no celular */
}

/* dica: seta animada dos dois lados */
.testimonials__hint-chev--l{animation-name:tcHintSlideL}
@keyframes tcHintSlideL{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}

/* ============================================================
   v29 · depoimentos SIMPLES: rolagem nativa, finito (7 em ordem, sem repetir),
          arrasta com o dedo no mobile, setas param nas pontas
   ============================================================ */
.testimonials{
  display:flex;gap:16px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  flex:1 1 auto;min-width:0;
}
.testimonials::-webkit-scrollbar{display:none}
.testimonial{flex:0 0 calc((100% - 48px) / 4);width:auto;min-width:0;scroll-snap-align:start}  /* 4 no desktop */

@media (max-width:760px){
  .testimonials{gap:12px}
  .testimonial{flex:0 0 42%}      /* 2 inteiros + um pedaço do 3º (mostra que há mais) */
}

/* setas: apagadas e sem clique quando chega na ponta */
.tcarousel__arrow[disabled]{opacity:.35;pointer-events:none;cursor:default}

/* ============================================================
   v31 · avaliação Google dentro da oferta
          desktop: coluna esquerda, abaixo do "VOCÊ AINDA RECEBE"
          mobile : depois da garantia de 7 dias
   ============================================================ */
.offer__grid{grid-template-areas:"left right" "reviews right";}
.offer__left{grid-area:left}
.offer__right{grid-area:right}
.offer__reviews{grid-area:reviews;margin-top:4px;min-width:0}

@media (max-width:940px){
  .offer__grid{grid-template-areas:"left" "right" "reviews";}
}
