.elementor-362 .elementor-element.elementor-element-bef8acc{--display:flex;}.elementor-362 .elementor-element.elementor-element-a26e962 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}/* Start custom CSS */<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.vl-body * { box-sizing: border-box; }
.vl-body {
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.vl-body h1,.vl-body h2,.vl-body h3,.vl-body h4 {
  font-family: 'Poppins', sans-serif;
  color: #2F6B3C;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}
.vl-body p { margin: 0; }
.vl-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.vl-btn {
  display: inline-block;
  background: #5CB85C;
  color: #fff !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  padding: 18px 40px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 30px rgba(92,184,92,0.35);
  transition: transform 0.2s, box-shadow 0.2s;
  width: 100%;
  max-width: 420px;
  text-decoration: none !important;
}
.vl-btn:hover { background: #4ca64c; transform: translateY(-2px); }
.vl-btn .vl-btn-sub { display: block; font-size: 0.72rem; font-weight: 400; opacity: 0.88; margin-top: 3px; }
</style>

<!-- HERO -->
<div class="vl-body" style="background: linear-gradient(160deg, #fff 0%, #f0fbf3 55%, #fde8f0 100%); padding: 60px 0 70px; position: relative; overflow: hidden;">
  <div style="position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,#A8D5BA33 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
  <div style="position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,#F7D6E044 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>

  <div class="vl-container" style="position:relative;z-index:1;">
    <div style="display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;">

      <!-- Badge -->
      <div style="display:inline-flex;align-items:center;gap:8px;background:#F7D6E0;color:#b5446e;font-size:0.78rem;font-weight:600;padding:8px 20px;border-radius:50px;font-family:'Poppins',sans-serif;">
        🌿 Método Natural · Sem Dietas Malucas · Sem Academia
      </div>

      <!-- Headline -->
      <h1 style="font-size:clamp(1.8rem,5vw,2.9rem);max-width:700px;margin:0 auto;">
        Desinche sua barriga e volte a se sentir
        <span style="color:#5CB85C;"> leve e confiante</span>
        — sem dietas malucas ou horas na academia
      </h1>

      <!-- Subheadline -->
      <p style="font-size:clamp(1rem,2.5vw,1.15rem);color:#666;max-width:560px;margin:0 auto;font-family:'Poppins',sans-serif;">
        Um método simples, feminino e comprovado para mulheres que querem se livrar do inchaço, do desconforto abdominal e da barriga pesada de uma vez por todas.
      </p>

      <!-- Mockup Ebook -->
      <div style="position:relative;max-width:280px;width:100%;margin:0 auto;">
        <div style="background:linear-gradient(135deg,#2F6B3C 0%,#5CB85C 60%,#A8D5BA 100%);border-radius:12px 20px 20px 12px;padding:40px 28px;text-align:center;box-shadow:-8px 8px 0 #245030,0 24px 60px rgba(47,107,60,0.30);position:relative;overflow:hidden;">
          <div style="position:absolute;top:0;left:0;width:14px;height:100%;background:rgba(0,0,0,0.18);border-radius:12px 0 0 12px;"></div>
          <div style="font-size:3.5rem;margin-bottom:14px;">🌿</div>
          <div style="font-family:'Poppins',sans-serif;font-weight:800;font-size:1.05rem;color:#fff;line-height:1.3;margin-bottom:8px;">VENTRE LEVE</div>
          <div style="font-family:'Poppins',sans-serif;font-size:0.72rem;color:rgba(255,255,255,0.85);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;">Método Completo</div>
          <div style="width:60px;height:2px;background:rgba(255,255,255,0.4);margin:0 auto 16px;"></div>
          <div style="font-family:'Poppins',sans-serif;font-size:0.68rem;color:rgba(255,255,255,0.8);line-height:1.5;">
            ✓ 6 Módulos<br>✓ Plano 21 Dias<br>✓ 3 Bônus Exclusivos
          </div>
        </div>
        <!-- Brilho decorativo -->
        <div style="position:absolute;top:-15px;right:-15px;width:60px;height:60px;background:#F7D6E0;border-radius:50%;opacity:0.7;"></div>
        <div style="position:absolute;bottom:-10px;left:-10px;width:40px;height:40px;background:#A8D5BA;border-radius:50%;opacity:0.5;"></div>
      </div>/* End custom CSS */