/* CUMPLEAÑOS (`web/cumple.blade.php`; T6b del producto, `paginas/cumpleanos.card.html` del diseño): lo que es de la
   PÁGINA —la rejilla de cada pieza, los `.pN-*` del diseño— y no de un componente (esos, en `entradas.css`). Se carga
   después de `entradas.css`. */

/* Cada pieza, su bloque con el aire del diseño (`.sec>.wrap`). */
.pj-c-bloque{display:grid;gap:var(--space-8)}

/* Pieza 5 (`.p5-stack` y `.p5-top` del diseño, 6a): lo que incluye y la lista de invitados, lado a lado desde 980 px; los
   pasos, debajo y a lo ancho. (`pj-c5-fiesta` y no `pj-c5`: ese prefijo es de la pieza 5 de Colegios, en `hoja.css`.) */
.pj-c5-fiesta{gap:var(--space-10)}
.pj-c5-fiesta__arriba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-10);align-items:start}
@media (max-width:979px){.pj-c5-fiesta{gap:var(--space-8)}.pj-c5-fiesta__arriba{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}

/* Pieza 3: el momento grande y una columna de dos; entre 620 y 880px, los dos en fila bajo el grande. */
.pj-c3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-8);align-items:stretch}
.pj-c3__col{display:grid;gap:var(--space-8);min-width:0}
@media (max-width:880px){.pj-c3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:880px) and (min-width:620px){.pj-c3__col{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}

/* Pieza 6: la retícula es la de la pieza 3 de Kids (`.pj-p3__*`, los valores del `.p6-grid` del diseño); aquí, el sitio
   de las preguntas de la calculadora (sus `.p6-q`, una bajo otra con su raya) y, sin calculadora, el botón. */
.pj-c6__preguntas{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}
.pj-c6{display:grid;justify-items:start}
/* Colegios (T6c·1), mientras llega su calculadora: la escalera de precios por alumno y lo que cuesta de más el pack largo. */
.pj-c6__tabla{display:grid;gap:var(--space-3);max-width:760px;min-width:0}
/* Su título («Precios por alumno», el `.c6-qt` del diseño). */
.pj-c6__titulo{margin:0;font:var(--type-h3);font-size:var(--fs-h4);color:var(--text-strong)}
.pj-c6__nota{margin:0;font-family:var(--font-ui);font-size:var(--fs-body-sm);line-height:1.5;color:var(--text-body)}

/* Pieza 7: la información y la caja de la acción. */
.pj-c7{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-10);align-items:start}
.pj-c7>*{min-width:0}
@media (max-width:880px){.pj-c7{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}
.pj-c7__info{display:grid;gap:var(--space-8)}
.pj-c7__bloque{display:grid;gap:var(--space-3)}
.pj-c7__ovl{font:var(--type-overline);letter-spacing:var(--tracking-overline);color:var(--ink-500)}
.pj-c7__dato{margin:0;font-family:var(--font-ui);font-size:var(--fs-lead);font-weight:var(--fw-semibold);line-height:1.45;color:var(--text-strong);max-width:34ch;text-wrap:pretty}
.pj-c7__accion{display:grid;gap:var(--space-5);align-content:start;padding:var(--pad-card-lg);background:var(--surface-card);border:var(--border-card);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}
@media (max-width:1080px){.pj-c7__accion{padding:var(--space-5)}}