/* Variacao B da captacao. Carrega DEPOIS de lp-semana.css e sobrescreve so o necessario.
   Diferencas em relacao a A:
     1. CTA principal em verde #008000
     2. Dois botoes-ancora extras que levam de volta ao formulario */

.iv-b{ --verde-cta:#008000; --verde-cta-claro:#0A9A0A; --verde-cta-escuro:#006B00; }

/* rolagem suave ao clicar nos botoes-ancora */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* ---------- 1. CTA principal em verde ---------- */
@keyframes ivPulsoVerde{
  0%{box-shadow:0 0 0 0 rgba(0,128,0,.50),0 6px 18px rgba(0,128,0,.30)}
  70%{box-shadow:0 0 0 16px rgba(0,128,0,0),0 6px 18px rgba(0,128,0,.30)}
  100%{box-shadow:0 0 0 0 rgba(0,128,0,0),0 6px 18px rgba(0,128,0,.30)}
}
.iv-b .iv-btn{
  background:linear-gradient(135deg,var(--verde-cta-claro) 0%,var(--verde-cta) 45%,var(--verde-cta-escuro) 100%);
  animation:ivPulsoVerde 2.4s ease-out infinite;
}
.iv-b .iv-btn:hover{
  background:linear-gradient(135deg,var(--verde-cta-claro) 0%,var(--verde-cta) 45%,var(--verde-cta-escuro) 100%);
  filter:brightness(1.08);
}
.iv-b .iv-btn::after{
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
}

/* ---------- 2. Botoes-ancora no meio da pagina ---------- */
.iv-cta-meio{padding:0 24px;margin:0 auto 56px;display:flex;justify-content:center}
.iv-b .iv-btn--ancora{
  width:auto;min-width:min(560px,100%);
  text-decoration:none;
  padding:1em 2.4em;
}
.iv-b .iv-btn--ancora:link,
.iv-b .iv-btn--ancora:visited,
.iv-b .iv-btn--ancora:hover,
.iv-b .iv-btn--ancora:focus,
.iv-b .iv-btn--ancora:active{color:#fefefe;text-decoration:none}

/* botao dentro da secao escura das aulas: sem padding lateral (ja esta no iv-wrap) */
.iv-cta-meio--escuro{padding:0;margin:44px auto 0}

@media (max-width:767px){
  .iv-cta-meio{padding:0 20px;margin-bottom:40px}
  .iv-cta-meio--escuro{margin:32px auto 0}
  .iv-b .iv-btn--ancora{width:100%;min-width:0;padding:.85em 1em}
}