/**
 * Titular con el concepto en la página de pago.
 *
 * @package CDOQ_Socios
 */

.cdoq-pago-concepto {
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-wrap: balance;
	margin: 0 0 1.2rem;
	padding-bottom: 0.8rem;
	border-bottom: 2px solid currentColor;
}

/**
 * Aviso de `CDOQ_Redsys_Pago_Solo_Con_Enlace`, que ocupa el sitio del
 * formulario cuando el enlace no trae importe y concepto. Sin esto salía con la
 * tipografía de cuerpo del tema, y es la pantalla que ve quien llega con un
 * enlace roto. La hoja la encola la misma comprobación que el titular, así que
 * está disponible aunque el formulario no se pinte.
 */
.cdoq-pago-sin-enlace {
	max-width: 46rem;
	margin: 0 0 1.5rem;
	padding: 1.1rem 1.3rem;
	border: 1px solid currentColor;
	border-radius: 4px;
	/* El tema no garantiza ningún fondo: se tiñe del color del texto, que
	   funciona igual en claro y en oscuro. */
	background: color-mix(in srgb, currentColor 6%, transparent);
}

.cdoq-pago-sin-enlace p {
	margin: 0;
}

.cdoq-pago-sin-enlace p + p {
	margin-top: 0.6rem;
}