/* Info: expediente */
.file { list-style: none; padding: 0; border-top: 1px solid var(--line); }
.file li { display: grid; grid-template-columns: 3rem 9rem 1fr; align-items: baseline; gap: 16px; padding: 28px 0; border-bottom: 1px solid var(--line); }
/* Desplazar con translate (no con padding): no le quita ancho al texto, así no salta de línea */
.file li > * { transition: translate .25s; }
.file li:hover > * { translate: 12px 0; }
.file .n { font-family: Creepster, cursive; font-size: 1.4rem; color: transparent; -webkit-text-stroke: 1px var(--muted); }
.file .k { color: var(--orange); font-weight: 600; letter-spacing: .15em; text-transform: uppercase; font-size: .8rem; }
.file .v { font-size: clamp(1.4rem, 3.6vw, 2.4rem); font-weight: 800; line-height: 1.15; transition: color .25s, translate .25s; }
.file li:hover .v { color: var(--orange); text-shadow: 0 0 30px #ff7a1a55; }
.file em { font-style: normal; font-weight: 400; color: var(--muted); font-size: .55em; text-shadow: none; }
.redacted { position: relative; display: inline-block; color: transparent; background: repeating-linear-gradient(-45deg, #f5c400 0 14px, #111 14px 28px); transform: rotate(-2deg); box-shadow: 0 4px 14px #0008; cursor: help; letter-spacing: -.1em; }
.redacted:hover, .redacted:focus { background: transparent; color: transparent; outline: none; }
.redacted:hover::after, .redacted:focus::after { content: attr(data-reveal); position: absolute; inset: 0; color: var(--purple); font-size: .5em; letter-spacing: .1em; text-transform: uppercase; display: grid; place-items: center; white-space: nowrap; }
@media (max-width: 640px) { .file li { grid-template-columns: 2.5rem 1fr; } .file .v { grid-column: 1 / -1; } }
@media (max-width: 640px) { .file li { padding: 20px 0; } .file em { display: block; font-size: .95rem; margin-top: 4px; } }