/**
 * Euríbor Monthly Report — estilos del informe.
 *
 * Misma paleta y mismas variables que los plugins del Euríbor diario y mensual,
 * para que el informe no parezca de otro sitio. El color solo se gasta en el
 * dato: sube en rojo, baja en verde, y todo lo demás en tinta.
 *
 * El plugin no decide si la página va en claro o en oscuro: eso es cosa del
 * tema, que puede redefinir las variables:
 *
 *   body.mi-tema-oscuro .euribor-report {
 *       --euribor-ink: #e8edf5;
 *       --euribor-paper: #121a26;
 *       ...
 *   }
 */

.euribor-report,
.euribor-report-graph {
	/* Tinta y papel */
	--euribor-ink: #101c2c;
	--euribor-ink-soft: #5b6b80;
	--euribor-ink-faint: #9aa7b8;
	--euribor-paper: #ffffff;
	--euribor-vellum: #f4f6fa;
	--euribor-rule: #dde4ee;

	/* Marca y dirección del tipo */
	--euribor-accent: #003399;
	--euribor-up: #b3261e;
	--euribor-down: #0b7a52;
	--euribor-flat: #5b6b80;

	--euribor-radius: 12px;

	color: var(--euribor-ink);
	font-family: inherit;
}

.euribor-report *,
.euribor-report *::before,
.euribor-report *::after {
	box-sizing: border-box;
}

/* Resumen ----------------------------------------------------------------- */

.euribor-report__summary {
	margin: 0 0 1.6rem;
	padding: 1rem 1.1rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--euribor-ink-soft);
	background: var(--euribor-vellum);
	border: 0;
	border-inline-start: 3px solid var(--euribor-accent);
	border-radius: var(--euribor-radius);
	quotes: none;
}

.euribor-report__summary p {
	margin: 0 0 0.8rem;
}

.euribor-report__summary p:last-child {
	margin-bottom: 0;
}

.euribor-report__summary strong {
	color: var(--euribor-ink);
	font-weight: 600;
}

.euribor-report__headline strong {
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
}

.euribor-report__range {
	font-size: 0.9rem;
	color: var(--euribor-ink-soft);
}

.euribor-report__note {
	margin-top: 0.6rem;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--euribor-ink-faint);
}

.euribor-report__more {
	margin: 0.8rem 0 0;
	font-size: 0.9rem;
	font-weight: 600;
}

.euribor-report__empty {
	padding: 1rem;
	color: #5b6b80;
	background: #f4f6fa;
	border-radius: 12px;
}

/* Tabla ------------------------------------------------------------------- */

/* En el móvil la tabla se desplaza dentro de su caja, sin estirar la página. */
.euribor-report__scroll {
	overflow-x: auto;
	overscroll-behavior-x: contain;
}

.euribor-report__table {
	width: 100%;
	margin: 0 0 1.6rem;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.euribor-report__table th,
.euribor-report__table td {
	padding: 0.45rem 0.7rem;
	text-align: center;
	white-space: nowrap;
	border: 0;
	border-bottom: 1px solid var(--euribor-rule);
}

.euribor-report__table thead th {
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--euribor-ink-faint);
	background: none;
}

.euribor-report__table tbody th[scope="row"],
.euribor-report__table tfoot th[scope="row"] {
	text-align: start;
	font-weight: 500;
	color: var(--euribor-ink-soft);
}

.euribor-report__row:nth-child(odd) {
	background: var(--euribor-vellum);
}

.euribor-report__rate {
	font-weight: 600;
	color: var(--euribor-ink);
}

.euribor-report__variation {
	font-size: 0.85rem;
	color: var(--euribor-ink-soft);
}

.euribor-report__arrow {
	margin-inline-start: 0.15em;
	font-size: 0.8em;
	vertical-align: 0.05em;
}

.euribor-report__row.is-up .euribor-report__rate,
.euribor-report__row.is-up .euribor-report__variation {
	color: var(--euribor-up);
}

.euribor-report__row.is-down .euribor-report__rate,
.euribor-report__row.is-down .euribor-report__variation {
	color: var(--euribor-down);
}

.euribor-report__row.is-same .euribor-report__rate,
.euribor-report__row.is-same .euribor-report__variation {
	color: var(--euribor-flat);
}

.euribor-report__total th,
.euribor-report__total td {
	padding-top: 0.6rem;
	font-weight: 700;
	color: var(--euribor-ink);
	border-bottom: 0;
	border-top: 2px solid var(--euribor-rule);
}

/* Gráfica ----------------------------------------------------------------- */

.euribor-report-graph {
	width: 100%;
	margin: 0 0 1.6rem;
}

.euribor-report-graph__plot {
	position: relative;
	width: 100%;
	height: var(--euribor-graph-height, 380px);
}

.euribor-report-graph__canvas {
	width: 100% !important;
	height: 100% !important;
}

.euribor-report-graph__status {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	font-size: 0.85rem;
	color: var(--euribor-ink-soft);
}

/* Utilidades -------------------------------------------------------------- */

.euribor-report .screen-reader-text,
.euribor-report-graph .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 480px) {
	.euribor-report__table th,
	.euribor-report__table td {
		padding: 0.4rem 0.45rem;
		font-size: 0.85rem;
	}
}