@import url("../presentacion/deck.css");

/* Extensión del lenguaje visual de la presentación anterior. */
.slide--media .slide__in { max-width:min(76rem,100%); }
.slide--title .slide__in.center { max-width:min(90vw,78rem); }
.slide--title .t-hero { font-size:clamp(2.8rem,8vw,6rem); }
.split { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); align-items:center; gap:clamp(1.4rem,4vw,4rem); }
.split--image-left { grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr); }
.split__copy { min-width:0; }
.media-card { margin:0; min-width:0; border:1px solid rgba(201,150,46,.62); background:rgba(5,11,20,.52); padding:.45rem; box-shadow:0 12px 38px rgba(0,0,0,.46); }
.media-card img { display:block; width:100%; height:auto; max-height:58vh; object-fit:contain; object-position:center; background:#0b1119; }
.media-card figcaption { padding:.55rem .65rem .45rem; color:var(--gold-300); font-family:var(--serif-text); font-size:clamp(.78rem,1.35vw,.96rem); line-height:1.28; }
.media-card figcaption small { display:block; margin-top:.18rem; color:var(--cream-dim); opacity:.72; font-family:var(--sans); font-size:.72em; }
.stage { display:inline-block; border:1px solid rgba(201,150,46,.45); padding:.32rem .65rem; margin:.15rem .25rem .15rem 0; color:var(--gold-300); font-family:var(--serif); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
.mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1.3rem; margin-top:1rem; }
.mini-grid > div { border-top:1px solid rgba(201,150,46,.38); padding-top:.55rem; }
.mini-grid b { display:block; color:var(--gold-300); font-family:var(--serif-text); font-size:1.08rem; margin-bottom:.2rem; }
.mini-grid span { color:var(--cream-dim); font-family:var(--serif-text); font-size:1rem; line-height:1.32; }
.table-like { display:grid; gap:.25rem; margin-top:.7rem; }
.table-like p { margin:0; padding:.48rem .65rem; border-left:2px solid var(--gold-500); background:rgba(201,150,46,.06); color:var(--cream-dim); font-family:var(--serif-text); font-size:clamp(.9rem,1.65vw,1.14rem); line-height:1.27; }
.table-like b { color:var(--gold-300); font-weight:600; }
.cta-copy { max-width:46ch; }
.pdf-meta { display:flex; flex-wrap:wrap; gap:.55rem 1rem; margin-top:.8rem; color:var(--cream-dim); font-size:.85rem; }
.pdf-meta span::before { content:"❖"; color:var(--gold-500); margin-right:.42rem; }

/* La lámina de aplicación reúne más contenido; se compacta para no cortarse
   en pantallas de presentación con poca altura. */
.slide--application .slide__in { max-width:min(78ch,100%); }
.slide--application h2 { font-size:clamp(1.55rem,3.5vw,2.7rem); margin-bottom:clamp(.7rem,1.5vh,1.1rem); }
.slide--application .lead { font-size:clamp(.96rem,1.65vw,1.2rem); line-height:1.38; margin-bottom:.75rem; }
.slide--application .refs { margin-bottom:.7rem; }
.slide--application .refs li { font-size:clamp(.9rem,1.55vw,1.1rem); line-height:1.28; padding:.34rem 0 .34rem 1.4rem; }
.slide--application .refs li::before { top:.68em; }
.slide--application .pull { font-size:clamp(1rem,2.1vw,1.45rem); line-height:1.28; margin-bottom:.2rem; }
.slide--conclusion .slide__in { max-width:min(70ch,100%); }
.slide--conclusion h2 { font-size:clamp(1.5rem,3.2vw,2.7rem); margin-bottom:clamp(.65rem,1.4vh,1rem); }
.slide--conclusion .verse { font-size:clamp(.98rem,1.8vw,1.28rem); line-height:1.35; padding:.75rem 1rem; margin-bottom:.75rem; }
.slide--conclusion .lead { font-size:clamp(.94rem,1.6vw,1.16rem); line-height:1.38; margin-bottom:.55rem; }
.slide--conclusion .note { font-size:clamp(.72rem,1.25vw,.86rem); line-height:1.3; margin-top:.45rem; }
.slide--portrait .slide__in { max-width:min(72ch,100%); }
.slide--portrait h2 { font-size:clamp(1.55rem,3.7vw,2.9rem); margin-bottom:clamp(.65rem,1.5vh,1.1rem); }
.slide--portrait .lead { font-size:clamp(.96rem,1.7vw,1.2rem); line-height:1.38; margin-bottom:.7rem; }
.slide--portrait .verse--compact { font-size:clamp(.92rem,1.7vw,1.2rem); line-height:1.34; padding:.65rem .9rem; margin-bottom:.55rem; }
.slide--portrait .verse--compact cite { margin-top:.35rem; }
.slide--portrait .note { font-size:clamp(.75rem,1.3vw,.9rem); line-height:1.3; margin:.25rem 0 .5rem; }
.slide--portrait .table-like p { font-size:clamp(.82rem,1.4vw,1rem); padding:.36rem .55rem; }

@media (max-width:760px) {
  .split, .split--image-left { grid-template-columns:1fr; gap:1rem; }
  .split__copy { order:1; }
  .media-card { order:2; }
  .media-card img { max-height:35vh; }
  .mini-grid { gap:.5rem .8rem; }
}

@media (max-height:650px) and (min-width:761px) {
  .media-card img { max-height:43vh; }
  .split { gap:1.5rem; }
}