/* THE ESTHER SECRET — estilos compartilhados */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:#1c1e21;font-family:"Roboto",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 16px}

/* ---- vídeo (troque o conteúdo de .vsl pelo embed da vTurb) ---- */
.vsl{position:relative;width:100%;max-width:880px;margin:0 auto;background:#000;border-radius:4px;overflow:hidden}
.vsl .placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;font:600 14px/1.3 "Roboto",sans-serif;text-align:center;padding:20px}
.vsl .placeholder .play{width:84px;height:84px;border-radius:50%;border:4px solid #fff;display:flex;align-items:center;justify-content:center;opacity:.9}
.vsl .placeholder .play::after{content:"";border-left:28px solid #fff;border-top:17px solid transparent;border-bottom:17px solid transparent;margin-left:7px}
.vsl .placeholder small{opacity:.6;font-weight:400}

/* ---- elementos liberados no delay ---- */
.esconder{display:none!important}
.esconder.show{display:block!important;animation:fadeUp .5s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---- botões de oferta (padrão do produtor) ---- */
.btn-yes{display:inline-block;background:linear-gradient(80deg,#61ce70 0%,#99eba4 100%);color:#000;font-weight:600;font-size:16px;line-height:1.3;padding:14px 26px;border-radius:6px;text-decoration:none;box-shadow:0 12px 24px -8px rgba(97,206,112,.3);transition:transform .15s ease,box-shadow .15s ease;text-transform:uppercase;letter-spacing:.2px}
.btn-yes:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px rgba(97,206,112,.45)}
.btn-yes.pulse{animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.btn-no{display:inline-block;color:#ff3131;font-weight:600;font-style:italic;font-size:16px;padding:12px;border-radius:16px;text-decoration:underline;text-underline-offset:3px}
.authorize{color:#a6a6a6;font-size:15px;max-width:620px;margin:6px auto 0;text-align:center}

/* ---- bloco de preço ---- */
.price{text-align:center;font-size:16px;margin:0 0 18px;text-transform:uppercase}
.price strong{display:block;font-size:34px;font-weight:800;line-height:1.15;margin:4px 0}

/* ---- rodapé ---- */
.foot{padding:28px 16px 34px;text-align:center;font:400 12px/1.6 "Roboto",sans-serif;color:#8a8a8a;background:#fafafa;border-top:1px solid #eee}
.foot a{color:#8a8a8a}
.foot p{max-width:760px;margin:8px auto}

@media (max-width:600px){
  .btn-yes{font-size:15px;padding:14px 18px;width:100%;max-width:420px}
  .price strong{font-size:30px}
}