/* ===== Pagina de vendas (VSL) — visual do original: fundo grafite, titulo Poppins ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#232323;color:#fff;font-family:Roboto,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}

.page{max-width:920px;margin:0 auto;padding:6px 16px 40px;display:flex;flex-direction:column;align-items:center}

.hl{text-align:center;padding:4px 0 6px}
.hl h1{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:clamp(20px,5.6vw,32px);line-height:1.3;letter-spacing:0}
.hl h1 span{display:block}
.hl .sub{font-size:clamp(15px,4vw,21px);margin-top:4px}

/* ----- player vertical (410x720) ----- */
.player{position:relative;width:100%;max-width:400px;aspect-ratio:410/720;background:#000;overflow:hidden;margin-top:6px;user-select:none;-webkit-user-select:none}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;cursor:pointer}

.ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}
.ov[hidden]{display:none}

/* clique para ouvir */
.ov-unmute{background:rgba(0,0,0,.18)}
.unmute-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(10,8,4,.82);border:2px solid #e0bc09;border-radius:16px;padding:18px 22px 20px;width:min(78%,290px);box-shadow:0 10px 40px rgba(0,0,0,.55);animation:pulse 2.2s ease-in-out infinite}
.unmute-top{font-size:14px;font-weight:500;color:#fff;opacity:.95;text-align:center}
.unmute-icon{width:62px;height:62px;color:#e0bc09}
.unmute-cta{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.2;text-align:center;color:#fff;letter-spacing:.5px}

/* retomar */
.ov-resume{background:#3b0cb0;padding:22px;text-align:center;gap:22px}
.resume-title{font-size:19px;font-weight:700;line-height:1.35;max-width:300px}
.resume-actions{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.resume-actions button{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;padding:6px 4px;text-align:left}
.resume-actions svg{width:40px;height:40px;flex:none;border:2px solid #fff;border-radius:50%;padding:7px}

/* pausado */
.ov-paused{background:rgba(0,0,0,.35)}
.ov-paused svg{width:84px;height:84px;background:rgba(224,188,9,.92);color:#111;border-radius:50%;padding:18px 14px 18px 22px}

/* barra de progresso "rapida" (como a fake bar da vturb) */
.fakebar{position:absolute;left:0;right:0;bottom:0;height:9px;background:rgba(255,255,255,.18);z-index:4}
.fakebar-fill{height:100%;width:0;background:#f40837;transition:width .4s linear}

.spinner{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:5px solid rgba(255,255,255,.25);border-top-color:#e0bc09;animation:spin .8s linear infinite;z-index:2}
.spinner[hidden]{display:none}

/* ----- botao que aparece no pitch ----- */
.cta-wrap{width:100%;max-width:400px;margin-top:18px;text-align:center}
.cta-wrap[hidden]{display:none}
.cta{display:block;background:#e0bc09;color:#000;text-decoration:none;font-family:Inter,Roboto,Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.35;letter-spacing:.3px;padding:16px 24px;border-radius:12px;animation:pulse 1.6s ease-in-out infinite;transition:background .2s,color .2s}
.cta:hover,.cta:focus-visible{background:#b8a811;color:#fff}
.cta-wrap.show{animation:rise .5s ease-out}

/* ----- blocos editaveis abaixo do video ----- */
.blk{width:100%;max-width:520px;margin-top:22px}
.blk[hidden]{display:none}
.blk.show{animation:rise .5s ease-out}
.b-h{font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.3;text-align:center}
.b-g{font-size:clamp(22px,5.6vw,30px)}
.b-m{font-size:clamp(18px,4.6vw,22px)}
.c-gold{color:#e0bc09}.c-white{color:#fff}
.b-text{font-size:16px;line-height:1.65;color:#ececec;overflow-wrap:anywhere}
.b-text p+p{margin-top:12px}
.b-text strong{color:#fff}
.a-center{text-align:center}.a-left{text-align:left}
.b-img{margin-left:0;margin-right:0}
.b-img img{display:block;width:100%;height:auto;border-radius:10px}
.b-btn{text-align:center}
.b-faq{display:flex;flex-direction:column;gap:10px}
.b-faq details{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:10px;padding:0 16px}
.b-faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:14px 0;list-style:none;position:relative;padding-right:26px}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary::after{content:'+';position:absolute;right:0;top:12px;font-size:20px;color:#e0bc09}
.b-faq details[open] summary::after{content:'−'}
.b-faq-a{font-size:15px;line-height:1.6;color:#d8d8d8;padding-bottom:14px}
.b-faq-a p+p{margin-top:10px}
.b-hr{border:0;border-top:1px solid #3d3d3d}

/* ----- depoimentos abaixo da VSL ----- */
.testi{width:100%;max-width:520px;margin-top:34px}
.testi[hidden]{display:none}
.testi.show{animation:rise .5s ease-out}
.testi-title{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:clamp(20px,5vw,26px);line-height:1.3;text-align:center;margin-bottom:16px}
.testi-list{display:flex;flex-direction:column;gap:14px}
.t-print{margin:0}
.t-full{display:block;width:100%;height:auto;border-radius:10px;background:#1a1a1a}
.t-card{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.t-card .t-full{border-radius:8px}
.t-head{display:flex;align-items:center;gap:12px}
.t-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #e0bc09}
.t-name{font-weight:700;font-size:16px}
.t-info{font-size:13px;color:#b5b5b5;margin-top:2px}
.t-stars{color:#e0bc09;font-size:18px;letter-spacing:2px;line-height:1}
.t-text{font-size:15px;line-height:1.6;color:#ececec;overflow-wrap:anywhere}

.foot{text-align:center;color:#8a8a8a;font-size:12px;padding:10px 16px 28px}

@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.unmute-box,.cta{animation:none}}