.hero-empresa {
        position: relative;
        min-height: 70vh;
        display: flex;
        align-items: center;
        color: #ffffff;
        overflow: hidden;
      }
      .hero-empresa::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url("../../img/Trabajo-equipo-1.webp") center center / cover no-repeat;
        z-index: 1;
      }
      .hero-empresa::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(8, 47, 112, 0.7);
        z-index: 2;
      }
      .hero-empresa-content {
        position: relative;
        z-index: 3;
      }
    
/* ==========================================================
   BOTÓN WHATSAPP — DISEÑO UNIFICADO
   Referencia: index.html / acerca-de.html / blog.html
   ========================================================== */

@keyframes whatsappBluePulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(13, 110, 253, 0.65),
            0 6px 14px rgba(13, 110, 253, 0.45);
    }

    45% {
        box-shadow:
            0 0 0 9px rgba(13, 110, 253, 0),
            0 8px 22px rgba(13, 110, 253, 0.70);
    }

    70% {
        box-shadow:
            0 0 0 0 rgba(13, 110, 253, 0),
            0 6px 14px rgba(13, 110, 253, 0.45);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(13, 110, 253, 0),
            0 6px 14px rgba(13, 110, 253, 0.45);
    }
}