/*
 * República al Día — Píldora del Dólar v2 (22-10-2026)
 * Formato «USD | Compra» · tipografía Gotham-Light (Montserrat Light como
 * equivalente libre, servida localmente) · misma letra en todo el componente,
 * sin mayúsculas forzadas. Pedido del dueño.
 */

@font-face {
	font-family: 'DumGotham';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://republicaaldia.com/wp-content/mu-plugins/fuentes/montserrat-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'DumGotham';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://republicaaldia.com/wp-content/mu-plugins/fuentes/montserrat-medium.woff2') format('woff2');
}

.dum-dolar {
	--dum-tinta: #232633;
	--dum-gris: #7c7f8c;
	display: inline-block;
	background: #ffffff;
	border: 1px solid rgba(35, 38, 51, 0.09);
	border-radius: 14px;
	padding: 13px 20px 12px;
	box-shadow: 0 5px 14px rgba(120, 110, 160, 0.10);
	text-align: left;
	line-height: 1.25;
	margin-top: 6px;
	font-family: 'DumGotham', 'Montserrat', -apple-system, sans-serif;
	font-weight: 400;
}

.dum-dolar__fila {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dum-dolar__usd {
	font-size: 19px;
	font-weight: 500; /* un poco más gruesa, pedido del dueño */
	letter-spacing: .04em;
	color: var(--dum-tinta);
	display: flex;
	align-items: center;
}

.dum-dolar__barra {
	/* línea dibujada con CSS en vez del carácter "|": alineación perfecta */
	width: 2px; /* un poquito más fina, pedido del dueño */
	height: 36px;
	background: rgba(124, 127, 140, 0.45);
	margin-left: 12px;
	font-size: 0;
	line-height: 0;
}

.dum-dolar__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.dum-dolar__linea {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.dum-dolar__etiqueta {
	font-size: 11.5px;
	font-weight: 400;
	color: var(--dum-gris);
	letter-spacing: .01em;
	min-width: 52px; /* ancho fijo: Compra y Venta alinean sus valores */
}

.dum-dolar__valor {
	font-size: 17px; /* un poquito más grandes, pedido del dueño */
	font-weight: 400;
	letter-spacing: .01em;
	color: var(--dum-tinta);
	white-space: nowrap;
}

.dum-dolar__fecha {
	margin-top: 8px;
	font-size: 10.5px;
	font-weight: 500; /* un poco más negrita, pedido del dueño */
	color: #28b62c; /* verde elegido por el dueño */
	letter-spacing: .02em;
}

/* alinear a la derecha dentro del hueco del tema */
.masthead-banner .col-md-8 {
	text-align: right;
}

/* móvil: centrada bajo el logo */
@media (max-width: 991px) {
	.masthead-banner .col-md-8 {
		text-align: center;
	}
	.dum-dolar {
		margin: 4px auto 10px;
	}
}