/* Mendi Maps — maquetación de la lámina. Compartida por index.html (vista previa) y render.html (impresión).
   Todo se mide contra el lado corto de la lámina (cqmin), así se ve igual a cualquier tamaño. */
.poster {
  container-type: size; /* el tamaño lo fija quien lo usa: width + aspect-ratio */
  position: relative;
  aspect-ratio: var(--ar);
  background: var(--p-bg);
  color: var(--p-ink);
  --p-font: "Barlow Condensed", "Arial Narrow", sans-serif;
}
.poster .inner { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 6cqmin 6cqmin 0; }
.poster #map { flex: 1; min-height: 0; }
.poster .band { flex: 0 0 var(--band); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 1.2cqmin; }
.poster .title { font-family: var(--p-font); font-weight: 700; font-size: calc(9cqmin * var(--t-escala, 1)); letter-spacing: .18em; margin-right: -.18em; white-space: nowrap; line-height: 1; text-transform: uppercase; }
.poster .subtitle { font-family: var(--p-font); font-weight: 500; font-size: 2.6cqmin; letter-spacing: .08em; white-space: pre; } /* respeta la separación entre coordenadas */
/* La atribución tiene su propia franja fija al pie: nunca la tapa el texto ni el perfil. */
.poster .attrib { flex: 0 0 5cqmin; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.25cqmin; opacity: .65; font-family: "Barlow", system-ui, sans-serif; }
.poster svg.profile { width: 70%; height: 6cqmin; display: block; }
.maplibregl-ctrl-attrib, .maplibregl-ctrl-logo { display: none !important; }