/* ─────────────────────────────────────────────────────────────────────────────
   areaPlain — la zona de trabajo en una frase. Sección MUY baja para poner entre
   dos secciones grandes: sin fondo propio, sin cajas, sin filetes, sin foto.
   Todo centrado sobre el único fondo del sitio; el color sale de las variables.
   ───────────────────────────────────────────────────────────────────────────── */

/* mucho más baja que una sección normal: es un respiro, no un capítulo */
.g-areaPlain-sec { padding: clamp(54px, 8vh, 96px) 0; }

/* el renglón que nombra la región (la palabra de acento la pinta em()) */
.g-areaPlain-title {
  font-size: clamp(26px, 3.4vw, 44px);
  line-height: 1.06;
  max-width: min(100%, 46ch);
  margin-inline: auto;
  /* texto grande: guionado manual, nunca automático (evita «dazwi-schenschiebt») */
  hyphens: manual;
  overflow-wrap: break-word;
}

/* las localidades: texto corrido, dos o tres renglones centrados */
.g-areaPlain-line {
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.66;
  color: var(--t2);
  max-width: min(100%, 72ch);
  margin: clamp(20px, 2.6vh, 32px) auto 0;
  text-wrap: balance;
  word-spacing: .18em;
}
/* cada localidad entera en su renglón; el corte cae siempre tras el punto */
.g-areaPlain-pl { white-space: nowrap; }
.g-areaPlain-dot { font-style: normal; color: var(--a2); margin-left: .5em; }

/* la nota del pie, opcional */
.g-areaPlain-note {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--t3);
  max-width: min(100%, 58ch);
  margin: clamp(18px, 2.2vh, 28px) auto 0;
}

@media (max-width: 900px) {
  .g-areaPlain-sec { padding: 50px 0; }
  .g-areaPlain-title { font-size: clamp(25px, 7.2vw, 34px); max-width: 20ch; line-height: 1.1; }
  .g-areaPlain-line { font-size: 18px; max-width: 34ch; line-height: 1.6; word-spacing: .1em; margin-top: 20px; }
  .g-areaPlain-dot { margin-left: .42em; }
  .g-areaPlain-note { font-size: 14px; max-width: none; margin-top: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-areaPlain-title,
  .g-areaPlain-line,
  .g-areaPlain-note { transition: none; animation: none; }
}