/**
 * Botón flotante «Done HOY» del pie (plantilla 4579, widget 789ab32).
 *
 * Índice de clases:
 *   .done-hoy-brillo — el icono; reemplaza a `.ig-anim` (rebote).
 */

/*
 * Destello champán detrás del icono, como un fuego artificial: nace del
 * centro, suelta chispas que salen hacia afuera y se apagan, y vuelve a
 * empezar. No gira.
 *
 * Las chispas viven dentro de `assets/img/done-hoy-destello.svg` (lo genera
 * `gen-done-hoy-destello.py`, en la carpeta del proyecto). Aquí solo se
 * centra el destello, se manda detrás del dibujo y se le da su ciclo de vida.
 * Al regenerar el SVG, subir el `?v=` de su URL para que los navegadores no
 * se queden con el viejo.
 *
 * No se agrega HTML: el destello es el `::before` de la caja que Elementor ya
 * pone alrededor del SVG del icono (75 × 75 px). Mide 90 px y se centra con
 * `top`/`left` de −7.5 px. `isolation: isolate` hace de la caja su propio
 * contexto de apilamiento, así el `z-index: -1` lo pone detrás del dibujo
 * pero no detrás de nada más de la página.
 *
 * La sombra fina tostada recorta las chispas sobre fondo crema o blanco; la
 * champán amplia es el resplandor.
 */
.done-hoy-brillo .elementor-icon {
	position: relative;
	isolation: isolate;
}

.done-hoy-brillo .elementor-icon::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -7.5px;
	left: -7.5px;
	width: 90px;
	height: 90px;
	background: url("../img/done-hoy-destello.svg?v=4") center / contain no-repeat;
	filter: drop-shadow(0 0 0.6px rgba(150, 125, 80, 0.7))
		drop-shadow(0 0 5px rgba(225, 205, 160, 0.6));
	opacity: 0;
	transform: scale(0);
	pointer-events: none;
	animation: doneHoyDestello 3s ease-out infinite;
}

@keyframes doneHoyDestello {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	15% {
		opacity: 1;
		transform: scale(1);
	}

	70% {
		opacity: 1;
		transform: scale(1);
	}

	90%,
	100% {
		opacity: 0;
		transform: scale(1.1);
	}
}

/* Sin movimiento: sin destello. */
@media (prefers-reduced-motion: reduce) {
	.done-hoy-brillo .elementor-icon::before {
		display: none;
	}
}
