/* /metodo/: una columna de lectura, con filetes entre apartados. Solo tokens. */
.metodo section {
  max-width: var(--medida);
  padding-block: var(--e-5);
  border-block-start: 1px solid var(--linea);
  scroll-margin-block-start: var(--e-3);
}
.metodo h3 { margin: var(--e-5) 0 var(--e-2); font-size: var(--t-medio); line-height: 1.2; font-weight: 700; }

.metodo__indice { max-width: var(--medida); padding-block-end: var(--e-4); }
.metodo__indice a { display: inline-flex; align-items: center; min-height: var(--objetivo); line-height: 1.25; }

.metodo__tipos { margin: 0 0 var(--e-4); }
.metodo__tipos > div { padding-block: var(--e-2); border-block-start: 1px solid var(--linea); }
.metodo__tipos > div:last-child { border-block-end: 1px solid var(--linea); }
.metodo__tipos dt { font-weight: 700; font-variant-numeric: tabular-nums; }
.metodo__tipos dd { margin: 0; }

.metodo__lista { margin-block-end: var(--e-4); padding-inline-start: var(--e-5); list-style: disc; }
.metodo__lista li { margin-block-end: var(--e-2); }

.metodo__cita {
  margin: 0 0 var(--e-3);
  padding-inline-start: var(--e-3);
  border-inline-start: 3px solid var(--linea-fuerte);
}

/* Seis columnas de cifras en 320 px: la primera se parte y las demás van ajustadas. */
.puntos { margin-block-end: var(--e-4); font-size: var(--t-nota); }
.puntos thead th { text-align: end; }
.puntos thead th:first-child, .puntos tbody th { text-align: start; }
.puntos th, .puntos td { padding-inline: var(--e-1); }
.puntos tbody th { line-height: 1.25; }
.puntos td.puntos__media { font-weight: 700; }