:root{
  --teal:#0c8a8a; --blue:#1f5de9; --blue-d:#1548b6; --text:#0f172a; --muted:#6b7280;
  --card:#ffffff; --bg:#f6f7fb; --shadow:0 10px 30px rgba(16,24,40,.08); --line:#e5e7eb;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--text); font:16px/1.55 "Poppins", system-ui}
.wrapper{max-width:760px; margin:32px auto 56px; padding:0 18px}
.step{display:none}
.step.active{display:block}

.pv-cta {
  display: inline-block;
  margin: 12px auto;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background: #1f5de9;   /* azul de destaque */
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Escala global para steps em telas baixas */
@media (max-height: 800px) {
  .step {
    transform: scale(0.85);     /* diminui tudo proporcionalmente */
    transform-origin: top center; /* ancora no topo */
  }
}

  #step-1 .cta { padding: 12px 16px; font-size: 12px; }
}
/* Efeito hover opcional */
.pv-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

/* Centralizar o bloco do botão */
.pv-wrap {
  text-align: center;
}

/* Centralizar preços */
.pv-price {
  margin: 8px auto 20px;
  font-size: 16px;
  text-align: center;
  color: #333;
}

.video-wrap {
  position: relative;
  width: 100%;
  max-width: 800px; /* largura máxima opcional */
  margin: 20px auto;
  padding-top: 56.25%; /* proporção 16:9 */
}

.video-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 12px; /* cantos arredondados opcionais */
  box-shadow: 0 6px 20px rgba(0,0,0,0.2); /* sombra opcional */
}

/* ===== ANIMAÇÕES GAMIFICADAS ===== */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

.fade-in.reveal {
  opacity: 1;
  transform: translateY(0);
}

.pv-list {
  text-align: left;
  max-width: 720px;
  margin: 0 auto;
  padding: 20px;
}

.pv-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pv-list li {
  position: relative;
  margin: 12px 0;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.6;
  color: #0f172a;
}

.pv-list li::before {
  content: "✔"; /* você pode trocar por um emoji 🙏✨🕊️ */
  position: absolute;
  left: 0;
  top: 0;
  color: #1f5de9; /* azul do seu tema */
  font-weight: bold;
}

.fade-in.delay-1 { transition-delay: 0.4s; }
.fade-in.delay-2 { transition-delay: 0.8s; }
.fade-in.delay-3 { transition-delay: 1.2s; }
.fade-in.delay-4 { transition-delay: 1.6s; }

