.hero-article {
        position: relative;
        background-image: url("../../img/auto-sabotaje.webp");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        color: #fff;
        min-height: 70vh;
        display: flex;
        align-items: center;
        padding: 60px 0;
        overflow: hidden;
      }
      .hero-article::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(15,23,42,0.65) 0%, rgba(15,23,42,0.6) 50%, rgba(15,23,42,0.7) 100%);
        z-index: 1;
      }
      .hero-article .container {
        position: relative;
        z-index: 2;
      }
      .hero-article h1,
      .hero-article p,
      .hero-article .badge {
        color: #fff;
      }
      .hero-article .p-md-4 {
        background: rgba(15,23,42,0.9);
        border-left: 4px solid #38bdf8;
      }
      @media (max-width: 992px) {
        .hero-article { min-height: 60vh; padding: 40px 0; }
        .hero-article h1 { font-size: 1.9rem; }
      }
      @media (max-width: 576px) {
        .hero-article { min-height: 50vh; padding: 28px 0; }
        .hero-article h1 { font-size: 1.6rem; }
      }
    
/* ==========================================================
   BOTÓN WHATSAPP — DISEÑO UNIFICADO
   Referencia: index.html / acerca-de.html / blog.html
   ========================================================== */