/* =========================================================
   WHATSAPP FLOATING BUTTON — PREMIUM SOBRIO
   ========================================================= */

.gls-wa-btn,
.gls-wa-btn:visited {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 52px;
  padding: 0 20px 0 16px;
  border-radius: 999px;

  background: linear-gradient(135deg, #128C4A 0%, #1FAF62 100%);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, .22);

  text-decoration: none !important;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1;

  box-shadow:
    0 14px 34px rgba(15, 23, 42, .18),
    0 8px 20px rgba(18, 140, 74, .22),
    inset 0 1px 0 rgba(255, 255, 255, .20);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease;
}

.gls-wa-btn:hover,
.gls-wa-btn:focus {
  transform: translateY(-3px) scale(1.015);
  background: linear-gradient(135deg, #0B1E3D 0%, #132952 100%);
  color: #FFFFFF !important;
  text-decoration: none !important;
  border-color: rgba(255, 255, 255, .28);
  box-shadow:
    0 20px 46px rgba(15, 23, 42, .26),
    0 10px 24px rgba(18, 140, 74, .18),
    inset 0 1px 0 rgba(255, 255, 255, .20);
}

.gls-wa-btn:active {
  transform: translateY(-1px) scale(.99);
}

.gls-wa-btn *,
.gls-wa-btn:hover *,
.gls-wa-btn:focus * {
  color: inherit !important;
  text-decoration: none !important;
}

.gls-wa-btn svg,
.gls-wa-btn img {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.gls-wa-label {
  white-space: nowrap;
}

/* Móvil */
@media (max-width: 480px) {
  .gls-wa-btn,
  .gls-wa-btn:visited {
    right: 18px;
    bottom: 18px;
    width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 0;
    border-radius: 50%;
  }

  .gls-wa-label {
    display: none;
  }

  .gls-wa-btn svg,
  .gls-wa-btn img {
    width: 24px;
    height: 24px;
  }
}