/* Páginas de texto (privacidad, 404). Comparte tokens con app.css. */
.pagina { background: var(--fondo) url("../img/canerias.svg") repeat; background-size: 240px 240px; }
.pagina .barra { position: sticky; }
.texto-largo { max-width: 680px; margin: 0 auto; padding: 28px 18px 60px; }
.texto-largo h1 { font-size: 2.3rem; font-stretch: 80%; margin-bottom: 8px; }
.texto-largo .bajada { color: var(--tinta-suave); font-size: 1.1rem; margin-bottom: 18px; }
.texto-largo h2 { font-size: 1.35rem; font-stretch: 85%; margin: 28px 0 8px; }
.texto-largo p, .texto-largo li { max-width: 65ch; margin-bottom: 10px; }
.texto-largo ul { padding-left: 22px; }
.centro { text-align: center; }
.centro .gn-hundido { width: 220px; margin: 10px auto; display: block; }

/* Texto largo sobre la alcantarilla: la hoja de papel va encima. */
.texto-largo { background: var(--papel); color: var(--tinta); border: var(--borde); border-radius: 18px;
  box-shadow: 6px 6px 0 var(--verdin); margin: 22px auto 40px; width: min(720px, calc(100% - 28px)); }
.escena-texto { margin: -8px 0 18px; border: var(--borde); border-radius: 14px; overflow: hidden; line-height: 0; }
.escena-texto img { width: 100%; height: auto; }
.texto-largo a { color: var(--tinta); font-weight: 700; }
.pagina .barra .marca-txt { color: var(--claro); }

/* Las páginas de texto no cargan cloaca.css: lo mínimo para que se lean igual. */
.pagina { --papel: #F6F0DF; }
.pagina .btn-principal { color: #fff; }
.pagina .barra :focus-visible { outline-color: #9BE931; }
.texto-largo :focus-visible { outline-color: var(--tinta); }