/* TR33 · Visión (página propia). Solo ajustes sobre la base. */

/* Fotos en blanco y negro (hueco de los retratos de 619) */
.page-vision .v-bn img { filter: grayscale(1) contrast(1.06); }

/* Las tomas reales del terreno, un punto menos saturadas junto a los renders */
.page-vision .v-origin img,
.page-vision .v-origin video { filter: saturate(.9); }

/* Cita con comillas angulares: la « de Cormorant es más ancha que la “ */
.page-vision .v-quote-guillemet { --quote-indent: -.5em; }

/* 15-oct (Raúl: «nadie lee bloques largos»): cada bloque de texto queda en una frase de entrada + puntos con ícono.
   La frase de entrada (.v-lead) va un punto más grande que el cuerpo, en tinta, para que se lea primero */
.page-vision .v-lead {
  font-size: var(--fs-h4); font-weight: var(--fw-text); line-height: 1.4; color: var(--c-ink); text-wrap: balance;
}
@media (min-width: 992px) { .page-vision .v-lead { font-size: var(--fs-h4-lg); font-weight: var(--fw-display); } }
/* (los márgenes de módulo de la base, 20 px por lado, separan frase, puntos y frase destacada: 40 px entre ellos) */

/* «TR33 nació de esa pregunta.» cierra el bloque de la pregunta (vision-05): frase destacada en acento, con aire
   antes y un respiro hasta el botón */
.page-vision .v-statement { margin-top: 28px; margin-bottom: 32px; }
@media (max-width: 600px) { .page-vision .v-statement { margin-top: 24px; margin-bottom: 28px; } }

/* .icon-points es un módulo más (20 px por lado, como el párrafo al que reemplaza): en la base su `margin:0` va
   después de `.row__inner > *` y se lo quita, y los íconos quedaban 20 px por fuera del borde del texto */
.page-vision :is(.row__inner, .col) > .icon-points { margin: var(--module-gap); }

/* intros centradas de capítulo (AQUA · LUX · AER, MAVI): H2 → (frase) → tres puntos en fila. Más anchas que el
   texto (w-bigtext) para que cada punto quepa en dos o tres líneas */
.page-vision .row__inner > .v-intro__points { margin-top: 36px; }
.page-vision .v-intro__points .icon-point__text { max-width: 17em; }
.page-vision .v-intro .note { margin-top: 36px; }
@media (max-width: 767.98px) {
  .page-vision .row__inner > .v-intro__points { margin-top: 24px; }
  .page-vision .v-intro .note { margin-top: 24px; }
}

/* menos vacío alrededor de los bloques de texto: en el cambio de capítulo (caoba → AQUA · LUX · AER, carrusel →
   MAVI) 120 px en vez de 180 desde 992 (bajo 992 la base ya usa 80) */
@media (min-width: 992px) {
  .page-vision .chapter > .v-intro:first-child { --row-pt: 120px; }
  .page-vision .chapter > .v-caoba:last-child { --row-pb: 120px; }
}

/* Ajustes de fila solo en móvil (los mismos que 619 aplica a cada fila a <= 600 px) */
@media (max-width: 600px) {
  .page-vision .v-origin   { --row-pb: 15px; }
  .page-vision .v-question { --row-pt: 15px; --row-pb: 0px; }
  .page-vision .v-caoba .col--text > h2 { margin-top: 40px; }
  .page-vision .v-wide-b   { --row-pt: 0px; }
  .page-vision .v-quote-b  { --row-pt: 0px; }
  .page-vision .v-wide-c   { --row-pb: 0px; }
  .page-vision .v-quote-c  { --row-pt: 20px; }
  .page-vision .v-quote-c .col--media > .photo { margin-top: 40px; }
  .page-vision .v-quote-c .quote-block { margin-bottom: 40px; }
}

/* 15-oct: las dos preguntas, sin ícono (un ícono las «contestaría»): cursiva fina con filete, como las citas */
.page-vision .v-q {
  margin: 0 0 14px; padding-left: 18px; border-left: 1px solid rgba(101,109,94,.45);
  font-size: 1.375rem; line-height: 1.4; font-style: italic; font-weight: var(--fw-display); color: var(--c-ink); text-wrap: pretty;
}
.page-vision .v-q + .statement { margin-top: 28px; }