/* #981 — botões abaixo da VSL (components/vsl_share.php + shared/js/vsl_share.js). Duas colunas iguais com a largura do
   player: trocar o rótulo (Enviar agora / Baixar) e o progresso nunca mexem no layout. Fundo claro (seção do vídeo). */
.vsl-share{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:900px;margin:14px auto 0}
.vsl-sh-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 14px;border-radius:999px;font:700 15px/1.2 var(--font-body,Inter,system-ui,sans-serif);text-decoration:none;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,transform .1s}
.vsl-sh-btn svg{flex:none;width:19px;height:19px}
.vsl-sh-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vsl-sh-btn:active{transform:scale(.98)}
.vsl-sh-btn:focus-visible{outline:2px solid var(--brand-blue,#2D4A7C);outline-offset:3px}
.vsl-sh-main{border:0;background:var(--brand-gold,#D4A84B);color:#1a1200}
.vsl-sh-main:hover{background:#C99A3C}
.vsl-sh-sec{border:1.5px solid rgba(45,74,124,.35);background:#fff;color:var(--brand-blue,#2D4A7C)}
.vsl-sh-sec:hover{border-color:var(--brand-blue,#2D4A7C)}
.vsl-sh-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(45,74,124,.12);opacity:0;transition:opacity .2s}
.vsl-sh-bar i{display:block;width:0;height:100%;background:var(--brand-blue,#2D4A7C);transition:width .2s linear}
.vsl-share.is-loading .vsl-sh-bar{opacity:1}
.vsl-share.is-loading .vsl-sh-sec{cursor:progress}
.vsl-sh-st{grid-column:1/-1;min-height:20px;margin:0;font-size:13.5px;line-height:1.45;text-align:center;color:var(--ink-2,#5B6475);overflow-wrap:anywhere}
@media(max-width:360px){.vsl-share{gap:8px}.vsl-sh-btn{padding:0 10px;font-size:14px;gap:6px}}
@media(max-width:340px){.vsl-sh-btn svg{display:none}} /* 320 px (iPhone SE): o rótulo inteiro vale mais que o ícone */
@media(prefers-reduced-motion:reduce){.vsl-sh-btn,.vsl-sh-bar,.vsl-sh-bar i{transition:none}}

/* #981 — campo "Quero um convite" logo abaixo do vídeo (antes dos botões de compartilhar). Celular: e-mail e botão empilhados,
   largura toda; a partir de 600 px, na mesma linha. Mensagem vazia não ocupa espaço; ela só aparece depois de um toque no botão. */
.vsl-inv{width:100%;max-width:900px;margin:18px auto 0;padding:16px;border:1px solid rgba(45,74,124,.16);border-radius:16px;background:#fff;box-sizing:border-box}
.vsl-inv-k{display:block;margin:0 0 10px;font:700 16px/1.35 var(--font-body,Inter,system-ui,sans-serif);color:var(--ink,#1D2433);text-align:center;text-wrap:balance}
.vsl-inv-row{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:600px){.vsl-inv-row{grid-template-columns:1fr auto}}
.vsl-inv input[type=email]{width:100%;min-width:0;min-height:48px;padding:0 16px;border:1.5px solid rgba(45,74,124,.3);border-radius:999px;background:#fff;color:var(--ink,#1D2433);font:400 16px/1.2 var(--font-body,Inter,system-ui,sans-serif);box-sizing:border-box;-webkit-appearance:none;appearance:none}
.vsl-inv input[type=email]:focus{outline:none;border-color:var(--brand-blue,#2D4A7C);box-shadow:0 0 0 3px rgba(45,74,124,.15)}
.vsl-inv input[aria-invalid=true]{border-color:#B42318}
.vsl-inv-btn{min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--brand-blue,#2D4A7C);color:#fff;font:700 15px/1.2 var(--font-body,Inter,system-ui,sans-serif);cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}
.vsl-inv-btn:hover{background:#1E3356}
.vsl-inv-btn:active{transform:scale(.98)}
.vsl-inv-btn:focus-visible{outline:2px solid var(--brand-gold,#D4A84B);outline-offset:3px}
.vsl-inv-btn[disabled]{opacity:.7;cursor:progress}
.vsl-inv-hp{position:absolute!important;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0} /* isca dentro do formulário, recortada (fora da tela à esquerda contava como vazamento) */
.vsl-inv-msg{min-height:20px;margin:8px 0 0;font-size:13.5px;line-height:1.45;text-align:center;color:var(--ink-2,#5B6475)}
.vsl-inv-msg.is-err{color:#B42318}
.vsl-inv-msg:empty{min-height:0;margin:0}
.vsl-inv.is-done .vsl-inv-row{display:none}
.vsl-inv.is-done .vsl-inv-msg{margin:0;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#067647}
@media(prefers-reduced-motion:reduce){.vsl-inv-btn{transition:none}}

/* #981: o WhatsApp flutuante da home pt (.wa-float, canto inferior direito) cobria o botão de tela cheia, o "Quero um convite" e o
   "Enviar o vídeo" no celular. Enquanto o vídeo ou os blocos abaixo dele estão na tela (vsl_share.js), ele sai do caminho. */
html.vsl-in-view .wa-float{opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}