<!-- BLOG SECTION -->
<section id="blog" class="blog" style="background: rgba(224, 246, 255, 0.95); backdrop-filter: blur(20px); padding: 80px 0;">
  <div class="container">
    <h2 class="section-title" style="text-align: center; font-size: 2.5rem; color: #0277bd; margin-bottom: 3rem; font-weight: 700;">Artículos y Educación</h2>
    
    <div class="blog-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
      
      <div class="blog-post" style="background: white; border-radius: 15px; padding: 2rem; box-shadow: 0 8px 25px rgba(41, 182, 246, 0.1); border: 1px solid rgba(79, 195, 247, 0.2);">
        <h3 style="color: #0277bd; font-size: 1.4rem; margin-bottom: 0.8rem;">¿Qué es la homeopatía unicista?</h3>
        <p style="color: #4b5563; font-size: 1rem; margin-bottom: 1rem; line-height: 1.6;">
          Descubrí cómo funciona este enfoque y cómo se diferencia de otras formas de homeopatía.
        </p>
        <a href="#" style="color: #0288d1; text-decoration: none; font-weight: 600;">Leer más</a>
      </div>

      <div class="blog-post" style="background: white; border-radius: 15px; padding: 2rem; box-shadow: 0 8px 25px rgba(41, 182, 246, 0.1); border: 1px solid rgba(79, 195, 247, 0.2);">
        <h3 style="color: #0277bd; font-size: 1.4rem; margin-bottom: 0.8rem;">¿La homeopatía puede usarse junto a medicina convencional?</h3>
        <p style="color: #4b5563; font-size: 1rem; margin-bottom: 1rem; line-height: 1.6;">
          Aprendé cómo se integran ambas formas de medicina para lograr un tratamiento más completo.
        </p>
        <a href="#" style="color: #0288d1; text-decoration: none; font-weight: 600;">Leer más</a>
      </div>

      <div class="blog-post" style="background: white; border-radius: 15px; padding: 2rem; box-shadow: 0 8px 25px rgba(41, 182, 246, 0.1); border: 1px solid rgba(79, 195, 247, 0.2);">
        <h3 style="color: #0277bd; font-size: 1.4rem; margin-bottom: 0.8rem;">¿Es solo efecto placebo?</h3>
        <p style="color: #4b5563; font-size: 1rem; margin-bottom: 1rem; line-height: 1.6;">
          Respondemos una de las dudas más comunes sobre la eficacia de los tratamientos homeopáticos.
        </p>
        <a href="#" style="color: #0288d1; text-decoration: none; font-weight: 600;">Leer más</a>
      </div>

    </div>
  </div>
</section>
.aviso-importante {
  background-color: #e0f6ff;
  padding: 1rem;
  font-weight: bold;
  color: #0277bd;
  border-radius: 10px;
  text-align: center;
}