/* Personalidad · Inversor internacional (references/personalidades.md). Referencias: Sandberg Estates, DM Properties
   (y la franja de cifras de V|R Partners). Sale de la C «Cine» (la que prefirió Dani): portada a sangre y cartera de noche.
   Conversión primero y más densidad: franja de cifras justo bajo la portada (la sección de confianza sube delante de la
   cartera, cifras primero), cartera oscura en rejilla de 2 a 3:2, secciones más juntas, fotos nítidas sin filtro.
   Pone maqueta, escala, densidad, tratamiento de fotos y orden de la confianza. Color, logo, motivo y fuentes del
   cliente los pone marca.css (tools/montar.py), que se carga después: las fuentes de aquí son solo las de partida.
   Marcado propio (confianza antes de la cartera, cartera data-theme="dark", tono): tools/aplica_personalidad.py. */
:root {
  --c-fondo: #F2F3F2;
  --c-texto: #101820;
  --c-acento: #1F4E6B; /* provisional: marca.css pone el primario de la agencia */
  --c-suave: #E3E7E9;
  --f-display: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --f-texto: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --escala: .94;
  --section-y: clamp(64px, 6.4vw, 112px);
}
[data-personalidad="inversor"] h1, [data-personalidad="inversor"] h2, [data-personalidad="inversor"] h3 { font-weight: var(--peso-display, 500); letter-spacing: -.025em; }

/* Cabecera en barra oscura desde arriba (Sandberg): el logo claro se lee aunque la foto tenga cielo o fachada clara */
[data-personalidad="inversor"] .header:not(.is-solid)::before { opacity: 1; background: color-mix(in srgb, var(--c-texto) 94%, var(--c-fondo)); border-color: var(--line-d); }

/* ---------- Portada a sangre (de Cine), a pantalla completa como en la base: si asomara la sección siguiente,
   la confianza (oculta hasta que portada-ui.js la pinta) empujaría la cartera dentro de la pantalla (CLS) ---------- */
[data-personalidad="inversor"] .hero__shade {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 20%),
    radial-gradient(120% 70% at 0% 100%, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, 0) 75%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .55) 100%);
}
[data-personalidad="inversor"] .hero__inner { padding-bottom: clamp(20px, 3vw, 40px); }
[data-personalidad="inversor"] .hero__title { max-width: 14em; font-size: calc(clamp(2.2rem, 1.3rem + 2.8vw, 4.4rem) * var(--escala)); line-height: 1.02; }
[data-personalidad="inversor"] .hero__foot { border-top: 0; padding-bottom: clamp(14px, 2vw, 24px); }

/* ---------- Confianza delante de la cartera: cifras primero, como franja ---------- */
[data-personalidad="inversor"] .agencia > .wrap { display: flex; flex-direction: column; }
[data-personalidad="inversor"] .cifras { order: -1; margin-top: 0; padding-top: 0; padding-bottom: clamp(36px, 4vw, 56px); border-top: 0; border-bottom: 1px solid var(--line); }
[data-personalidad="inversor"] .agencia__head { margin-top: clamp(40px, 5vw, 72px); }
[data-personalidad="inversor"] .testimonios { order: 2; }
[data-personalidad="inversor"] .equipo { order: 3; }
[data-personalidad="inversor"] .cifras b { font-weight: var(--peso-display, 500); }

/* ---------- Cartera de noche (de Cine): rejilla de 2 a 3:2, 6 casas ---------- */
[data-personalidad="inversor"] .cartera {
  padding-bottom: var(--section-y); background: var(--c-texto); color: var(--c-fondo);
  --mute: color-mix(in srgb, var(--c-fondo) 62%, var(--c-texto));
  --line: color-mix(in srgb, var(--c-fondo) 16%, transparent);
}
[data-personalidad="inversor"] .track {
  grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(44px, 4.6vw, 80px) clamp(20px, 2.4vw, 40px); overflow: visible; scroll-snap-type: none; cursor: auto;
}
[data-personalidad="inversor"] .track .card:nth-child(n + 7) { display: none; }
[data-personalidad="inversor"] .rail__foot { display: none; }
[data-personalidad="inversor"] .card__media { aspect-ratio: 3 / 2; }
[data-personalidad="inversor"] .cartera .card__media { background: color-mix(in srgb, var(--c-fondo) 8%, var(--c-texto)); }
[data-personalidad="inversor"] .card__title { font-size: calc(clamp(1.25rem, 1rem + .7vw, 1.7rem) * var(--escala)); }
[data-personalidad="inversor"] .card__precio { font-size: 17px; }
@media (max-width: 767px) {
  [data-personalidad="inversor"] .track { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}