/* 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.
   Conversión primero y más densidad: la sección de confianza sube delante de la cartera («sobre nosotros» y debajo la
   franja de cifras), cartera en papel neutro 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, 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: «sobre nosotros», la franja de cifras con el equipo y los testimonios (orden de la base) ---------- */
[data-personalidad="inversor"] .cifras b { font-weight: var(--peso-display, 500); }

/* ---------- Cartera en papel neutro (la única superficie grande de color es la valoración): rejilla de 2 a 3:2, 6 casas ---------- */
[data-personalidad="inversor"] .cartera {
  padding-bottom: var(--section-y); background: var(--c-suave);
  --mute: color-mix(in srgb, var(--c-texto) 72%, var(--c-suave)); /* gris de apoyo AA sobre el fondo real */
}
/* A 1024+ rejilla de 2 (con 5 casas o más, la composición de base.css); por debajo, el carrusel nativo de la base */
[data-personalidad="inversor"] .track { grid-auto-columns: min(86vw, 440px); gap: 12px; cursor: auto; }
@media (min-width: 1024px) {
  [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;
  }
}
[data-personalidad="inversor"] .track .card:nth-child(n + 7) { display: none; }
@media (min-width: 1024px) { [data-personalidad="inversor"] .rail__foot { display: none; } }
[data-personalidad="inversor"] .card__media { aspect-ratio: 3 / 2; }
[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; }

/* El título de confianza de esta personalidad habla de cifras («…en datos», «Datos que puedes comprobar»): si la agencia
   no tiene bloque de cifras ni equipo (portada-ui.js deja data-i18n="agencia.titulo"), no se enseña */
[data-personalidad="inversor"] .agencia:has(.cifras[hidden]) [data-confianza-titulo][data-i18n="agencia.titulo"] { display: none; }