/* Impreso, el sitio es un escrito: papel blanco, tinta negra, el riel foliado
   conservado porque es lo que hace legible el orden, y nada de interfaz. */

@page { margin: 18mm 16mm; }

.site-header,
.site-nav,
.skip-link,
.portada-acciones,
.demo-ir,
.footer-row a { display: none !important; }

body {
  background: #FFFFFF;
  color: #000000;
  font-size: 11pt;
  line-height: 1.5;
}

.wrap { max-width: none; padding-inline: 0; }

.portada { padding-block: 0 1.5rem; }
.display { font-size: 30pt; }
.claim { font-size: 15pt; max-width: none; }
.lede,
.section-lede,
.prose p,
.fuero-nota,
.areas p,
.reglas p,
.capacidad p,
.contacto-nota,
.prose-nota { color: #333333; max-width: none; }

.folio-body {
  padding-block: 1.1rem;
  border-left: 1px solid #999999;
  break-inside: auto;
}
.folio-body::before { background: #000000; height: 1.6rem; }
.folio-mark { padding-top: 1.1rem; color: #666666; }

.section-title { font-size: 15pt; break-after: avoid; }
.fueros li,
.areas li,
.reglas li,
.capacidad,
.demo,
.regla-mayor { break-inside: avoid; }

.capacidad,
.demo { background: transparent; border-color: #999999; }
.regla-mayor { background: transparent; border-color: #000000; }
.demos { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.contacto-correo a { color: #000000; text-decoration-color: #000000; }
.site-footer { background: transparent; border-top: 1px solid #999999; }