/* ==========================================================================
   GXX · Column Lead Fix  ·  v1.1.0
   Se carga después de style.css y del <style> en línea de
   gxx-editorial-treatment-v2.9.

   En el sitio conviven tres sistemas de columna:
     · el tema            -> .column-body / .column-body--v27
     · auto-layout v2.7   -> marca el primer párrafo con .gxx-lead
     · treatment v2.9     -> reemplaza la plantilla y usa .gxx29-body
   v2.9 gana por template_include, así que es el que se ve en producción.
   Este archivo cubre los tres para que la columna se vea igual en
   cualquiera de ellos.

   Paleta del tema: rojo #C1121F, tinta #11191F, papel #F4F1EA.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CAPITULAR
   v2.9 la aplica con p:first-of-type, que falla si el contenido abre con un
   bloque de Gutenberg, un div o un párrafo vacío. Aquí se cubre además el
   primer párrafo real y la clase .gxx-lead del auto-layout.
   -------------------------------------------------------------------------- */

.gxx29-body > p:first-of-type,
.gxx29-body > p.gxx-lead,
.column-body > p:first-of-type,
.column-body > p.gxx-lead{
  font-size:1.14em;
  line-height:1.56;
}

.gxx29-body > p:first-of-type::first-letter,
.gxx29-body > p.gxx-lead::first-letter,
.column-body > p:first-of-type::first-letter,
.column-body > p.gxx-lead::first-letter{
  float:left;
  font-family:var(--gxx-font-editorial, var(--gxx-serif, 'Newsreader', Georgia, serif));
  font-size:3.35em;
  line-height:.77;
  font-weight:600;
  color:#C1121F;
  padding:10px 10px 0 0;
}

/* Un párrafo vacío o de solo espacio antes del texto real haría que la
   capitular caiga en el lugar equivocado: se oculta. */
.gxx29-body > p:empty,
.column-body > p:empty{
  display:none;
}

/* La capitular nunca debe aplicarse dentro de una cita, un pie o una caja. */
.gxx29-body blockquote p::first-letter,
.gxx29-body figure p::first-letter,
.gxx29-body .gxx29-quote p::first-letter,
.column-body blockquote p::first-letter,
.column-body figure p::first-letter{
  float:none;
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  color:inherit;
  padding:0;
}

/* --------------------------------------------------------------------------
   2. CIFRAS
   Ambos sistemas marcan cantidades con .gxx-num. Solo se evita que un
   número quede partido entre dos líneas.
   -------------------------------------------------------------------------- */

