/* Luzpass · la marca escrita (carril luzpass-historia, 1 oct 2026). Historia: /historia/.
   Una sola palabra. El ojo la separa por el peso, nunca por la escritura: «luz» lleva la luz (peso pleno),
   «pass» va un tono más quieto. En texto corrido se escribe Luzpass; el logotipo va en minúsculas. */
.lp-marca { display: inline-flex; align-items: baseline; font-family: var(--sans, 'Hanken Grotesk', system-ui, sans-serif);
  letter-spacing: -.045em; white-space: nowrap; font-kerning: normal; }
.lp-marca .lp-luz { font-weight: 680; }
.lp-marca .lp-pass { font-weight: 340; opacity: .74; }

/* Portada: el nombre, la frase y lo que es. Cada parte va en su propia capa: sin ella, la capa del fondo vivo
   (fondo-a, compuesta aparte) se pintaba encima y dejaba el nombre lavado, en Chromium y en WebKit. */
.po-lienzo > * { position: relative; z-index: 1; }
.po-cab h1.lp-marca { font-size: 60px; line-height: .95; letter-spacing: -.05em; }
.po-lema { margin-top: 12px; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.02em; color: var(--tinta); text-wrap: balance; }
.po-lema + .po-una { margin-top: 6px; font-size: 17px; line-height: 1.4; letter-spacing: 0; color: var(--texto); max-width: 32ch; }
.po-historia-nombre { margin-top: 12px; }

/* El arranque (antes de que cargue el mapa) y la portada de respaldo de app.js. */
#pd-arranque .lp-marca { font-size: 34px; color: #f4f9fa; }
.pd-portada h1.lp-marca { font-size: 44px; }