/**
 * ------------------------------------
 * CONTACT FORM 7 - ESTADO DE ENVÍO
 * ------------------------------------
 *
 * Estilos del overlay mostrado mientras Contact Form 7 procesa el envío del formulario mediante AJAX.
 */

.els-cf7-submission-loader {
	position: fixed;
	inset: 0;
	z-index: 99999;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 24px;

	background: rgb(0 0 0 / 55%);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition:
		opacity 0.2s ease,
		visibility 0.2s ease;
}

.els-cf7-submission-loader.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.els-cf7-submission-loader__content {
	display: flex;
	align-items: center;
	gap: 14px;

	padding: 18px 24px;

	background: #fff;
	color: #111;

	border-radius: 6px;
}

.els-cf7-submission-loader__spinner {
	flex: 0 0 auto;

	width: 24px;
	height: 24px;

	border: 2px solid rgb(0 0 0 / 20%);
	border-top-color: currentColor;
	border-radius: 50%;

	animation: els-cf7-spinner 0.8s linear infinite;
}

.els-cf7-submission-loader__text {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}

@keyframes els-cf7-spinner {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.els-cf7-submission-loader,
	.els-cf7-submission-loader__spinner {
		transition: none;
		animation: none;
	}
}