/* ─────────────────────────────────────────────────────────────────────────────
   textShortAnswerV2 — una sola columna centrada, mucho aire, ningún fondo
   propio, ninguna caja y ningún filete decorativo. Color siempre por variables.
   ───────────────────────────────────────────────────────────────────────────── */

/* altura contenida: menos aire vertical que una sección normal */
.g-textShortAnswerV2-sec { padding-block: clamp(84px, 11vh, 132px); }

/* el bloque ocupa ~85 % del contenedor: la respuesta a cuerpo de titular tiene
   ancho de verdad (nada de media página vacía, nada de titular de 7 líneas) */
.g-textShortAnswerV2-wrap { max-width: 1120px; }

.g-textShortAnswerV2-q {
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1.45;
  color: var(--t2);
  max-width: 36ch;
  margin: 0 auto 20px;
  text-wrap: balance;
}

.g-textShortAnswerV2-a {
  font-size: clamp(26px, 3.5vw, 44px);
  line-height: 1.1;
  margin-inline: auto;
  /* palabras alemanas largas: se permite partir, pero NO se guiona a mano en
     cada línea (la trampa «dazwi-schenschiebt» de este estilo) */
  hyphens: manual;
  overflow-wrap: break-word;
}
/* el estilo «brace» fija line-height .98 con más peso: se recupera el aire de
   un párrafo de varias líneas sin tocar nada del kit */
.k-site[data-skin="brace"] .g-textShortAnswerV2-a.display { line-height: 1.1; text-wrap: balance; }

.g-textShortAnswerV2-note {
  font-size: 17px;
  line-height: 1.62;
  color: var(--t2);
  max-width: 54ch;
  margin: clamp(22px, 3vh, 34px) auto 0;
  text-wrap: pretty;
}

.g-textShortAnswerV2-act { margin-top: clamp(26px, 3.4vh, 40px); }

/* enlace de texto con la flecha del kit: subrayado propio del enlace, no filete */
.g-textShortAnswerV2-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 5px;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--a2);
  border-bottom: 1px solid color-mix(in srgb, var(--a2) 34%, transparent);
  transition: border-color .4s cubic-bezier(.22,.61,.36,1), color .4s cubic-bezier(.22,.61,.36,1);
}
.g-textShortAnswerV2-link:hover { color: var(--a3); border-bottom-color: var(--a2); }
.g-textShortAnswerV2-link svg { transition: transform .45s cubic-bezier(.22,.61,.36,1); }
.g-textShortAnswerV2-link:hover svg { transform: translate(3px, -3px); }

@media (max-width: 900px) {
  .g-textShortAnswerV2-sec { padding-block: 70px; }
  .g-textShortAnswerV2-wrap { max-width: none; }
  .g-textShortAnswerV2-q { max-width: none; margin-bottom: 16px; }
  .g-textShortAnswerV2-note { max-width: none; }
}

/* móvil de verdad: el cuerpo del titular baja para que 150 caracteres quepan en
   cuatro líneas sobre 350 px de ancho */
@media (max-width: 640px) {
  .g-textShortAnswerV2-a { font-size: clamp(22px, 5.9vw, 27px); }
  .k-site[data-skin="brace"] .g-textShortAnswerV2-a.display { line-height: 1.18; text-wrap: pretty; }
  .g-textShortAnswerV2-note { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-textShortAnswerV2-link,
  .g-textShortAnswerV2-link svg { transition: none; }
}