/* Page-scoped styles extracted from es/investors.html. */

/* =====================================================================
   Estilos con alcance de /investors.html (patrón sancionado por página).
   Fuente de copy: Marketing/Website/Contracts_Wireframes/page-contracts/08-investors.md (FROZEN).
   Tokens de site-tokens.css; componentes compartidos de site.css.
   Prefijo de clase in-. Cero em-dashes / en-dashes en todo este archivo
   (ley de copy del sitio); solo guion, middot (U+00B7) y flecha (rarr / U+2192)
   separan. Una idea por banda; densidad mínima (contención de deck).
   ===================================================================== */

/* ---------- Sección 1: la apuesta (una línea de tipografía en una banda vacía) ---------- */
.in-hero { padding-block: var(--s-9) var(--s-8); }
.in-hero h1 { max-width: 26ch; margin-bottom: var(--s-6); }
.in-hero .in-intro { max-width: 62ch; margin-bottom: var(--s-6); }

/* ---------- Primitivos compartidos de página ---------- */
.in-prose > p { max-width: var(--measure-prose); }
.in-fig { margin: var(--s-7) 0 0; }
.in-fig svg { display: block; width: 100%; height: auto; }
.link-arrow { font-weight: var(--weight-semibold); }

/* pull-quote (patrón editorial pull del sitio) + su lead-in de encuadre */
.in-quote-intro {
  font-family: var(--font-mono);
  font-size: var(--fs-13);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: var(--s-7) 0 var(--s-3);
}
.in-quote {
  margin: 0;
  padding: var(--s-2) 0 var(--s-2) var(--s-5);
  border-left: 3px solid var(--blue);
  max-width: 52ch;
}
.in-quote p {
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 1.5rem);
  line-height: var(--lh-snug);
  font-weight: var(--weight-semibold);
  color: var(--ink);
  text-wrap: balance;
}

/* ---------- Sección 2: dos curvas cruzan un umbral (SVG nativo de código) --- */
.in-whynow { max-width: 640px; margin: var(--s-7) auto 0; }
.in-curve { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.in-curve-reasoning { stroke: var(--blue); }
.in-curve-observation { stroke: var(--ink); }
.in-threshold { stroke: var(--ink-faint); stroke-width: 2; stroke-dasharray: 8 8; }
.in-cross { fill: var(--blue-deep); }
.in-curve-label { font-family: var(--font-sans); font-weight: var(--weight-bold); font-size: 22px; }
.in-curve-label--reasoning { fill: var(--blue-deep); }
.in-curve-label--observation { fill: var(--ink); }
.in-threshold-label {
  font-family: var(--font-mono);
  font-size: 17px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  fill: var(--ink-soft);
}

/* ---------- Sección 3: strip sobrio de track record (HTML/CSS, sin gráficas) ------- */
.in-track { display: grid; gap: var(--s-4); grid-template-columns: 1fr; }
@media (min-width: 720px) { .in-track { grid-template-columns: repeat(3, 1fr); } }
.in-track-cell {
  background: var(--bg);
  border: 1px solid var(--line-hair);
  border-radius: var(--r-lg);
  padding: var(--s-6);
  box-shadow: var(--shadow-card);
}
.in-track-num {
  display: block;
  font-size: clamp(2rem, 4.5vw, var(--fs-44));
  font-weight: var(--weight-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--blue);
}
.in-track-label {
  display: block;
  margin-top: var(--s-3);
  font-size: var(--fs-14);
  color: var(--ink-muted);
  max-width: 30ch;
}

/* ---------- Sección 4: dos motores de financiación + strip de prueba 30-60-90 ---------- */
.in-engines { display: grid; gap: var(--s-4); grid-template-columns: 1fr; }
@media (min-width: 680px) { .in-engines { grid-template-columns: 1fr 1fr; } }
.in-engine { background: var(--blue-soft); border-radius: var(--r-lg); padding: var(--s-6); }
.in-engine-name { display: block; font-size: var(--fs-20); font-weight: var(--weight-bold); color: var(--blue-deep); }
.in-engine-role { display: block; margin-top: var(--s-2); color: var(--ink-muted); }
.in-proof-label-row {
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--ink-soft);
  margin: var(--s-6) 0 var(--s-3);
}
.in-proof { display: grid; gap: var(--s-4); grid-template-columns: 1fr; }
@media (min-width: 680px) { .in-proof { grid-template-columns: repeat(3, 1fr); } }
.in-proof-cell { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-5); }
.in-proof-day { display: block; font-family: var(--font-mono); font-size: var(--fs-24); font-weight: var(--weight-semibold); color: var(--blue); }
.in-proof-text { display: block; margin-top: var(--s-2); font-size: var(--fs-14); color: var(--ink-muted); }

/* ---------- Sección 5: banda CTA (sin heading, dos etiquetas de acción) ---------- */
.in-cta { text-align: center; }
.in-cta .btn-row { justify-content: center; }

/* ---------- FAQ: h3 dentro de summary hereda el tipo de summary ---------- */
.in-faq .faq summary h3 { margin: 0; font: inherit; flex: 1; }

/* == FIN CSS PÁGINA INVESTORS == */