/*
 * RG - Divisas Espaciado y Línea de Puntos v1.0.1
 *
 * IMPORTANTE:
 * - No cambia display:grid.
 * - No cambia columnas.
 * - No mueve código, bandera ni nombre.
 * - No usa JavaScript ni MutationObserver.
 * - Solo reserva un poco más de aire a la derecha y dibuja un líder punteado.
 */

/* Más aire entre el valor y el borde derecho de la tarjeta. */
.rgdc-modern .rgdc-rate-row {
	padding-right: 26px !important;
}

/*
 * Conservamos el nombre exactamente en su columna actual.
 * Reservamos únicamente una pequeña zona al final para la línea punteada.
 */
.rgdc-modern .rgdc-name {
	position: relative !important;
	padding-right: 38px !important;
}

/* Línea tenue de puntos antes de la tasa. */
.rgdc-modern .rgdc-name::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	width: 28px !important;
	border-top: 1px dotted rgba(55, 65, 81, 0.28) !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

/* En móvil dejamos más espacio útil para el nombre sin alterar las columnas. */
@media (max-width: 900px) {
	.rgdc-modern .rgdc-rate-row {
		padding-right: 24px !important;
	}

	.rgdc-modern .rgdc-name {
		padding-right: 28px !important;
	}

	.rgdc-modern .rgdc-name::after {
		width: 20px !important;
	}
}
