/* jogo.css — the age pages: /verificacao-idade/, /acesso-reservado/.
   Shared pieces: jn-hero--inner, jn-scene, jn-units, jn-tiles, jn-plate, jn-how (stepper), jn-list and the age &
   link card (partials/rg-card.php). */

/* ---------- photo scene with text at the bottom (mixed onto .jn-scene.jn-scene--side) ---------- */
.jn-jg-scene{display:flex;align-items:flex-end;min-height:clamp(400px,50vh,500px)}
.jn-jg-scene__body{padding:clamp(1.6rem,3vw,2.4rem);max-width:600px}
.jn-jg-scene__h{margin:0;font-family:var(--ff-display);font-weight:var(--fw-xb);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.12;color:var(--jn-inv)}
.jn-jg-scene__p{margin:.8rem 0 1.2rem;font-weight:var(--fw-sb);font-size:1rem;line-height:1.6;color:var(--jn-mut-inv);max-width:46ch}
.jn-jg-scene__h + .jn-list{margin-top:1.1rem}

/* ---------- dark slab (warning signs, what to do next) ---------- */
.jn-jg-dark{position:relative;background-color:var(--jn-dark);padding-block:var(--sec-pad)}

/* ---------- /verificacao-idade/: what is stored — three units over a wide scene ---------- */
.jn-jg-store{position:relative;background-color:var(--jn-bg-2);padding-block:var(--sec-pad)}
.jn-jg-store__grid{display:grid;gap:clamp(2.6rem,5vh,3.6rem)}
.jn-jg-store__scene{min-height:clamp(360px,44vh,440px)}

/* ---------- /acesso-reservado/: courses for minors — one wide scene ---------- */
.jn-jg-young{position:relative;background-color:var(--jn-bg);padding-block:var(--sec-pad)}
.jn-jg-young__scene{min-height:clamp(380px,46vh,460px)}

@media (max-width:980px){
}