/* entrelampistas · piezas: mapas, tema, concepto, proyecto, pensamiento de mantenimiento */
.margen-caja { margin-inline: var(--margen); }
.lista-sin-filete { display: flex; flex-direction: column; }

/* mapas */
.mapas-leyenda { min-height: 0; text-transform: none; letter-spacing: .06em; line-height: 1.7; text-align: right; }
.mapas-leyenda .forma { width: 8px; height: 8px; }
.mapas-leyenda .forma svg { width: 8px; height: 8px; }
.celda[hidden] { display: none; }

/* tema */
.tema-eje { display: flex; align-items: center; gap: 10px; }

/* concepto */
.concepto { display: flex; flex-direction: column; min-height: calc(100dvh - var(--cabecera)); }
.concepto__cab { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); flex-wrap: wrap; }
.concepto__def { border: 1px solid var(--linea); padding: var(--s-4); font-size: 19px; font-weight: 500; line-height: 1.4; text-wrap: pretty; }
.concepto__aparece { margin-top: var(--s-4); padding-top: var(--s-6); border-top: 1px solid var(--linea); margin-inline: var(--margen); padding-inline: 0; }

/* proyecto */
.proyecto__def { padding: var(--s-8) var(--margen) 0; display: flex; flex-direction: column; gap: 28px; }
.proyecto__il { width: 100%; height: 160px; object-fit: contain; }
.proyecto__garabato { padding: var(--s-8) var(--margen) 0; } /* garabato de la autora (27-09-2026), centrado */
.proyecto__garabato img { display: block; width: 300px; max-width: 78%; height: auto; margin-inline: auto; }
.proyecto__palabra { display: flex; flex-direction: column; gap: var(--s-2); padding-bottom: var(--s-5); }
.proyecto__titulo { font-size: 40px; font-weight: 800; line-height: .95; letter-spacing: -.03em; }
@media (max-width: 359px) { .proyecto__titulo { font-size: 34px; } } /* «entre·lam·pis·tas» no cabe a 40 en 320 */
.proyecto__acepciones { display: flex; flex-direction: column; gap: 14px; font-size: 16px; line-height: 1.5; }
.proyecto__acepciones li { display: grid; grid-template-columns: 28px 1fr; }
.proyecto__acepciones .num { font-family: var(--font-mono); font-size: 12px; color: var(--tinta-3); padding-top: 3px; }
.proyecto__cita { padding-top: var(--s-5); font-size: 16px; line-height: 1.5; color: var(--tinta-2); }
.cita-autora { font-style: italic; } /* única cursiva permitida: la cita de la autora (brief §1) */
.proyecto__vease { padding-top: var(--s-5); display: flex; flex-direction: column; gap: 10px; }
.fila--vease { grid-template-columns: 1fr 24px; align-items: start; gap: var(--s-2); }
.fila__titulo-l { font-size: 20px; font-weight: 800; line-height: 1.1; letter-spacing: -.015em; text-wrap: balance; }
.fila__linea-s { font-size: 14px; line-height: 1.45; color: var(--tinta-2); text-wrap: pretty; }
.proyecto__por { padding: 40px var(--margen) 0; display: flex; flex-direction: column; gap: 36px; }
.proyecto__apartado { display: flex; flex-direction: column; gap: 14px; }
.proyecto__apartado.filete { padding-top: 28px; }
.proyecto__h { font-size: 30px; font-weight: 800; line-height: 1.02; letter-spacing: -.025em; }
.proyecto__p { font-size: 16px; line-height: 1.5; color: var(--tinta-2); text-wrap: pretty; }
.proyecto__enlace .forma { margin-right: 6px; }
.fila--tema { grid-template-columns: 24px 1fr auto; align-items: start; }

/* pensamiento de mantenimiento */
.pm__portada { margin-top: var(--s-4); }                 /* componente .foto: título + pregunta dentro */
.pm__entrada { padding: var(--s-6) var(--margen) 0; display: flex; flex-direction: column; gap: var(--s-5); }
.pm__apuntes { padding: 28px var(--margen) 0; display: flex; flex-direction: column; gap: 36px; }
.pm__apunte { display: flex; flex-direction: column; gap: 14px; padding-top: 28px; }
.pm__h { font-size: 28px; font-weight: 800; letter-spacing: -.02em; line-height: 1.02; text-wrap: balance; }
.pm__p { font-size: 16px; line-height: 1.5; color: var(--tinta-2); text-wrap: pretty; }
.pm__foto { width: 100%; object-fit: cover; }          /* fotos sin texto: van sin velo, como la pausa del ensayo */
.pm__apunte--foto { padding-top: var(--s-5); }
.pm__velo .foto__titulo { font-size: 28px; letter-spacing: -.02em; line-height: 1.02; }
.pm__cierre { margin: 40px var(--margen) 0; padding-top: var(--s-5); display: flex; flex-direction: column; gap: var(--s-4); }
.pm__garabato { width: 200px; height: 120px; object-fit: contain; }
.pm__h--cierre { font-size: 30px; letter-spacing: -.025em; }
.pm__ve { margin: 36px var(--margen) 0; padding-top: var(--s-5); display: flex; flex-direction: column; gap: 10px; }
.fila--ve { padding: 14px 0; gap: 10px; }
.pm__ve-t { font-size: 16px; }

/* 404 */
.no-esta__salidas { margin-top: var(--s-6); }