/* Resultados: los números de lo publicado en el mes */
.res { padding: 28px 32px 48px; }
.res-cab { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 12px; }
.res-cab h1 { margin: 0; font: 800 40px/1.05 var(--display); letter-spacing: -.022em; }
.res-seguidores { margin: 0 0 26px; font-size: 15px; color: var(--suave); }
.res-seguidores b { font: 700 44px/1 var(--mono); color: var(--tinta); margin-right: 8px; vertical-align: -6px; }
.res-tabla { width: 100%; border-collapse: collapse; }
.res-tabla th { padding: 0 8px 10px; font: 600 13px var(--display); color: var(--tenue); text-align: left; border-bottom: 1px solid var(--linea-fuerte); }
.res-tabla td { padding: 10px 8px; vertical-align: top; border-bottom: 1px solid var(--linea); }
.res-tabla tbody tr { transition: background-color .2s ease; }
.res-tabla tbody tr:hover { background: var(--fondo-2); }
.res-tabla td.mono, .res-tabla th:not(:first-child) { text-align: right; }
.res-tabla a { color: var(--tinta); font-weight: 600; text-underline-offset: 3px; }
.res-bloque { margin-top: 34px; }
.res-bloque h2 { margin: 0 0 12px; font: 800 22px var(--display); letter-spacing: -.022em; }
/* Los números, en tarjetas */
.res-nums { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin: 18px 0 28px; }
.res-num { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border-radius: var(--radio-g); background: var(--superficie); box-shadow: inset 0 0 0 1px var(--linea), var(--sombra); }
.res-num b { font: 700 34px/1 var(--mono); color: var(--tinta); }
.res-num span { font-size: 13.5px; font-weight: 500; color: var(--suave); }
.res-link { display: inline-block; margin-top: 18px; color: var(--tinta); font-weight: 600; text-underline-offset: 3px; }
.res-pidieron { margin: -12px 0 24px; font-size: 15px; color: var(--suave); }
.res-pidieron b { font: 700 24px/1 var(--mono); color: var(--tinta); margin-right: 6px; }