/* WhatsApp por propiedad (inc/whatsapp.php). */

/* Botón en la ficha (junto al precio y en la columna de contacto). */
.ac-wa-boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 40px; background: var(--ac-verde-oscuro); color: #fff !important; font-family: var(--ac-fuente); font-size: 15px; font-weight: 500; line-height: 1.2; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; }
.ac-wa-boton svg { width: 19px; height: 19px; fill: currentColor; flex: none; }
.ac-wa-boton:hover, .ac-wa-boton:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(16,128,67,.3); }
.ac-wa-boton:focus-visible { outline: 2px solid var(--ac-tinta); outline-offset: 3px; }
.ac-wa-precio { margin-top: 12px; }
.ac-wa-columna { margin-bottom: 24px; }
.ac-wa-columna .ac-wa-boton { display: flex; width: 100%; }

/* Ícono en las tarjetas, junto al corazón de favoritos. */
.ac-wa-tarjeta { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 6px; border-radius: 50%; background: var(--ac-verde-oscuro); color: #fff !important; vertical-align: middle; box-shadow: 0 2px 6px rgba(0,0,0,.25); transition: transform .2s ease; }
/* RealHomes (tarjetas de Elementor, del widget lateral y de la lista de búsqueda) pone display:inline-block a los enlaces de los botones y el ícono quedaba descentrado. */
.elementor_property_card_parent .rh_prop_card__btns a.ac-wa-tarjeta,
.rh_prop_card .rh_prop_card__thumbnail .rh_prop_card__btns a.ac-wa-tarjeta,
.rh_list_card__wrap .rh_list_card__thumbnail .rh_list_card__btns a.ac-wa-tarjeta { display: inline-grid; }
.ac-wa-tarjeta svg { width: 17px; height: 17px; fill: currentColor; }
.ac-wa-tarjeta:hover, .ac-wa-tarjeta:focus-visible { transform: scale(1.1); }
.ac-wa-tarjeta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Flotante: escritorio a la derecha (como el snippet original); móvil, barra fija abajo. */
.ac-wa-flotante { position: fixed; top: 50%; right: 20px; z-index: 999; transform: translateY(-50%); }
.ac-wa-flotante a { display: flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 50px; background: #000; color: #fff !important; font-family: var(--ac-fuente); font-size: 14px; font-weight: 500; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,.4); transition: background-color .3s ease, transform .3s ease; }
.ac-wa-flotante svg { width: 20px; height: 20px; fill: currentColor; flex: none; }
.ac-wa-flotante a:hover, .ac-wa-flotante a:focus-visible { background: #333; transform: translateX(-3px); }
.ac-wa-flotante a:focus-visible { outline: 2px solid var(--ac-azul); outline-offset: 3px; }
.ac-wa-flotante__movil { display: none; }
@media (max-width: 767px) {
	.ac-wa-flotante { top: auto; bottom: 0; left: 0; right: 0; transform: none; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); box-shadow: 0 -4px 16px rgba(0,0,0,.12); }
	.ac-wa-flotante a { justify-content: center; padding: 13px 20px; background: var(--ac-verde-oscuro); font-size: 16px; box-shadow: none; }
	.ac-wa-flotante a:hover, .ac-wa-flotante a:focus-visible { background: var(--ac-verde-oscuro); transform: none; }
	.ac-wa-flotante__escritorio { display: none; }
	.ac-wa-flotante__movil { display: inline; }
	body.single-property { padding-bottom: 76px; }
	body.single-property #scroll-top { bottom: 90px; }
	body.single-property .cxd-floating { bottom: calc(86px + env(safe-area-inset-bottom)) !important; } /* botón «Privacidad» de Data Compliance sobre la barra */
}