/* Semana Viver de Inverter - captacao.
   Valores da LI#49: Barlow, #E0382D, destaque quadrado, icones 40px, @keyframes seta. */
:root{
  --vermelho:#E0382D; --vermelho-escuro:#C22E27; --vermelho-borda:#96211A;
  --verde:#239744; --vermelho-card:#CC4949;
  --tinta:#03110D; --tinta-suave:#03110DBF; --linha:#03110D59;
  --papel:#FFFFFF; --papel-2:#F3F3F3; --escuro:#161E29; --campo:#E4E4E469;
  --sombra:0 8px 24px rgba(149,157,165,.10);
}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
html{-webkit-text-size-adjust:100%}
body.iv{margin:0;padding:0;background:var(--papel);color:var(--tinta);
  font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.5;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
p{margin-bottom:0}
.iv-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
.destaque{color:var(--vermelho);font-weight:700}
.destaque-realce{background-color:var(--vermelho);color:#fefefe;padding:0 5px;border-radius:0}

/* ---------- HERO ---------- */
.iv-hero{position:relative;background:var(--papel-2) top center/cover no-repeat;
  min-height:760px;display:flex;align-items:center;padding:40px 0}
.iv-hero__grid{display:grid;grid-template-columns:49% 49%;gap:2%;align-items:center;width:100%}
.iv-faixa{margin-bottom:24px}
.iv-logo{width:230px}
.iv-hero h1{margin:0 0 24px;font-size:2.45em;line-height:1.2;font-weight:700}
.iv-fatos{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:5px}
.iv-fatos li{display:flex;align-items:center;gap:14px;font-size:1.25em;font-weight:400;line-height:1.35}
.iv-fatos li b{font-weight:700}
.iv-fatos .iv-ico{flex:0 0 40px;width:40px;height:40px;border:2px solid var(--tinta);border-radius:50%;
  display:flex;align-items:center;justify-content:center}
.iv-fatos .iv-ico svg{width:21px;height:21px;stroke:var(--tinta);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.iv-chamada{margin:0 0 14px;font-size:1.25em;font-weight:400}
.iv-chamada b{color:var(--vermelho);font-weight:700}
.iv-hero__foto{align-self:stretch}

/* ---------- FORMULARIO ---------- */
.iv-form{display:grid;gap:14px;max-width:520px}
.iv-campo{position:relative}
.iv-campo input[type=email],.iv-campo input[type=tel]{
  width:100%;padding:1em;font-size:1.125em;font-family:inherit;font-weight:400;color:#000000CF;
  background:#FFFFFF;border:1px solid #03110D26;border-radius:10px;outline:none;
  box-shadow:0 2px 8px rgba(3,17,13,.06)}
.iv-campo input:focus{border-color:var(--vermelho);background:#FFFFFF;box-shadow:0 0 0 3px rgba(224,56,45,.12)}
.iv-campo input::placeholder{color:#03110D8A}
.iv-campo.erro input{border-color:var(--vermelho);background:#FFF6F5}
.iv-erro{display:none;margin:6px 2px 0;font-size:1em;font-weight:700;color:var(--vermelho)}
.iv-campo.erro .iv-erro{display:block}

/* intl-tel-input: +55 fixo ao lado, como na 49 */
.iti{width:100%!important}
.iti__country-list{width:auto!important}
.iti__selected-dial-code,.iti__country-name,.iti__dial-code{font-size:16px}
.iti--separate-dial-code .iti__selected-flag{background:transparent;border-radius:10px 0 0 10px}

/* ---------- BOTAO ---------- */
@keyframes seta{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes ivPulso{
  0%{box-shadow:0 0 0 0 rgba(224,56,45,.55),0 6px 18px rgba(224,56,45,.30)}
  70%{box-shadow:0 0 0 16px rgba(224,56,45,0),0 6px 18px rgba(224,56,45,.30)}
  100%{box-shadow:0 0 0 0 rgba(224,56,45,0),0 6px 18px rgba(224,56,45,.30)}
}
@keyframes ivBrilho{0%{left:-140%}55%,100%{left:140%}}
.iv-btn{position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;justify-content:center;gap:16px;width:100%;
  padding:1em 1.2em;font-family:inherit;font-size:1.5em;font-weight:700;line-height:1.2;
  color:#fefefe;background:linear-gradient(135deg,#EE4438 0%,var(--vermelho) 45%,#C4291F 100%);
  border:0;border-radius:10px;cursor:pointer;
  animation:ivPulso 2.4s ease-out infinite;transition:transform .15s,filter .15s}
.iv-btn::after{content:"";position:absolute;top:-60%;left:-140%;width:55%;height:220%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-22deg);animation:ivBrilho 3.4s ease-in-out infinite}
.iv-btn:hover{transform:scale(1.05);filter:brightness(1.06)}
.iv-btn:active{transform:scale(1.01)}
.iv-btn[disabled]{opacity:.7;cursor:progress;animation:none;transform:none}
.iv-btn[disabled]::after{display:none}
.iv-btn svg{width:32px;height:32px;stroke:#fefefe;fill:none;stroke-width:2.2;animation:seta 1s infinite ease}
@media (prefers-reduced-motion:reduce){
  .iv-btn,.iv-btn::after,.iv-btn svg{animation:none}
}

.iv-aviso{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:1em;color:var(--tinta-suave)}
.iv-aviso svg{flex:0 0 17px;width:17px;height:17px;stroke:var(--tinta-suave);fill:none;stroke-width:2}
.iv-form__msg{display:none;margin:0;padding:14px 16px;border-radius:4px;font-weight:700;
  background:#FBECEB;color:#96211A;border:1px solid #E7BDBA}
.iv-form__msg.visivel{display:block}

/* ---------- PERFIL ---------- */
.iv-perfil{padding:64px 0 56px}
.iv-perfil__grid{display:grid;grid-template-columns:49% 49%;gap:2%;align-items:start}
.iv-card{background:#FCFBFC;border-radius:20px;box-shadow:var(--sombra);padding:3.75em 2.5em 2.5em;margin-top:100px}
/* cabecalho inset: acompanha o padding do cartao, como na 49 */
.iv-card__topo{margin:-100px 0 0;padding:25px 40px;border-radius:10px;text-align:center;
  color:#fefefe;font-size:2em;font-weight:700;line-height:1.25}
.iv-card__topo--nao{background:var(--vermelho-card)}
.iv-card__topo--sim{background:var(--verde)}
.iv-card ul{list-style:none;margin:0;padding:0;display:block}
/* divisor entre itens, igual a 49 */
.iv-card li{display:flex;gap:16px;align-items:flex-start;padding:1.35em 0;
  font-size:1.125em;line-height:1.45;color:var(--tinta-suave);
  border-bottom:1px solid #E4E4E4}
.iv-card li:last-child{border-bottom:0;padding-bottom:.4em}
.iv-card li svg{flex:0 0 26px;width:26px;height:26px;margin-top:1px}
.iv-card b{color:var(--tinta);font-weight:700}

/* ---------- AGENDA ---------- */
.iv-agenda{background:var(--escuro);color:#fff;padding:60px 0}
.iv-agenda h2{margin:0 0 36px;text-align:center;font-size:2.25em;font-weight:700}
.iv-aulas{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.iv-aula{background:#fff;color:var(--tinta);border-radius:14px;overflow:hidden;
  box-shadow:0 7px 29px rgba(100,100,111,.20)}
.iv-aula img{width:100%;aspect-ratio:290/229;object-fit:cover}
.iv-aula__txt{padding:20px}
.iv-aula__n{margin:0;font-size:1.35em;font-weight:700}
.iv-aula__dia{margin:2px 0 12px;font-size:1.06em;font-weight:700;color:var(--vermelho)}
.iv-aula__desc{margin:0;padding-top:1em;border-top:.5px solid #E4E4E4;font-size:1.06em;color:var(--tinta-suave);line-height:1.4}

/* ---------- BIO ---------- */
.iv-bio{background:var(--papel-2) top center/cover no-repeat;padding:0}
.iv-bio__grid{display:grid;grid-template-columns:47% 50%;gap:3%;align-items:center;min-height:720px}
.iv-bio__foto{position:relative;justify-self:stretch;align-self:end}
.iv-bio__foto img{width:100%;max-width:620px;margin:0 auto}
.iv-selo{position:absolute;right:2%;bottom:14%;display:flex;align-items:center;gap:12px;
  padding:16px 28px;background:rgba(255,255,255,.94);border-radius:999px;font-weight:700;font-size:1.5em;
  box-shadow:0 8px 24px rgba(149,157,165,.22)}
.iv-bio__card{background:#FCFBFC;border-radius:20px;padding:3em 2.75em;box-shadow:var(--sombra)}
.iv-bio__card h2{margin:0 0 24px;font-size:2.5em;font-weight:700;line-height:1.2}
.iv-nome{margin:0 0 18px;font-size:1.6em;font-weight:700;color:var(--vermelho)}
.iv-bio__card p{margin:0 0 16px;font-size:1.25em;line-height:1.45;color:var(--tinta-suave)}
.iv-bio__card p:last-child{margin-bottom:0}
.iv-bio__card b{color:var(--tinta);font-weight:700}

/* ---------- CTA FINAL ----------
   OCULTA. Para reexibir: trocar 'display:none' por 'display:block' na linha abaixo. */
.iv-cta{display:none;background:var(--escuro) center/cover no-repeat;color:#fff;padding:64px 0}
.iv-cta__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.iv-cta h2{margin:0 0 24px;font-size:2.25em;font-weight:700;line-height:1.25}
.iv-cta .iv-fatos .iv-ico{border-color:#fff}
.iv-cta .iv-fatos .iv-ico svg{stroke:#fff}
.iv-cta .iv-aviso{color:#C7D0DB}
.iv-cta .iv-aviso svg{stroke:#C7D0DB}

/* ---------- RODAPE ---------- */
.iv-rodape{background:#111111;color:#FEFEFE;padding:2em 0;font-size:1em}
.iv-rodape__grid{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.iv-rodape a{color:#FEFEFE;text-decoration:none;font-weight:700}
.iv-rodape a,.iv-rodape a:link,.iv-rodape a:visited,.iv-rodape a:hover,.iv-rodape a:active{color:#FEFEFE}
.iv-rodape a:hover{text-decoration:underline}

/* ---------- REVELACAO AO ROLAR ----------
   A classe .iv-revela e adicionada por JS. Sem JS, nada some. */
.iv-revela{opacity:0;transform:translateY(26px);
  transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
.iv-revela.iv-visivel{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .iv-revela{opacity:1!important;transform:none!important;transition:none}
}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1023px){
  .iv-hero{background-image:none!important;background:var(--papel-2);min-height:0;padding:28px 0 36px}
  .iv-hero__grid,.iv-perfil__grid,.iv-bio__grid,.iv-cta__grid{grid-template-columns:1fr}
  .iv-hero__foto{display:none}
  .iv-hero h1{font-size:1.7em}
  .iv-form{max-width:none}
  .iv-aulas{grid-template-columns:repeat(2,1fr)}
  .iv-bio{padding:40px 0 0}
  .iv-bio__grid{min-height:0;gap:24px}
  .iv-bio__foto{max-width:380px;justify-self:center;order:2}
  .iv-bio__foto img{max-width:100%}
  .iv-selo{right:0;font-size:1.25em;padding:12px 20px}
  .iv-cta h2{font-size:1.7em}
  .iv-card{margin-top:100px}
}
/* ---------- MOBILE: primeira dobra completa ate o aviso ---------- */
@media (max-width:1023px){
  /* faixa do topo com a arte mobile, logo por cima */
  .iv-faixa{position:relative;margin:-28px -20px 18px;padding:14px 20px;min-height:104px;
    display:flex;align-items:center;
    background:#EDEFF1 50% center/cover no-repeat}
  .iv-logo{width:150px}
}
@media (max-width:767px){
  .iv-wrap{padding:0 20px}
  .iv-hero{padding:28px 0 22px}
  .iv-hero h1{font-size:1.62em;line-height:1.18;margin-bottom:16px}
  .iv-fatos{gap:2px;margin-bottom:16px}
  .iv-fatos li{font-size:1.06em;gap:11px}
  .iv-fatos .iv-ico{flex:0 0 35px;width:35px;height:35px}
  .iv-fatos .iv-ico svg{width:18px;height:18px}
  .iv-chamada{font-size:1.06em;margin-bottom:10px}
  .iv-form{gap:10px}
  .iv-campo input[type=email],.iv-campo input[type=tel]{padding:.7em;font-size:1.06em}
  .iv-btn{font-size:1.18em;padding:.75em 1em;gap:10px}
  .iv-btn svg{width:23px;height:23px}
  /* aviso em uma linha so */
  .iv-aviso{font-size:.8em;white-space:nowrap;gap:6px}
  .iv-aviso svg{flex:0 0 14px;width:14px;height:14px}
  .iv-card{padding:3em 1.5em 2em;margin-top:75px}\n  .iv-card li{padding:1.1em 0;font-size:1.06em}
  .iv-card__topo{margin:-75px 0 0;padding:20px 30px;font-size:1.5em}
  .iv-agenda h2{font-size:1.7em}
  .iv-aulas{grid-template-columns:1fr}
  .iv-bio__card{padding:2em 1.6em}
  .iv-bio__card h2{font-size:1.8em}
  .iv-bio__card p{font-size:1.125em}
  .iv-nome{font-size:1.35em}
  .iv-rodape__grid{flex-direction:column;text-align:center;gap:10px}
}