/* Vira Click – página Tráfego pago: só o que o tema ainda não tem (formulário) */
.vcst-form{display:flex;flex-direction:column;gap:14px}
.vcst-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vcst-c{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--ink,#0b2a31)}
.vcst-c input,.vcst-c select,.vcst-c textarea{font:inherit;font-weight:400;font-size:16px;color:var(--txt,#1b2a30);background:#fff;border:2px solid #cfdadd;border-radius:12px;padding:0 14px;height:50px;width:100%;transition:border-color .15s}
.vcst-c textarea{height:auto;min-height:92px;padding:12px 14px;resize:vertical}
.vcst-c input:focus,.vcst-c select:focus,.vcst-c textarea:focus{outline:none;border-color:var(--teal,#147b91)}
.vcst-c :invalid:not(:placeholder-shown){border-color:#e0a28a}
.vcst-aceite{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mut,#5d6d74);line-height:1.45}
.vcst-aceite input{width:20px;height:20px;margin:1px 0 0;flex-shrink:0;accent-color:var(--orange,#f7941d)}
.vcst-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.vcst-erro{margin:0;background:#fdeee8;color:#8a2c0f;border-radius:12px;padding:12px 14px;font-size:15px}
.vcst-ok{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.vcst-ok-ic{width:52px;height:52px;border-radius:50%;background:#e5f2f3;color:#147b91;display:grid;place-items:center}
.vcst-form button.bt{cursor:pointer}
.vcst-pagina .faq summary h3{font:inherit;margin:0;color:inherit}
@media (max-width:640px){.vcst-g2{grid-template-columns:1fr}}
/* Ilustração do topo: troca suave entre cenários */
.vcst-arte .vcst-tx,.vcst-arte [data-v="r_svg"]{transition:opacity .35s ease,transform .35s ease}
.vcst-arte.vcst-trocando .vcst-tx,.vcst-arte.vcst-trocando [data-v="r_svg"]{opacity:0;transform:translateY(6px)}
@media (prefers-reduced-motion:reduce){.vcst-arte .vcst-tx,.vcst-arte [data-v="r_svg"]{transition:none}}
/* Celular: a ilustração do topo sobe para logo depois do texto (antes ficava abaixo de tudo) */
@media (max-width:980px){
  .vcst-hero>.wrap{gap:22px!important}
  .vcst-hero>.wrap>div:first-child{display:contents!important}
  .vcst-hero>.wrap>div:first-child>nav{order:0}
  .vcst-hero>.wrap>div:first-child>.kick{order:1}
  .vcst-hero>.wrap>div:first-child>.h1{order:2}
  .vcst-hero>.wrap>div:first-child>.vc-p0{order:3}
  .vcst-hero>.wrap>.heroart{order:4;margin:4px auto}
  .vcst-hero>.wrap>div:first-child>.lst{order:5}
  .vcst-hero>.wrap>div:first-child>.vcl-bts{order:6}
  .vcst-hero>.wrap>div:first-child>.vcl-stats{order:7}
}