Embed

<section id="hero" data-section-id="1" data-category="hero">
  <div class="container">
    
    <div class="card image-card">
      <div class="product-img-container">
        <img
          src="https://i.postimg.cc/m22ZQWzz/gatro-biotico-removebg-preview.png"
          alt="Gastro Biótico"
          class="product-img"
        />
      </div>
    </div>

    
    <div class="card">
      <div class="text-content">
        <h1>Gastro Biótico® – Probióticos + Tecnología PolyGas®</h1>
        <p class="intro-text">
          Elimina el <strong>Helicobacter pylori</strong> de forma natural.
          Gastro Biótico® combina probióticos de alta potencia con la exclusiva
          tecnología PolyGas®, diseñada para combatir eficazmente el
          Helicobacter pylori, una de las principales causas de gastritis y
          malestar estomacal.
        </p>

        <ul>
          <li>✔ Ayuda a eliminar el Helicobacter pylori sin químicos agresivos</li>
          <li>✔ Regenera y protege la flora intestinal</li>
          <li>✔ Reduce inflamación, acidez y molestias digestivas</li>
          <li>✔ Fórmula 100% natural, segura y efectiva</li>
        </ul>

        <div class="features">
          <div>
            <img src="https://cdn-icons-png.flaticon.com/512/2224/2224174.png" alt="Sin azúcares"/>
            <span>Sin azúcares</span>
          </div>
          <div>
            <img src="https://cdn-icons-png.flaticon.com/512/4231/4231236.png" alt="Sin químicos"/>
            <span>Sin químicos</span>
          </div>
          <div>
            <img src="https://cdn-icons-png.flaticon.com/512/4337/4337722.png" alt="Sin gluten"/>
            <span>Sin gluten</span>
          </div>
          <div>
            <img src="https://cdn-icons-png.flaticon.com/512/3778/3778967.png" alt="Sin lactosa"/>
            <span>Sin lactosa</span>
          </div>
        </div>

        <a href="https://wa.me/593939446977?text=Deseo%20m%C3%A1s%20informaci%C3%B3n%20sobre%20el%20tratamiento%20GASTRO%20PLUS" target="_blank" class="btn">
          ¡Quiero mi tratamiento ahora!
        </a>
      </div>
    </div>
  </div>

  <style>
    .container {
      max-width: 1100px; /* más ancho */
      margin: auto;
      padding: 20px;
      display: flex;
      gap: 35px;
      align-items: stretch;
      box-sizing: border-box;
    }

    .card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 4px 24px rgba(12, 158, 30, 0.08);
      padding: 28px;
      flex: 1 1 0;
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
      height: auto;
    }

    .card.image-card {
      align-items: center;
      justify-content: center;
      background: #898989;
    }

    .product-img-container {
      background: #f2f2f2;
      border-radius: 16px;
      padding: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .product-img {
      width: 190px; /* imagen más grande */
      max-width: 100%;
    }

    h1 {
      font-size: 28px; /* título reducido */
      font-weight: 700;
      color: #0c9e1e;
      margin-bottom: 12px;
      line-height: 1.3;
    }

    .intro-text {
      color: #0c9e1e;
      font-size: 14px;
      margin: 14px 0px 18px;
      max-width: 420px;
    }

    ul {
      padding-left: 18px;
      margin: 0 0 15px;
    }

    ul li {
      margin-bottom: 8px;
      font-size: 14px;
    }

    .features {
      display: flex;
      justify-content: space-between;
      margin: 18px 0;
      text-align: center;
    }

    .features div {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1;
    }

    .features img {
      width: 42px;
      margin-bottom: 6px;
    }

    .features span {
      font-size: 12px;
      color: #0c9e1e;
    }

    .btn {
      display: inline-block;
      margin-top: 10px;
      padding: 12px 25px;
      background: linear-gradient(90deg, #0f6b3d, #82bd23);
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      border-radius: 8px;
      text-align: center;
      transition: all 0.3s ease-in-out;
    }

    .btn:hover {
      box-shadow: 0 0 20px rgba(130, 189, 35, 0.9);
      transform: scale(1.05);
    }

    @media (max-width: 900px) {
      .container {
        flex-direction: column;
      }
    }
  </style>
</section>

Gastro Plus

Mi negocio se llama GASTRO PLUS. Somos una farmacia naturista especializada en salud digestiva desde 1993. Ofrecemos medicamentos naturales premium formulados con ingredientes como Cuasia, Colombo y G