/* =====================================================================
   Kalos WhatsApp — botón flotante (mismo en todas las páginas).
   Por defecto abajo a la DERECHA; el color y la posición se pisan por
   estilos inline desde el plugin (ajustes). El tema puede reposicionarlo
   en páginas concretas (ej. la home cine lo funde al llegar al footer).
   ===================================================================== */
.wa-float {
	position: fixed;
	right: 1.4rem;
	bottom: 1.4rem;
	left: auto;
	z-index: 900;
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	padding: .8rem 1.15rem;
	border-radius: 100px;
	background: #25d366;
	color: #072b13;
	text-decoration: none;
	font-family: var(--font-mono, 'Space Mono', ui-monospace, monospace);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1;
	box-shadow: 0 10px 30px rgba(0,0,0,.4);
	transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
.wa-float:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 36px rgba(0,0,0,.5);
	color: #072b13;
}
.wa-float svg { flex: 0 0 auto; }
.wa-float-label { white-space: nowrap; }

/* En pantallas chicas: solo el ícono (círculo), sin etiqueta. */
@media (max-width: 900px) {
	.wa-float { padding: .85rem; gap: 0; }
	.wa-float-label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.wa-float { transition: none; }
}