/* JCastorena · maqueta de la fase B · Consultoría · v1 · 2026-09-25
   CSS propio de consultoria.html, después de sitio.css. Solo tokens del sistema. */

/* Portada: la figura y su etiqueta, una debajo de la otra; las celdas no desbordan */
.portada-pagina__rejilla > * { min-width: 0; }
.portada-pagina__lado { display: grid; gap: var(--jc-espacio-3); justify-items: start; }
.portada-pagina__lado .portada-pagina__figura { width: 100%; }
.portada-pagina__nota { margin: 0; }

/* Los bloques van agrupados para que el último cierre sin línea antes de la banda oscura */
.consultoria__bloques > .bloque:last-of-type { border-bottom: 0; }
.bloque__rejilla > * { min-width: 0; }
.bloque__nota { margin: var(--jc-espacio-3) 0 0; }

/* Tres formas de trabajar: tarjetas apiladas en la columna de texto */
.formas { display: grid; gap: var(--jc-espacio-4); }
.formas .jc-tarjeta p { margin: 0; }

/* Qué no incluye: la frase que sigue a la lista */
.lista-limpia + p { margin-top: var(--jc-espacio-4); }

/* Lectura del sistema de vapor: seis desplegables con la tríada, sin fijar la pantalla */
.lectura h2 .jc-etiqueta { margin-left: var(--jc-espacio-3); vertical-align: middle; letter-spacing: 0; text-transform: none; }
.lectura .seccion__cabeza .jc-etiqueta--muestra { margin-top: var(--jc-espacio-2); }
.lectura .pieza__lectura { margin-top: 0; }
.pieza__lectura details:last-child { border-bottom: var(--jc-borde) solid var(--jc-color-separador); }
.pieza__lectura summary { list-style: none; gap: var(--jc-espacio-3); }
.pieza__lectura summary::-webkit-details-marker { display: none; }
.pieza__lectura summary::after { margin-left: auto; }
.lectura__numero { color: var(--jc-petroleo); font-variant-numeric: tabular-nums; font-weight: var(--jc-peso-medio); margin-right: var(--jc-espacio-2); }
.lectura__triada { margin: var(--jc-espacio-3) 0 var(--jc-espacio-2); display: grid; gap: var(--jc-espacio-4); }
.lectura__triada dt { font-size: var(--jc-t-rotulo); font-weight: var(--jc-peso-medio); letter-spacing: var(--jc-tracking-rotulo); text-transform: uppercase; color: var(--jc-petroleo); margin-bottom: var(--jc-espacio-1); }
.lectura__triada dd { margin: 0; font-size: var(--jc-t-chico); line-height: var(--jc-interlineado-chico); max-width: 40rem; }
@media (min-width: 48rem) { .lectura__triada { grid-template-columns: repeat(3, 1fr); gap: var(--jc-espacio-6); } }
.portada-pagina__lado { margin: 0; }