/* Narrativa ejecutiva para DHL · Copilot: portada, pregunta, puente, comparación,
   beneficios, respaldo, control, plan, insumos, alcance y cierre. */
[hidden]{display:none!important}

/* --- 1. Portada --- */
.cover-x .scene-content{grid-template-columns:1.02fr 1.72fr}
.cover-x h1{font-size:clamp(64px,5.9vw,100px);font-weight:860;letter-spacing:-.055em;line-height:.97}
.cover-x .cover-definition{font-size:clamp(22px,1.72vw,30px);line-height:1.32;font-weight:600;color:#171717;margin-top:27px}
.cover-x .cover-support{font-size:clamp(16px,1.26vw,21px);line-height:1.45;color:#39392e;margin-top:19px}
.cover-x .scene-kicker{font-size:10px}
.cover-x .diagram .grid-line,.closing-x .diagram .grid-line{stroke:#c6a317}

/* --- 2. Pregunta --- */
.question-x .scene-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.85fr)}
.question-x h2{font-size:clamp(48px,4.3vw,72px)}

/* --- 3. Puente puerta/motor --- */
.bridge-x .scene-content{grid-template-columns:minmax(0,.92fr) minmax(0,1.85fr)}
.bridge-x h2{font-size:clamp(46px,4.05vw,68px)}

/* --- 4. Comparación --- */
.compare-x .scene-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.88fr)}
.compare-x h2{font-size:clamp(47px,4.15vw,70px)}

/* --- 5. Beneficios --- */
.benefits-x .scene-content{grid-template-columns:minmax(0,.82fr) minmax(0,2fr)}
.benefits-x h2{font-size:clamp(46px,4vw,68px)}

/* --- 6. Integración entre equipos --- */
.chain-x .scene-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.95fr)}
.chain-x h2{font-size:clamp(45px,3.95vw,67px)}
.chain-x .copy>p{font-size:clamp(16px,1.22vw,20px)}

