/* El Sonetario */
.so-intro{max-width:64ch}
.ensayo{margin:30px 0 10px;border-top:3px double var(--tinta);padding-top:14px}
.ensayo .supra{margin-bottom:2px}
.ensayo h2{font-family:var(--cartel);font-size:clamp(20px,3vw,26px);margin:0 0 12px;color:var(--tinta)}
.ensayo p{max-width:64ch;font-size:16.5px;margin:0 0 12px}
.ensayo .esquema{font-family:var(--sans);font-size:.9rem;letter-spacing:2px;color:var(--morado);margin:4px 0 12px 1.5em}
.ensayo .firma{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--tinta);margin:4px 0 0;text-align:right;max-width:64ch}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:22px 0 6px}
.cifra{border:1.5px solid var(--tinta);border-radius:6px;padding:10px 12px;background:var(--papel2)}
.cifra b{display:block;font-family:var(--cartel);font-size:1.6rem;line-height:1.1;color:var(--tinta)}
.cifra span{font-family:var(--sans);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--tinta2)}
.filtros label input[type=checkbox]{vertical-align:-1px}
.so-grupo{font-family:var(--feria);font-size:1.3rem;margin:34px 0 10px;color:var(--morado);border-bottom:1px solid var(--tinta2);padding-bottom:5px}
.so-grupo small{display:block;font-family:var(--sans);font-size:.74rem;letter-spacing:1px;color:var(--tinta2);margin-top:3px}
.so-pieza .t{font-weight:500}
.so-pieza .lang{border-color:var(--nopal);color:var(--nopal)}
.so-pieza .tipo{border-color:var(--morado);color:var(--morado)}
.so-pieza .mex{border-color:var(--rojo);color:var(--rojo)}
.so-pieza .voz{border-color:var(--mostaza);color:var(--mostaza)}
.so-cuerpo{padding:6px 0 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 22px;align-items:start}
.so-texto{max-width:60ch;font-family:var(--serif);line-height:1.5}
.so-texto p{margin:0 0 .8em}
.so-lado{font-family:var(--sans);font-size:.72rem;color:var(--tinta2);min-width:9ch}
.so-lado .esq{font-family:var(--sans);letter-spacing:1.5px;color:var(--morado);display:block;margin-bottom:6px;white-space:pre}
.so-lado a{color:var(--rojo)}
.so-fuente{grid-column:1/-1;font-family:var(--sans);font-size:.72rem;color:var(--tinta2);margin:4px 0 8px;word-break:break-word}
@media (max-width:600px){.so-cuerpo{grid-template-columns:1fr}}
.mexicano{margin:40px 0 0;border:2px solid var(--rojo);border-radius:6px;padding:16px 20px;background:var(--papel2)}
.mexicano h2{font-family:var(--cartel);font-size:1.3rem;margin:0 0 6px;color:var(--rojo)}
.mexicano p{max-width:66ch;margin:0 0 10px}
.mexicano .vienen{font-family:var(--sans);font-size:.78rem;color:var(--tinta2);columns:2;column-gap:24px;max-width:66ch}
.mexicano .vienen b{color:var(--tinta)}
@media (max-width:560px){.mexicano .vienen{columns:1}}