.doc { padding-block: var(--aire-corto) var(--aire); }
.doc h1 {
  font-size: clamp(2rem, 9vw, 3.4rem);
  margin-block: .12em .3em;
  max-width: 18ch;
}
.doc__bajada { font-size: var(--t-base); opacity: .8; max-width: 46ch; }
.doc__indice {
  display: grid;
  gap: 0;
  margin-block: var(--aire-corto);
  border-top: var(--filete) solid color-mix(in srgb, var(--vino) 26%, transparent);
}
.doc__indice a {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 52px;
  padding-block: .5rem;
  border-bottom: var(--filete) solid color-mix(in srgb, var(--vino) 26%, transparent);
  font-size: var(--t-menor);
  letter-spacing: .04em;
  text-decoration: none;
  color: var(--vino-hondo);
}
.doc__indice a span {
  font-size: var(--t-folio);
  letter-spacing: .16em;
  color: var(--vino);
  opacity: .8;
}
.doc__indice a:hover { color: var(--vino); text-decoration: underline; }
.doc__seccion {
  padding-top: var(--aire);
  scroll-margin-top: var(--aire-corto);
}
.doc__seccion + .doc__seccion {
  margin-top: var(--aire-corto);
  border-top: var(--filete) solid color-mix(in srgb, var(--vino) 26%, transparent);
}
.doc__seccion h2 {
  font-size: clamp(1.6rem, 7.4vw, 2.5rem);
  margin-block: .1em .55em;
}
.doc__seccion h3 {
  margin-top: 1.9em;
  margin-bottom: .5em;
  font-size: var(--t-menor);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--vino);
}
.doc__seccion p { margin-bottom: .85em; line-height: 1.62; max-width: 46ch; }
.doc__seccion em { font-style: italic; opacity: .82; }
.doc__seccion ul,
.doc__seccion ol {
  max-width: 48ch;
  margin: 0 0 1.1em;
  padding-left: 1.25rem;
  display: grid;
  gap: .45rem;
  line-height: 1.55;
}
.doc__seccion ul { list-style: none; padding-left: 0; }
.doc__seccion ul li { padding-left: 1.25rem; position: relative; }
.doc__seccion ul li::before {
  content: '';
  position: absolute;
  left: .22rem; top: .62em;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--vino);
  opacity: .7;
}
.doc__seccion ol li::marker { color: var(--vino); font-weight: 600; }
.doc__cierre {
  display: grid;
  justify-items: start;
  gap: .8rem;
  margin-top: var(--aire);
  padding-top: var(--aire-corto);
  border-top: var(--filete) solid color-mix(in srgb, var(--vino) 26%, transparent);
}
@media (min-width: 900px) {
  .doc { max-width: 74ch; margin-inline: auto; }
  .doc__indice { grid-auto-flow: column; gap: 1.6rem; border-bottom: var(--filete) solid color-mix(in srgb, var(--vino) 26%, transparent); }
  .doc__indice a { border-bottom: 0; }
}