/* Componentes sueltos del sitio. */

.aw-cookies {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 99999;
	max-width: 720px;
	margin-inline: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	background: var(--aw-anthracite);
	color: #fff;
	border-radius: var(--aw-radius);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	font-family: var(--aw-font-body);
	font-size: 0.9rem;
	line-height: 1.5;
}
.aw-cookies[hidden] {
	display: none;
}
.aw-cookies p {
	margin: 0;
	flex: 1 1 280px;
}
.aw-cookies a {
	color: #fff;
	text-decoration: underline;
}
.aw-cookies .aw-btn {
	padding: 0.7rem 1.25rem;
	font-size: 0.9rem;
}

/* Botón flotante de WhatsApp */
.aw-whatsapp {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 99998;
	width: 3.5rem;
	height: 3.5rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #128c7e; /* blanco sobre este verde: 4,2:1, válido para un icono */
	color: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	transition: transform 0.15s ease, background-color 0.15s ease;
}
.aw-whatsapp:hover {
	background: #0e6f64;
	transform: scale(1.06);
}
.aw-whatsapp:focus-visible {
	outline: none;
	box-shadow: var(--aw-focus), 0 6px 18px rgba(0, 0, 0, 0.28);
}
@media (prefers-reduced-motion: reduce) {
	.aw-whatsapp {
		transition: none;
	}
	.aw-whatsapp:hover {
		transform: none;
	}
}
/* En móvil el aviso de cookies deja libre el botón de WhatsApp. */
@media (max-width: 760px) {
	.aw-cookies {
		right: 5rem;
	}
}
