/* =========================
   Most read articles component
   ========================= */
/* Contenedor principal */
.most-read-box {
    font-family: Arial, serif;
    background: #fff;
    padding: 1em;
    border-left: 1px solid #e2e2e2;
}
/* Título */
.most-read-title {
    font-family: "Noto Serif", serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #3070a0;
    margin-bottom: 12px;
    border-bottom: 1px solid #C3CFC7;
}
/* Item — CAMBIO: de flex a grid para ancho fijo del número */
.most-read-item {
    display: grid;
    grid-template-columns: 2.8rem 1fr;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1em;
}
/* Número y enlace (estilos compartidos) */
.most-read-rank,
.most-read-link {
    font-family: "Noto Serif", serif;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: bold;
    color: #d1d1d1;
    text-align: left;
}
/* Número — CAMBIO: ancho fijo, alineado a derecha dentro de su celda */
.most-read-rank {
    font-size: 3rem;
    font-weight: 600;
    min-width: 2.8rem;
    text-align: right;
    line-height: 1;
}
/* Top 3 destacado — NUEVO */
.most-read-item:nth-child(-n+5) .most-read-rank {
    color: #3070a0;
}
/* Enlace */
.most-read-link {
    display: block;
}
/* Hover — NUEVO */
.most-read-link:hover .most-read-content {
    color: #3070a0;
    transition: color 0.2s ease;
}
/* Contenido del enlace */
.most-read-content {
    font-family: "Noto Serif", serif;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    margin-left: 0;
    text-align: left;
    transition: color 0.2s ease;
}
/* Separador */
.most-read-divider {
    border: none;
    border-top: 2px solid #d1d1d1;
    margin: 0.75em 0;
    grid-column: 1 / -1;
}