/* ============================================================
   split.css — layout de bloques divididos 50/50 (Tierra,
   Issues, Júpiter, Saturno) y el "escenario" 3D con etiqueta
   de planeta.
   ============================================================ */

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;min-height:74vh}
.split.reverse .txt{order:2}
.split.reverse .stage{order:1}
.stage{min-height:46vh;position:relative}
.stage .planet-label{
  position:absolute;bottom:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t-35);display:flex;flex-direction:column;gap:4px;
}
.stage.right .planet-label{right:8px;text-align:right}
.stage.left .planet-label{left:8px}
.planet-label b{color:var(--t-70);font-weight:400;font-size:13px;letter-spacing:.08em}
.split .txt h2{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.01em}
.split .txt p{color:var(--t-70);font-size:clamp(15px,1.7vw,18px);margin-top:22px;max-width:46ch}
.split .txt .kicker{margin-bottom:22px}