.gxx29-body .gxx-num,
.column-body .gxx-num{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* --------------------------------------------------------------------------
   3. CITAS
   v2.9 pinta el texto de la cita en rojo sobre fondo crema, lo que baja el
   contraste en párrafos largos. Se deja el filete y el fondo, y el texto
   pasa a tinta.
   -------------------------------------------------------------------------- */

.gxx29-body blockquote,
.gxx29-body .gxx29-quote{
  color:#11191F;
}

.gxx29-body blockquote p,
.gxx29-body .gxx29-quote p{
  margin:0;
  color:inherit;
}

.gxx29-body blockquote p + p,
.gxx29-body .gxx29-quote p + p{
  margin-top:.6em;
}

/* --------------------------------------------------------------------------
   4. SUBTÍTULOS DEL AUTOR
   -------------------------------------------------------------------------- */

.gxx29-body h2,
.gxx29-body h3,
.column-body h2{
  text-wrap:balance;
}

/* El párrafo que sigue a un corte de sección no lleva capitular. */
.gxx29-body h2 + p::first-letter,
.gxx29-body h3 + p::first-letter,
.gxx29-body .gxx29-section + p::first-letter,
.column-body h2 + p::first-letter{
  float:none;
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  color:inherit;
  padding:0;
}

/* --------------------------------------------------------------------------
   5. FRANJA DE CIFRAS AUTOMÁTICA  (auto-layout v2.7)  ·  DESACTIVADA
   --------------------------------------------------------------------------
   v2.7 detecta por expresión regular cualquier "N mil / N millones / N pesos"
   y arma una franja con la cifra suelta más la etiqueta genérica "cifra citada
   en el texto". Con números dentro de una cita larga el resultado es
   incorrecto: de la cita de Luis Banck extraía "8 mil" y la presentaba como
   dato del reportaje.
   Las cifras que se muestran deben ser las que el editor carga a mano en el
   campo "Cifras del texto", donde el valor y su etiqueta se escriben con
   criterio. Por eso se oculta la franja automática.
   Si algún día se desactiva el plugin v2.7, esta regla queda sin efecto y no
   estorba.
   -------------------------------------------------------------------------- */

.gxx29-body .gxx-number-band,
.column-body .gxx-number-band{
  display:none;
}

/* La franja de la plantilla v2.9 (gxx29-data-strip) sí se conserva: proviene
   del campo "Cifras citadas por el autor" de la caja Ficha de columna, que se
   captura a mano.

   Advertencia sobre el contenido de ese campo: mientras auto-layout v2.7
   estuvo activo, su función gxx27_prepare() sobrescribía el metadato
   gxx_column_figures en CADA guardado con cifras extraídas por expresión
   regular. Ese texto quedó grabado en la base de datos y desactivar el
   plugin no lo borra: hay que limpiar el campo a mano en cada columna
   afectada. Un síntoma típico es una tarjeta cuyo valor es un número suelto
   ("8 mil") y cuya etiqueta es un fragmento de oración cortado a media
   palabra. */
@media (min-width:601px){
  .gxx29-body .gxx29-data-strip{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  }
}

/* Legibilidad de las etiquetas de cifra.
   v2.9 las fija en 10px sobre gris #687177, un contraste que en pantalla
   desaparece: se lee "22 meses" pero no "duración del mandato", que es la
   parte que da sentido al número. Se sube tamaño, interlineado y contraste
   sin tocar la jerarquía: la cifra sigue dominando. */
.gxx29-body .gxx29-data-strip__label,
.gxx29-side .gxx29-data-strip__label,
.gxx29-side .gxx29-stats .stat span{
  font-size:11.5px;
  line-height:1.4;
  color:#4A555C;
}

/* En la tarjeta lateral oscura el gris de v2.9 queda aún más apagado. */
.gxx29-card--red .stat span,
.gxx29-card--quote .stat span{
  color:rgba(255,255,255,.72);
}

/* --------------------------------------------------------------------------
   9. DUPLICACIÓN DE FRASES Y CIFRAS
   --------------------------------------------------------------------------
   La plantilla de v2.9 imprime frases, cita y franja de datos DOS veces: una
   en la barra lateral (aside.gxx29-side) y otra al final del cuerpo del
   artículo (article.gxx29-body), después del texto del autor.

   La versión del cuerpo repite palabra por palabra lo que ya está a la
   derecha y empuja la firma del columnista hacia arriba, dejando la columna
   con un cierre falso. Se conserva la de la barra lateral, que es la que
   funciona como aparato editorial, y se oculta la del cuerpo.

   Solo se ocultan los bloques que son hijos directos de .gxx29-body, es
   decir los que la plantilla añade DESPUÉS del contenido. Nada de lo que
   escribió el autor queda afectado.
   -------------------------------------------------------------------------- */

.gxx29-body > .gxx29-punch,
.gxx29-body > .gxx29-quote,
.gxx29-body > .gxx29-data-strip{
  display:none;
}

/* --------------------------------------------------------------------------
   6. RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width:600px){
  .gxx29-body > p:first-of-type::first-letter,
  .gxx29-body > p.gxx-lead::first-letter,
  .column-body > p:first-of-type::first-letter,
  .column-body > p.gxx-lead::first-letter{
    font-size:2.9em;
    padding:8px 8px 0 0;
  }
  .gxx29-body blockquote,
  .gxx29-body .gxx29-quote,
  .column-body blockquote{
    margin:26px 0;
    padding:18px;
    font-size:1.12em;
  }
}

/* --------------------------------------------------------------------------
   7. IMPRESIÓN
   -------------------------------------------------------------------------- */

@media print{
  .gxx29-body > p:first-of-type::first-letter,
  .column-body > p:first-of-type::first-letter,
  .gxx29-body .gxx-num,
  .column-body .gxx-num{
    color:#000;
  }
  .gxx29-body blockquote,
  .gxx29-body .gxx29-quote,
  .column-body blockquote{
    background:transparent;
    border-left:2px solid #000;
  }
}

/* --------------------------------------------------------------------------
   10. GRÁFICA DE SERIE  ·  shortcode [gxx_serie]
   SVG inline, sin librerías. El valor va rotulado sobre cada barra para que
   la gráfica se lea sin ejes y el dato siga estando escrito, no solo dibujado.
   -------------------------------------------------------------------------- */

.gxx-serie{
  margin:34px 0;
  padding:22px 24px 18px;
  background:#F1EDE5;
  border-top:3px solid #C1121F;
}

.gxx-serie__t{
  font-family:var(--gxx-font-data, 'IBM Plex Mono', monospace);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#C1121F;
  font-weight:700;
  margin:0 0 18px;
}

.gxx-serie__box{overflow:hidden;}

.gxx-serie svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.gxx-serie__x{
  display:grid;
  margin-top:6px;
}

.gxx-serie__x span{
  font-family:var(--gxx-font-ui, 'DM Sans', Arial, sans-serif);
  font-size:11px;
  line-height:1.3;
  color:#4A555C;
  text-align:center;
  overflow-wrap:anywhere;
}

.gxx-serie__f{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(17,25,31,.14);
  font-family:var(--gxx-font-ui, 'DM Sans', Arial, sans-serif);
  font-size:11.5px;
  color:#5D686E;
}

@media (max-width:560px){
  .gxx-serie{padding:16px 14px 14px;}
  .gxx-serie__x span{font-size:9.5px;}
}

@media print{
  .gxx-serie{background:transparent;border-top:2px solid #000;}
}