/* ===== El Liderazgo de Jesús — Sesión 1 · estilos de clase ===== */
:root{
  --cream:#f4ede1;
  --cream-2:#ece2d1;
  --paper:#f8f2e8;
  --ink:#17130d;
  --ink-2:#231d14;
  --gold:#b7894c;
  --gold-2:#c8a064;
  --gold-deep:#8d6633;
  --muted:#7a6e5b;
  --line:rgba(23,19,13,.14);
  --line-l:rgba(244,237,225,.22);
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Plus Jakarta Sans', system-ui, sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#000;font-family:var(--sans);}

deck-stage section{
  position:relative;overflow:hidden;background:var(--cream);
  color:var(--ink);
}

/* ---------- background layers ---------- */
.bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.bg.brown {background-image:url("assets/banner-brown.png");}
.bg.blue  {background-image:url("assets/banner-blue.png");}
.bg.yellow{background-image:url("assets/banner-yellow.png");}
.bg.gray  {background-image:url("assets/banner-gray.png");}

.scrim{position:absolute;inset:0;z-index:1;}
.scrim.dark   {background:linear-gradient(120deg,rgba(9,7,4,.82),rgba(9,7,4,.55));}
.scrim.darker {background:rgba(9,7,4,.74);}
.scrim.vit    {background:linear-gradient(180deg,rgba(9,7,4,.30),rgba(9,7,4,.78));}

/* ---------- frame ---------- */
.slide{position:absolute;inset:0;z-index:2;padding:96px 120px;display:flex;flex-direction:column;}
.dark-txt{color:var(--cream);}
.grow{flex:1 1 auto;}
.center{align-items:center;text-align:center;}

/* ---------- meta row ---------- */
.meta{display:flex;align-items:center;justify-content:space-between;font-size:24px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);}
.meta .r{color:var(--muted);font-weight:500;letter-spacing:.10em;}
.dark-txt .meta{color:var(--gold-2);}
.dark-txt .meta .r{color:rgba(244,237,225,.6);}

/* ---------- typography ---------- */
h1,h2,h3{margin:0;font-weight:800;line-height:1.02;letter-spacing:-.015em;}
p{margin:0;}
.kicker{font-size:26px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);}
.dark-txt .kicker{color:var(--gold-2);}
.title{font-size:84px;font-weight:800;line-height:1.0;text-transform:uppercase;letter-spacing:-.02em;}
.title.lg{font-size:104px;}
.title.sm{font-size:66px;}
.gold{color:var(--gold);}
.body{font-size:34px;line-height:1.45;font-weight:400;color:#3a3225;}
.dark-txt .body{color:rgba(244,237,225,.9);}
.body.sm{font-size:28px;line-height:1.5;}
.lead{font-size:40px;line-height:1.4;font-weight:500;color:#2c2519;}
.dark-txt .lead{color:var(--cream);}

/* scripture */
.verse{font-family:var(--serif);font-style:italic;font-weight:500;line-height:1.28;color:var(--ink);}
.dark-txt .verse{color:var(--cream);}
.verse.xl{font-size:64px;}
.verse.lg{font-size:52px;}
.verse.md{font-size:42px;}
.ref{font-family:var(--sans);font-style:normal;font-size:26px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);}
.dark-txt .ref{color:var(--gold-2);}

/* rules */
.rule{width:90px;height:3px;background:var(--gold);border:none;}
.hr{width:100%;height:1px;background:var(--line);border:none;}
.dark-txt .hr{background:var(--line-l);}

/* roman numeral for dividers */
.roman{font-family:var(--serif);font-weight:600;font-size:300px;line-height:.8;color:var(--gold-2);opacity:.95;}
.roman.outline{color:transparent;-webkit-text-stroke:3px var(--gold-2);}

/* ---------- contrast list (inseguros vs seguros) ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:46px 44px;display:flex;flex-direction:column;gap:18px;}
.card .tag{font-size:24px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);}
.card .big{font-size:34px;line-height:1.3;font-weight:600;color:#2c2519;}
.card.dark{background:var(--ink);border-color:rgba(184,138,79,.4);}
.card.dark .tag{color:var(--gold-2);}
.card.dark .big{color:var(--cream);}

/* ---------- icon bullet list ---------- */
.ilist{display:flex;flex-direction:column;gap:30px;}
.ilist .it{display:grid;grid-template-columns:64px 1fr;gap:26px;align-items:center;}
.dot{width:64px;height:64px;border-radius:999px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dot svg{width:34px;height:34px;}
.dot.outline{background:transparent;border:2px solid var(--gold);color:var(--gold-deep);}
.ilist .it .t{font-size:34px;line-height:1.3;color:#2c2519;font-weight:500;}
.dark-txt .ilist .it .t{color:var(--cream);}

/* ---------- ref chips ---------- */
.refs{display:flex;flex-wrap:wrap;gap:16px;}
.chip{border:1px solid var(--line);border-radius:999px;padding:14px 26px;font-size:25px;font-weight:600;color:var(--gold-deep);background:rgba(183,137,76,.06);}
.dark-txt .chip{border-color:rgba(184,138,79,.45);color:var(--gold-2);background:rgba(184,138,79,.10);}

/* ---------- principio band ---------- */
.principio{background:var(--ink);color:var(--cream);border-radius:4px;padding:48px 54px;display:flex;gap:36px;align-items:center;}
.principio .qm{font-family:var(--serif);font-size:130px;line-height:.4;color:var(--gold-2);height:60px;}
.principio .pt{font-size:38px;line-height:1.34;font-weight:500;}
.principio .pt b{color:var(--gold-2);font-weight:700;}

/* ---------- numbered principles ---------- */
.nlist{display:flex;flex-direction:column;gap:26px;}
.nrow{display:grid;grid-template-columns:84px 1fr;gap:30px;align-items:start;}
.nrow .n{font-family:var(--serif);font-size:72px;font-weight:600;color:var(--gold);line-height:.9;}
.nrow .nc{display:flex;flex-direction:column;gap:6px;padding-top:6px;}
.nrow .nc .h{font-size:32px;font-weight:700;color:#231d14;line-height:1.2;}
.nrow .nc .s{font-size:27px;color:var(--muted);line-height:1.3;}

/* ---------- reflexion columns ---------- */
.qcols{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.qcol h3{font-size:28px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:24px;}
.qcol ol{margin:0;padding-left:0;list-style:none;counter-reset:q;display:flex;flex-direction:column;gap:18px;}
.qcol li{counter-increment:q;font-size:28px;line-height:1.32;color:#2c2519;display:grid;grid-template-columns:42px 1fr;gap:14px;}
.qcol li::before{content:counter(q);font-family:var(--serif);font-weight:600;font-size:34px;color:var(--gold);line-height:1;}
.dark-txt .qcol h3{color:var(--gold-2);}
.dark-txt .qcol li{color:rgba(244,237,225,.9);}

/* big number watermark */
.wm{position:absolute;right:80px;bottom:40px;font-family:var(--serif);font-size:220px;font-weight:600;color:rgba(183,137,76,.10);z-index:1;line-height:.8;}