/* WhatsApp Button Styles */
.btn-whatsapp {
  display: inline-block;
  padding: 10px 16px;
  font-weight: 600;
  color: #fff;
  background-color: #25D366;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-whatsapp:hover {
  color: #000;
  background: linear-gradient(
    to bottom,
    #aa151b 0%,
    #aa151b 25%,
    #f1bf00 25%,
    #f1bf00 75%,
    #aa151b 75%,
    #aa151b 100%
  );
}

/* BOTÓN FLOTANTE */
.btn-whatsapp-float {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;   /* 🔥 clave para arreglar comunicados */
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

/* Icono centrado */
.btn-whatsapp-float::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M20.52 3.48A11.94 11.94 0 0012.06 0C5.4 0 .06 5.34.06 12c0 2.1.54 4.14 1.56 5.94L0 24l6.24-1.62A11.94 11.94 0 0012.06 24c6.66 0 12-5.34 12-12 0-3.2-1.26-6.2-3.54-8.52zM12.06 21.6c-1.8 0-3.6-.48-5.16-1.44l-.36-.24-3.72.96.96-3.6-.24-.36A9.54 9.54 0 1121.6 12c0 5.28-4.26 9.6-9.54 9.6zm5.22-7.2c-.3-.18-1.74-.84-2.04-.96-.3-.12-.48-.18-.72.18-.24.36-.84.96-1.02 1.14-.18.18-.36.18-.66.06-.3-.12-1.32-.48-2.52-1.56-.96-.84-1.56-1.86-1.74-2.16-.18-.3 0-.48.12-.66.12-.12.3-.36.42-.54.12-.18.18-.3.3-.48.12-.18.06-.36 0-.54-.06-.18-.72-1.74-.96-2.4-.24-.66-.48-.54-.72-.54h-.6c-.18 0-.48.06-.72.3-.24.24-.96.96-.96 2.34 0 1.38.96 2.7 1.14 2.88.18.18 1.98 3 4.8 4.2.66.3 1.2.48 1.62.6.66.18 1.26.18 1.74.12.54-.06 1.74-.72 1.98-1.44.24-.72.24-1.32.18-1.44-.06-.12-.24-.18-.54-.36z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Hover bandera España */
.btn-whatsapp-float:hover {
  background: linear-gradient(
    to bottom,
    #aa151b 0%,
    #aa151b 25%,
    #f1bf00 25%,
    #f1bf00 75%,
    #aa151b 75%,
    #aa151b 100%
  );
  transform: scale(1.1);
}

.btn-whatsapp-float {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
  70% { box-shadow: 0 0 0 15px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* 🔥 FIX definitivo línea debajo botón flotante */
.btn-whatsapp-float,
.btn-whatsapp-float:link,
.btn-whatsapp-float:visited,
.btn-whatsapp-float:hover,
.btn-whatsapp-float:active {
  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
}

/* ===== FIX WHATSAPP FLOAT GLOBAL ===== */
a.btn-whatsapp-float,
a.btn-whatsapp-float:link,
a.btn-whatsapp-float:visited,
a.btn-whatsapp-float:hover,
a.btn-whatsapp-float:active,
a.btn-whatsapp-float:focus {
  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Evitar pseudo-elementos heredados */
a.btn-whatsapp-float::before,
a.btn-whatsapp-float::after {
  border: none !important;
  text-decoration: none !important;
}

a.btn-whatsapp-float::after {
  content: none !important;
  display: none !important;
}

/* Blindaje total */
.btn-whatsapp-float {
  all: unset;
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: pointer;
}

.btn-whatsapp-float::before {
  display: block !important;
  content: "" !important;
  width: 32px !important;
  height: 32px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}