/* Temporizador. Especificidad baja: los controles de Elementor ({{WRAPPER}}) siempre ganan. */

.wzpy-countdown-wrap {
	display: flex;
	justify-content: flex-start;
}

.wzpy-countdown {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	border-radius: 999px;
	background: #ff6500;
	color: #fff;
	line-height: 1.2;
}

.wzpy-countdown__label {
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.wzpy-countdown__icon {
	display: inline-flex;
	color: #fff;
	font-size: 16px;
}

.wzpy-countdown__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.wzpy-countdown--icon-before .wzpy-countdown__icon {
	order: -1;
}

.wzpy-countdown__timer {
	display: inline-flex;
	align-items: baseline;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	font-variant-numeric: tabular-nums; /* los dígitos no "bailan" al cambiar */
	white-space: nowrap;
}

.wzpy-countdown__unit--d {
	margin-right: 6px;
}

.wzpy-countdown__sep {
	margin: 0 4px;
}

/* Etiqueta arriba: label (e icono) en una fila y el temporizador debajo. */
.wzpy-countdown--stacked-yes .wzpy-countdown {
	flex-direction: column;
	gap: 4px;
}

/* Terminado con texto: solo se ve el texto. */
.wzpy-countdown__expired,
.wzpy-countdown.is-expired > :not(.wzpy-countdown__expired) {
	display: none;
}

.wzpy-countdown.is-expired .wzpy-countdown__expired {
	display: inline;
}