/*
 * Overlay de estado de envío para los formularios Vloz (PQR).
 * Capa visual sobre .main-wrap-vloz-form; no altera el formulario.
 */

.main-wrap-vloz-form {
	position: relative;
}

.vloz-ux-overlay {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 50;
	background: #fff;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 320px;
}

.vloz-ux-overlay.active {
	display: flex;
}

.vloz-ux-overlay-inner {
	max-width: 420px;
	padding: 24px;
}

.vloz-ux-spinner {
	width: 56px;
	height: 56px;
	margin: 0 auto 20px;
	border: 5px solid #e5e5e5;
	border-top-color: #d63638;
	border-radius: 50%;
	animation: vloz-ux-spin 0.9s linear infinite;
}

@keyframes vloz-ux-spin {
	to {
		transform: rotate(360deg);
	}
}

.vloz-ux-title {
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0 0 8px;
}

.vloz-ux-subtitle {
	font-size: 0.95rem;
	color: #555;
	margin: 0;
}

.vloz-ux-close {
	display: inline-block;
	margin-top: 20px;
	cursor: pointer;
}

.vloz-ux-error-alert {
	margin-bottom: 16px;
}