/* ─────────────────────────────────────────────────────────────────────────────
   textLeadDrop — entradilla que abre un texto.
   Un solo bloque centrado en la medida de lectura: cabecera al centro, la
   entradilla a 24-32 px con las tres primeras palabras en versalitas y, tras un
   salto de aire, el cuerpo a 17-19 px. Todo alineado a la izquierda dentro del
   bloque. Ningún fondo propio, ninguna caja, ningún filete: sólo aire.
   ───────────────────────────────────────────────────────────────────────────── */

.g-textLeadDrop-wrap { max-width: 760px; margin-inline: auto; }

.g-textLeadDrop-head { margin-bottom: clamp(30px, 4.2vh, 52px); }

/* el titular vive en una columna estrecha: se le permite partir, pero sin
   guionado automático (en alemán parte casi todas las líneas) */
.g-textLeadDrop-title { font-size: clamp(34px, 4.6vw, 64px); overflow-wrap: break-word; hyphens: manual; }

.g-textLeadDrop-lead {
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.34;
  letter-spacing: -0.012em;
  color: var(--text);
  text-align: left;
  text-wrap: pretty;
  overflow-wrap: break-word;
  hyphens: manual;
}

/* las tres primeras palabras: versalitas, no capitular gigante */
.g-textLeadDrop-sc {
  font-variant-caps: small-caps;
  font-feature-settings: "smcp" 1;
  letter-spacing: .04em;
  color: var(--text);
}

.g-textLeadDrop-body { margin-top: clamp(28px, 4vh, 46px); }
.g-textLeadDrop-body p {
  font-size: clamp(17px, 1.25vw, 19px);
  line-height: 1.68;
  color: var(--t2);
  text-align: left;
  max-width: 64ch;
  text-wrap: pretty;
}
.g-textLeadDrop-body p + p { margin-top: 1.05em; }

@media (max-width: 900px) {
  .g-textLeadDrop-wrap { max-width: none; }
  .g-textLeadDrop-head { margin-bottom: 26px; }
  .g-textLeadDrop-title { font-size: clamp(30px, 8.4vw, 44px); }
  .g-textLeadDrop-lead { font-size: 24px; line-height: 1.38; }
  .g-textLeadDrop-body { margin-top: 24px; }
  .g-textLeadDrop-body p { font-size: 17px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textLeadDrop-head,
  .g-textLeadDrop-lead,
  .g-textLeadDrop-body p { transition: none; animation: none; }
}