/* --- 8. Respaldo (amarilla) --- */
.backing-x .scene-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.95fr)}
.backing-x h2{font-size:clamp(46px,4.05vw,68px)}
.backing-x .copy>p{color:var(--ink)}
.backing-x .copy-note{border-color:#17171750;color:var(--ink)}
.backing-x .diagram .grid-line{stroke:#d8bb45}

/* --- 7. Control (oscura) --- */
.control-x .scene-content{grid-template-columns:minmax(0,.88fr) minmax(0,1.92fr)}
.control-x h2{font-size:clamp(48px,4.2vw,70px)}
.control-x em{color:var(--yellow)}
.control-x .copy>p{color:#c9c9c0;font-size:clamp(16px,1.26vw,20px)}
.control-x .copy>p strong{color:#fff}
.control-x .copy-note{color:#a5a59b;border-color:#5c5c54}
.control-x .diagram text,.control-x .diagram .tiny,.control-x .diagram .small,.control-x .diagram .medium{fill:#f4f4ef}
.control-x .diagram .tiny.muted,.control-x .diagram .muted{fill:#a9a9a0}
.control-x .diagram .grid-line{stroke:#3c3c37}
.control-x .diagram .frame{stroke:#4a4a44}
.control-x .diagram .wire{stroke:#9c9c92}
.control-x .diagram .wire.strong{stroke:#e8e8e2}
.control-x .diagram .wire.red{stroke:var(--red)}
.control-x .diagram .plate{fill:#1f1f1d;stroke:#e8e8e2}
.control-x .diagram .soft{fill:#2a2a27;stroke:#5c5c54}
.control-x .diagram .ink-fill{fill:#0f0f0e;stroke:#ffcc00}
.control-x .diagram .yellow-fill{fill:var(--yellow);stroke:var(--yellow)}
.control-x .diagram .yellow-text{fill:var(--yellow)}
.control-x .diagram .white-text{fill:#fff}
.control-x .diagram .pin{fill:#171717;stroke:var(--yellow)}
.control-x .diagram .cross{stroke:#55554f}

/* --- 9. Plan --- */
.plan-x .scene-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.95fr)}
.plan-x h2{font-size:clamp(46px,4.05vw,68px)}

/* --- 9 y 10. Insumos --- */
.inputs-x .scene-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.95fr)}
.inputs-x h2{font-size:clamp(43px,3.85vw,65px)}
.inputs-x .copy>p{font-size:clamp(16px,1.2vw,19px)}

/* --- 12. Alcance --- */
.roles-x .scene-content{grid-template-columns:minmax(0,.88fr) minmax(0,1.92fr)}
.roles-x h2{font-size:clamp(44px,3.95vw,67px)}

/* --- 13. Cierre (amarilla) --- */
.closing-x .scene-content{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}
.closing-x h2{font-size:clamp(50px,4.5vw,78px)}
.closing-x .copy>p{color:var(--ink)}
.closing-x .closing-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.closing-x .closing-choice span{font:500 10px JetBrains,monospace;border:1px solid var(--ink);padding:8px 9px}

/* --- Móvil: ilustraciones SVG verticales, no listas --- */
.mobile-figure{width:100%;height:auto;display:block;margin:0 auto;max-width:520px}
@media screen and (max-width:900px){
  .mobile-diagram{padding:4px 0 0}
  .mobile-figure{max-width:100%}
  .slide .visual{justify-content:flex-start}
  .cover-x .scene-content{display:flex}
  .cover-x h1{font-size:clamp(44px,12.4vw,90px);overflow-wrap:anywhere}
  .cover-x .cover-definition{font-size:24px;line-height:1.32}
  .cover-x .cover-support{font-size:17px;line-height:1.5;margin-top:17px}
  .question-x h2,.bridge-x h2,.compare-x h2,.benefits-x h2,.chain-x h2,.backing-x h2,.control-x h2,.plan-x h2,.inputs-x h2,.roles-x h2,.closing-x h2{font-size:clamp(40px,8.5vw,64px)}
  .control-x .copy>p{color:#c9c9c0;font-size:18px;line-height:1.5}
}

/* --- Compacto en portátiles --- */
@media screen and (min-width:901px) and (max-height:850px){
  :root{--header:68px;--nav:60px}
  .scene-content{padding-top:18px;padding-bottom:8px}
  .scene-kicker{margin-bottom:18px}
  .copy>p{font-size:18px;margin-top:20px;line-height:1.42}
  .copy-note{margin-top:20px;padding-top:15px;font-size:9px}
  .cover-x h1{font-size:76px}
  .cover-x .cover-definition{font-size:23px;margin-top:22px}
  .cover-x .cover-support{font-size:16px;margin-top:16px}
  .question-x h2,.bridge-x h2,.compare-x h2,.benefits-x h2,.chain-x h2,.backing-x h2,.control-x h2,.plan-x h2,.roles-x h2,.closing-x h2{font-size:48px}
  .inputs-x h2{font-size:44px}
  .inputs-x .copy>p{font-size:15px}
  .scene-footer{height:34px}
}

/* --- Pantallas muy estrechas --- */
@media screen and (max-width:360px){
  .copy h1,.copy h2{font-size:clamp(32px,9vw,42px);overflow-wrap:anywhere;hyphens:auto}
  .cover-x h1{font-size:clamp(38px,12vw,50px);overflow-wrap:anywhere}
  .cover-x .cover-definition{font-size:19px}
  .cover-x .cover-support{font-size:15px}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* --- Impresión --- */
@page{size:1600px 900px;margin:0}
@media print{
  html,body{width:1600px;background:white!important;color:var(--ink)!important;padding:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .deck-header,.deck-controls,dialog,.skip-link,.noscript-message{display:none!important}
  #deck{height:auto;min-height:0}
  .slide,.slide[hidden]{display:flex!important;width:1600px;height:900px;min-height:900px;padding:50px 65px 20px;break-after:page;break-inside:avoid}
  .slide:last-child{break-after:auto}
  .slide[data-theme=yellow]{background:var(--yellow)}
  .slide[data-theme=ink]{background:var(--ink);color:white}
  .scene-content{display:grid;grid-template-columns:.9fr 1.9fr;gap:50px;padding:20px 0}
  .desktop-diagram{display:block}
  .mobile-diagram,.mobile-figure{display:none}
  .copy h1,.copy h2{font-size:68px}
  .copy>p{font-size:22px}
  .diagram{max-height:700px}
  .visual{height:100%}
  figcaption{font-size:12px}
}

/* --- 12. Un día en la operación --- */
.daily-x .scene-content{grid-template-columns:minmax(0,.84fr) minmax(0,1.96fr)}
.daily-x h2{font-size:clamp(46px,4.05vw,68px)}
.daily-x .copy>p{font-size:clamp(16px,1.22vw,20px)}
@media screen and (min-width:901px) and (max-height:850px){
  .daily-x h2{font-size:47px}.daily-x .copy>p{font-size:15px}
}
@media screen and (max-width:900px){
  .daily-x h2{font-size:clamp(40px,8.5vw,64px)}
}
@media print{.daily-x .scene-content{grid-template-columns:.85fr 1.9fr}}