.articulo { max-width: 40rem; }
  .articulo h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: .3rem 0 1rem; }
  .articulo .entradilla { font-size: var(--t-l); color: var(--tinta-suave); margin-bottom: 1.6rem; }
  .articulo .cuerpo { font-size: var(--t-base); line-height: 1.75; }
  .portada-articulo { width: 100%; height: auto; aspect-ratio: 3 / 2;
    object-fit: cover; border-radius: var(--radio-m); margin-bottom: 1.6rem;
    background: var(--pergamino); }
  .articulo .cuerpo h2 { font-size: var(--t-2xl); margin: 2.2rem 0 .6rem; }
  .articulo .cuerpo h3 { font-size: var(--t-l); margin: 1.8rem 0 .5rem; }
  .articulo .cuerpo blockquote { border-left: 3px solid var(--uca-oro);
    padding-left: 1.1rem; margin: 1.6rem 0; font-style: italic; color: var(--tinta-suave); }
  .articulo-pie { font-size: var(--t-s); letter-spacing: .1em; text-transform: uppercase;
                  color: var(--oro-hondo); font-weight: 600; }
  .otras { border-top: 1px solid var(--filete); margin-top: 3rem; padding-top: 1.6rem; }
  .otras a { display: block; padding: .8rem 0; text-decoration: none; color: inherit; }
  .otras a:hover { color: var(--uca-azul-medio); }