/* Contacto directo: verde WhatsApp con borde dorado, sin dependencias. */
.whatsapp-float {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 30;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 11px 21px 11px 15px;
  border: 1px solid #d7b878;
  border-radius: 50px;
  background: #146b42;
  color: #fff;
  box-shadow: 0 7px 26px #0003;
  line-height: 1.2;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.whatsapp-float:hover {
  background: #0d5433;
  transform: translateY(-2px);
  box-shadow: 0 9px 29px #0004;
}
.whatsapp-float:focus-visible {
  outline: 3px solid #a57c35;
  outline-offset: 4px;
}
.whatsapp-float img { width: 32px; height: 32px; flex-shrink: 0; }
.whatsapp-float-label { display: flex; flex-direction: column; gap: 3px; }
.whatsapp-float-label small { font-size: 8px; letter-spacing: 1.3px; text-transform: uppercase; }
.whatsapp-float-label strong { font-size: 13px; font-weight: 600; }
.contact-number { margin: 15px 0; }
.contact-number a { color: #146b42; font-weight: 700; border-bottom: 1px solid #b8cbbf; }
.site-footer { padding-bottom: 96px; }
@media (max-width: 600px) {
  .whatsapp-float {
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(18px + env(safe-area-inset-bottom));
    width: 58px;
    height: 58px;
    min-height: 58px;
    padding: 0;
    justify-content: center;
  }
  .whatsapp-float-label { display: none; }
  .site-footer { padding-bottom: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { transition: none; }
  .whatsapp-float:hover { transform: none; }
}