/* Página 1 */
.hero{text-align:center; padding:18px 12px 0}
.hero h1{margin:0 0 8px; font-size:24px; font-weight:800; text-transform:uppercase; color:var(--teal)}
.hero p{margin:0; font-size:16px}
.hero .bold{font-weight:700}
.sub{text-align:center; margin:24px 0 16px; color:var(--teal); font-weight:700; font-size:18px}
.card{background:var(--card); border-radius:12px; box-shadow:var(--shadow); padding:14px; width:min(100%,420px); margin:0 auto}
.card img{width:100%; display:block; border-radius:8px}
.cta{display:block; width:min(100%,520px); margin:30px auto 10px; background:var(--blue); color:#fff; text-align:center; font-weight:800; text-transform:uppercase; padding:18px 20px; border-radius:28px; border:none; cursor:pointer; box-shadow:var(--shadow)}
.cta:hover{background:var(--blue-d)}
.note{display:flex; gap:10px; align-items:flex-start; color:var(--muted); width:min(100%,560px); margin:14px auto 0; font-size:16px; text-align:center; justify-content:center}

/* Comuns */
.mini-logo{display:block; margin:4px auto 10px; width:60px}
.meter{height:10px; width:100%; background:#eef2ff; border-radius:999px; overflow:hidden; margin:12px 0 26px}
.meter > span{display:block; height:100%; background:linear-gradient(90deg,#2a65ff,#1f4fe2)}
.input-wrap{display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 14px; box-shadow:0 1px 0 rgba(0,0,0,.02)}
.input-wrap svg{width:20px; height:20px; opacity:.7}
.input-wrap input{flex:1; border:0; outline:0; font:16px/1.4 inherit}
.submit{display:block; width:100%; margin-top:16px; background:linear-gradient(180deg,#2a65ff,#1f4fe2); color:#fff; border:0; border-radius:14px; padding:16px; font-weight:800; cursor:pointer}
.error{display:none; color:#dc2626; font-size:13px; margin-top:6px; text-align:center}
.ok{display:none; margin-top:10px; text-align:center; color:#16a34a; font-weight:700}

/* Página 3 */
.h-strong{font-size:20px; line-height:1.45; font-weight:800; text-align:center; margin:0 0 10px}
.blue{color:#0b63ff}
.lead{color:#374151; text-align:center; margin:0 auto 22px; max-width:620px}
.btn-big{display:block; width:min(520px,100%); margin:14px auto 0; padding:18px 20px; border:0; border-radius:16px; color:#fff; background:linear-gradient(180deg,#2a65ff,#1f4fe2); font-weight:800; letter-spacing:.3px; cursor:pointer; box-shadow:0 10px 24px rgba(31,79,226,.22)}

/* Listas de opções (pág. 4,5,6) */
.list{margin:8px 0 0; display:flex; flex-direction:column; gap:16px}
.opt{display:flex; align-items:center; gap:14px; width:100%;
     background:#fff; border:1px solid var(--line); border-radius:16px;
     padding:18px 16px; box-shadow:var(--shadow); cursor:pointer;
     transition:transform .06s ease, box-shadow .2s ease, border-color .2s ease}
.opt:hover{transform:translateY(-1px); box-shadow:0 14px 30px rgba(16,24,40,.10); border-color:#dbe3ff}
.emoji{font-size:22px; width:30px; display:grid; place-items:center}
.label{flex:1; text-align:center; font-weight:600; color:#111827}
.opt.selected{border-color:#2a65ff; box-shadow:0 16px 36px rgba(42,101,255,.18)}

/* ===== Página 7 – player de áudio + barra Zap ===== */
.zap-wrap{max-width:520px;margin:12px auto 0}
.zap-row{display:flex;align-items:center;gap:12px}
.zap-times{display:flex;justify-content:space-between;font:12px/1.2 "Poppins",system-ui;color:#6b7280;margin-top:6px}
.zap-progress{position:relative;flex:1;height:6px;border-radius:999px;background:#e9edf9;cursor:pointer}
.zap-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2a65ff,#1f4fe2);width:0%}
.zap-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #2a65ff;box-shadow:0 2px 8px rgba(31,79,226,.25);touch-action:none}
.play-btn{width:42px;height:42px;border-radius:999px;border:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,#2a65ff,#1f4fe2);color:#fff;box-shadow:0 10px 24px rgba(31,79,226,.22);font-weight:800}
.avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;border:2px solid #eef2ff}

/* Step 8 */
.input-wrap textarea{
  flex:1; border:0; outline:0; font:16px/1.55 inherit; min-height:100px; resize:vertical;
}
.input-wrap:has(textarea:focus){
  box-shadow:0 0 0 3px rgba(42,101,255,.12), 0 1px 0 rgba(0,0,0,.02);
  border-color:#bfd0ff;
}

/* Step 10 – barra de geração */
.gen-wrap{max-width:520px;margin:18px auto 0;text-align:center}
.genbar{position:relative;height:16px;border-radius:999px;background:#e6ecff;overflow:hidden}
.genbar > span{
  position:absolute; left:0; top:0; bottom:0;
  width:0; border-radius:999px;
  background:linear-gradient(90deg,#2a65ff,#1f4fe2);
  transition:width .25s ease;
}
.genpct{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;letter-spacing:.2px}
.btn-big[disabled]{opacity:.6;filter:grayscale(.2);cursor:not-allowed}
.cover{display:block;margin:18px auto 10px;width:220px;max-width:70%;border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.10)}

/* ===== Estilo da PÁGINA FINAL (PV) ===== */
.pv-wrap{max-width:720px;margin:0 auto;padding:22px 18px;text-align:center;color:var(--text)}
.pv-title{font:700 22px/1.35 "Poppins",system-ui;margin:6px 0 10px}
.pv-title .azul{color:#0284c7}
.pv-sub{font:700 18px/1.3 "Poppins",system-ui;margin:18px 0 8px}
.pv-text{color:#374151;margin:0 0 12px}
.pv-img{display:block;width:min(512px,100%);margin:10px auto;border-radius:14px;box-shadow:var(--shadow);background:#fff}
.pv-seal{width:min(200px,70%);box-shadow:none;background:transparent}
.pv-cta{
  display:block;width:min(520px,100%);margin:14px auto 6px;padding:16px 20px;
  border-radius:14px;background:linear-gradient(180deg,#22c55e,#16a34a);
  color:#fff;text-decoration:none;font:800 16px/1 "Poppins",system-ui;letter-spacing:.2px;
  box-shadow:0 10px 24px rgba(22,163,74,.25);animation:pulse 2s infinite;
}
.pv-cta:active{transform:translateY(1px)}
.pv-price{margin:2px 0 14px;color:#104805;font-weight:600}
.pv-price s{color:#ef4444}
.pv-gallery{display:flex;gap:10px;overflow-x:auto;padding:6px;margin:8px 0 14px;scroll-snap-type:x mandatory}
.pv-gallery img{scroll-snap-align:center;min-width:100%;width:100%;border-radius:14px;box-shadow:var(--shadow)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}

.pv-carousel{ position:relative; max-width:720px; margin:8px auto 14px; }
.pv-carousel .pv-gallery{
  display:flex; gap:10px; padding:6px;
  overflow:hidden;
  scroll-behavior:smooth;
}
.pv-carousel .pv-gallery img{
  min-width:100%; width:100%;
  border-radius:14px; box-shadow:var(--shadow);
}
.pv-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border:0; border-radius:999px;
  display:grid; place-items:center; cursor:pointer;
  background:rgba(0,0,0,.55); color:#fff; font-size:22px; font-weight:700;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.pv-arrow.left{ left:8px; } .pv-arrow.right{ right:8px; }
.pv-arrow:disabled{ opacity:.4; cursor:not-allowed }