/**
 * El botón de un formulario CF7 mientras se envía (lo pone `js/formularios-envio.js`).
 *
 * El rótulo pasa a «Enviando…» y, encima, un barrido de luz recorre el botón: el texto solo
 * dice que algo pasó; el movimiento dice que SIGUE pasando, que es lo que evita el segundo clic
 * cuando la respuesta tarda. Es un `background-image` porque el botón es un `<input>` y no admite
 * pseudo-elementos. No se toca el color de fondo de cada formulario (blanco sobre panel negro en
 * los tres): el barrido es translúcido y sirve sobre cualquiera.
 *
 * `.wpcf7-form .wpcf7-submit.pt-enviando` (0,3,0) gana al `:hover` de cada formulario
 * (`.pt-cta__form .wpcf7-submit:hover`, 0,2,1), así que el botón no se pone rojo bajo el ratón
 * mientras está ocupado.
 */
.wpcf7-form .wpcf7-submit.pt-enviando,
.wpcf7-form .wpcf7-submit.pt-enviando:hover,
.wpcf7-form .wpcf7-submit.pt-enviando:focus-visible {
	cursor: progress;
	background-color: #ffffff;
	border-color: #ffffff;
	color: #1a1a1a;
	background-image: linear-gradient(
		100deg,
		rgba(0, 0, 0, 0) 30%,
		rgba(0, 0, 0, 0.16) 50%,
		rgba(0, 0, 0, 0) 70%
	);
	background-size: 250% 100%;
	background-repeat: no-repeat;
	animation: pt-enviando-barrido 1.2s linear infinite;
}

@keyframes pt-enviando-barrido {
	from { background-position: 120% 0; }
	to   { background-position: -20% 0; }
}

/* Sin movimiento, el rótulo «Enviando…» y el cursor bastan. */
@media (prefers-reduced-motion: reduce) {
	.wpcf7-form .wpcf7-submit.pt-enviando {
		animation: none;
		background-image: none;
		opacity: 0.75;
	}
}