/* Market Fortune · RITMO DE PAGINA. Se genera; no editar a mano.

   QUE QUEDO Y QUE SE FUE, despues de que David viera el resultado:

   SE FUE todo lo que dibujaba CAJAS. Mis cuatro ritmos anadian bordes, fondos claros y relleno
   de tarjeta a la rejilla .grid3, y el efecto fue el contrario del buscado: tres cuadros
   desalineados, la tercera tarjeta sola en su fila, con filete visible y en dos paginas sobre
   crema. David: "ese diseno de los cuadros es super ai slop". Tenia razon, y la rejilla ya ni
   siquiera existe: la reemplaza el rotador (mf-rotador).

   SE FUE tambien el fondo claro. "ese fondo blanco no". El sitio es oscuro; una seccion en crema
   en mitad de una pagina negra no es variedad, es un parche.

   QUEDA lo que varia sin dibujar nada: como se alinea el encabezado de cada seccion y cuanto
   respira. Eso cambia el ritmo de lectura de una pagina a otra sin meter una sola caja. */

/* ---------- RITMO B · encabezado partido en dos, texto a la izquierda ---------- */
body[data-ritmo="b"] .section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(24px,3.4vw,56px);align-items:end}

/* ---------- RITMO C · encabezado centrado, como una declaracion ---------- */
body[data-ritmo="c"] .section-head{display:block !important;text-align:center}
body[data-ritmo="c"] .section-head > *{max-width:32ch;margin-inline:auto}
body[data-ritmo="c"] .section-head h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1;max-width:24ch}

/* ---------- RITMO D · encabezado con filete de oro a la izquierda ---------- */
body[data-ritmo="d"] .section-head{border-left:3px solid #c7a24a;padding-left:clamp(16px,2vw,28px)}
body[data-ritmo="d"] section.burgundy{overflow-x:clip}

@media(max-width:900px){
  body[data-ritmo="b"] .section-head{grid-template-columns:minmax(0,1fr)}
}