/* La Dalia — botón flotante de WhatsApp (módulo ladalia_whatsapp).
   Verde de marca de WhatsApp (#25D366): es la excepción explícita a la paleta
   rojo/negro, porque el cliente lo reconoce por ese color. */

.ld-wa{position:fixed;z-index:990;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.16);
  transition:transform .2s ease,background-color .2s ease}
.ld-wa:hover,.ld-wa:focus{background:#1EBE5A;color:#fff;text-decoration:none;transform:scale(1.06)}
.ld-wa:focus-visible{outline:2px solid var(--ld-ink,#141414);outline-offset:3px}
.ld-wa__icon{display:block;width:30px;height:30px;fill:currentColor}

/* Posiciones. Arriba: bajo la cabecera; whatsapp.js ajusta --ld-wa-top al hacer scroll
   (sin JS se queda a la altura de la cabecera de escritorio). */
.ld-wa--top_right{top:var(--ld-wa-top,150px);right:20px}
.ld-wa--bottom_right{bottom:20px;right:20px}
.ld-wa--bottom_left{bottom:20px;left:20px}

/* Etiqueta al pasar el ratón (solo con puntero; en táctil no tiene sentido) */
.ld-wa__tip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);
  padding:8px 12px;background:var(--ld-ink,#141414);color:#fff;white-space:nowrap;pointer-events:none;
  font:500 12px/1 var(--ld-font-sans,'Jost',sans-serif);letter-spacing:.04em;
  opacity:0;transition:opacity .2s ease}
.ld-wa--bottom_left .ld-wa__tip{right:auto;left:calc(100% + 12px)}
@media (hover:hover){
  .ld-wa:hover .ld-wa__tip,.ld-wa:focus-visible .ld-wa__tip{opacity:1}
}

@media (max-width:767px){
  .ld-wa{width:52px;height:52px}
  .ld-wa__icon{width:28px;height:28px}
  .ld-wa--top_right,.ld-wa--bottom_right{right:14px}
  .ld-wa--bottom_right,.ld-wa--bottom_left{bottom:14px}
  .ld-wa--bottom_left{left:14px}
}

@media (prefers-reduced-motion:reduce){
  .ld-wa,.ld-wa__tip{transition:none}
  .ld-wa:hover,.ld-wa:focus{transform:none}
}

@media print{
  .ld-wa{display:none}
}