/* Botón flotante de WhatsApp — todas las páginas del sitio (ver
 * Inmovilla_Connector_Frontend::print_floating_whatsapp_button(), colgado
 * de "wp_footer" sin condición de plantilla).
 *
 * A petición del usuario, WhatsApp ocupa ahora la posición "de siempre" de
 * la flechita "volver arriba" propia del tema Palace (más cerca de la
 * esquina) y la flechita sube justo encima — mismo "right" en las dos para
 * que queden alineadas en vertical, y mismo tamaño en las dos (antes la
 * flechita era fija a 35x35px, ver .progress-wrap en
 * wp-content/themes/palace/assets/css/global.css:466). El selector "body
 * .progress-wrap" (más específico que el ".progress-wrap" suelto del tema)
 * sobrescribe su posición/tamaño sin tocar el archivo del tema ni su
 * comportamiento (backtotop.js sigue exactamente igual) — solo cambia
 * dónde y de qué tamaño se pinta.
 */
.inmovilla-whatsapp-float {
	position: fixed;
	z-index: 100;
	right: 30px;
	bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #25d366;
	color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.inmovilla-whatsapp-float:hover,
.inmovilla-whatsapp-float:focus {
	color: #fff;
	background-color: #1da851;
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.32);
}

.inmovilla-whatsapp-float .inmovilla-icon {
	display: flex;
}

.inmovilla-whatsapp-float svg {
	width: 30px;
	height: 30px;
}

/* La flechita "volver arriba" del tema, reposicionada encima del botón de
 * WhatsApp: mismo right (30px) para que ambas queden alineadas en vertical,
 * mismo tamaño (56px) que el botón de WhatsApp, y bottom suficiente para
 * dejar 12px de hueco libre entre las dos (30 + 56 + 12 = 98). */
body .progress-wrap {
	right: 30px;
	bottom: 98px;
	width: 56px;
	height: 56px;
}

body .progress-wrap::after {
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 22px;
}

/* Móvil: mismo criterio que el resto del plugin (punto de quiebre 767px) —
 * los dos botones más pequeños para "no ocupar tanto espacio en la
 * pantalla" (a petición del usuario), pegados más a la esquina, pero sin
 * bajar de un tamaño cómodo para el dedo (46px). */
@media (max-width: 767px) {
	.inmovilla-whatsapp-float {
		right: 16px;
		bottom: 16px;
		width: 46px;
		height: 46px;
	}

	.inmovilla-whatsapp-float svg {
		width: 24px;
		height: 24px;
	}

	body .progress-wrap {
		right: 16px;
		bottom: 72px;
		width: 46px;
		height: 46px;
	}

	body .progress-wrap::after {
		width: 46px;
		height: 46px;
		line-height: 46px;
		font-size: 18px;
	}
}