/* A trama do Moco, gravada: separadores, fundos, capas, esqueleto.
   Densifica com a importância; ao escalar cresce o número de linhas, não a espessura. */
.trama-gravada{background-image:repeating-linear-gradient(to bottom,var(--relevo-escuro) 0,var(--relevo-escuro) 1px,var(--relevo-claro) 1px,var(--relevo-claro) 2px,transparent 2px,transparent 12px)}
.trama-densa.trama-gravada{background-image:repeating-linear-gradient(to bottom,var(--relevo-escuro) 0,var(--relevo-escuro) 1px,var(--relevo-claro) 1px,var(--relevo-claro) 2px,transparent 2px,transparent 7px)}
.trama-larga.trama-gravada{background-image:repeating-linear-gradient(to bottom,var(--relevo-escuro) 0,var(--relevo-escuro) 1px,var(--relevo-claro) 1px,var(--relevo-claro) 2px,transparent 2px,transparent 22px)}
.trama-separador{height:13px;border:none;margin:var(--esp-5) 0;background-image:repeating-linear-gradient(to bottom,var(--relevo-escuro) 0,var(--relevo-escuro) 1px,var(--relevo-claro) 1px,var(--relevo-claro) 2px,transparent 2px,transparent 6px)}
.trama-esqueleto{background-color:var(--fundo);box-shadow:var(--relevo-in);border-radius:var(--raio-dados);background-image:repeating-linear-gradient(to bottom,var(--relevo-escuro) 0,var(--relevo-escuro) 1px,var(--relevo-claro) 1px,var(--relevo-claro) 2px,transparent 2px,transparent 10px);animation:trama-desliza 2.8s linear infinite}
@keyframes trama-desliza{from{background-position:0 0}to{background-position:0 10px}}
@media (prefers-reduced-motion:reduce){.trama-esqueleto{animation:none}}
/* A trama obedece ao texto. Nenhuma linha atravessa uma letra. */
.trama-clareira{background:var(--fundo);border-radius:var(--raio-dados);padding:var(--esp-3) var(--esp-4)}
.trama-desvanece{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 40%,transparent 78%);mask-image:linear-gradient(to bottom,#000 0,#000 40%,transparent 78%)}