/* Idioma, narración (modo podcast), subtítulos y panel de dudas */
html[data-lang="zh"] .reveal,html[data-lang="zh"] body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC","Segoe UI",system-ui,sans-serif}
html[data-lang="zh"] .reveal h1{font-size:2.2em;line-height:1.15}
html[data-lang="zh"] .reveal h2{font-size:1.4em;line-height:1.2}
html[data-lang="zh"] .reveal p,html[data-lang="zh"] .reveal li{line-height:1.5}
html[data-lang="en"] .reveal h1{font-size:2.3em}
html[data-lang="en"] .reveal h2{font-size:1.4em}
html[data-lang="en"] .card p,html[data-lang="en"] .card li{font-size:.58em}

#idioma{position:fixed;right:18px;top:16px;z-index:40;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:#121a33cc;backdrop-filter:blur(8px)}
#idioma button{background:none;border:0;color:var(--mut);font:600 13px Inter,"Microsoft YaHei",system-ui,sans-serif;padding:6px 12px;border-radius:99px;cursor:pointer}
#idioma button:hover{color:var(--txt)}
#idioma button.on{background:linear-gradient(90deg,var(--acc2),var(--acc));color:#04122b}
#idioma .globo{align-self:center;padding:0 4px 0 8px;font-size:14px}

#ctl button.off{opacity:.55}
.probar{margin-left:12px;background:linear-gradient(90deg,var(--acc2),var(--acc));color:#04122b;border:0;border-radius:99px;padding:8px 16px;font:700 .55em Inter,system-ui,sans-serif;cursor:pointer;vertical-align:middle}

/* subtítulos */
#cc{position:fixed;left:50%;bottom:62px;transform:translateX(-50%);z-index:35;max-width:min(860px,70vw);text-align:center;font:500 18px/1.35 Inter,"Microsoft YaHei",system-ui,sans-serif;color:#fff;background:#04081acc;border:1px solid var(--line);border-radius:12px;padding:8px 16px;pointer-events:none;opacity:0;transition:opacity .25s}
#cc.v{opacity:1}
#cc i{font-style:normal;display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:var(--acc)}
#cc i.b{background:var(--warn)}

/* botón y panel de dudas */
#bDudas{position:fixed;left:18px;bottom:18px;z-index:45;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--acc2),var(--acc));color:#04122b;border:0;border-radius:99px;padding:11px 18px;font:700 15px Inter,"Microsoft YaHei",system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 24px #0008}
#bDudas.pulso::after{content:"";position:absolute;inset:-4px;border-radius:99px;border:2px solid var(--acc);animation:pulso 1.6s ease-out 3}
@keyframes pulso{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}
#bDudas .n{background:#04122b;color:var(--acc);border-radius:99px;font-size:12px;padding:1px 7px;display:none}
#bDudas .n.v{display:inline}
body.dudas-abierto #bDudas{display:none}

#dudas{position:fixed;left:14px;bottom:14px;top:14px;width:340px;z-index:50;display:none;flex-direction:column;background:#0d1428f2;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #000a;font:500 14px/1.35 Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--txt);overflow:hidden}
body.dudas-abierto #dudas{display:flex}
/* la presentación se corre a la derecha: el panel nunca tapa texto */
body.dudas-abierto .reveal{margin-left:368px;width:calc(100% - 368px)}
#dudas header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
#dudas header b{flex:1;font-size:15px}
#dudas header .dia{color:var(--acc);font-size:12px;border:1px solid #4de2c566;border-radius:99px;padding:2px 9px}
#dudas header button{background:none;border:0;color:var(--mut);font-size:20px;cursor:pointer;line-height:1}
#dudas .cuerpo{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
#dudas textarea{width:100%;min-height:92px;resize:vertical;background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit;box-sizing:border-box}
#dudas textarea:focus{outline:none;border-color:var(--acc)}
#dudas .fila-b{display:flex;gap:8px;flex-wrap:wrap}
#dudas .btn{background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:99px;padding:8px 14px;font:600 13px inherit;font-family:inherit;cursor:pointer}
#dudas .btn:hover{border-color:var(--acc)}
#dudas .btn.pri{background:linear-gradient(90deg,var(--acc2),var(--acc));color:#04122b;border:0}
#dudas .btn.rec{background:var(--bad);color:#fff;border:0;animation:lat 1s infinite}
#dudas .btn:disabled{opacity:.45;cursor:default}
@keyframes lat{50%{opacity:.65}}
#dudas audio{width:100%;height:34px}
#dudas .aviso{font-size:12px;color:var(--mut)}
#dudas .aviso.err{color:var(--bad)}
#dudas h4{margin:6px 0 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
#dudas .item{border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#121a33;display:flex;flex-direction:column;gap:6px}
#dudas .item .meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--mut)}
#dudas .item p{margin:0;font-size:13px;white-space:pre-wrap;word-break:break-word}
#dudas .ok{color:var(--ok)}
#dudas .pend{color:var(--warn)}
#dudas footer{padding:10px 14px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){
  #dudas{left:8px;right:8px;top:auto;width:auto;height:52vh;bottom:8px}
  body.dudas-abierto .reveal{margin-left:0;width:100%;height:calc(100% - 52vh - 16px)}
  #idioma{top:8px;right:8px}
  #cc{font-size:15px}
}
html[data-lang="zh"] .num small{line-height:1.35;margin-top:8px}

/* tablero demo y pasos de 4 columnas */
.linea.l4{grid-template-columns:repeat(4,1fr)}
.demo{font-size:.38em;font-weight:700;letter-spacing:.08em;color:#04122b;background:var(--warn);border-radius:99px;padding:.25em .8em;vertical-align:middle;margin-left:.6em;white-space:nowrap}
.tab{margin-top:6px}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.kpi{background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:1.05em!important}
.kpi small{font-size:.42em!important;line-height:1.2}
.kpi.ok{color:var(--ok)}
.fila2{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}
.gcard{padding:12px 14px}
.gcard h3,.fila2 .card h3{font-size:.6em;margin-bottom:.2em}
.graf{width:100%;height:auto;display:block}
.graf .real{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset calc(2.2s/var(--v,1)) .3s}
.present .graf .real{stroke-dashoffset:0}
.graf .hoy{opacity:0;transition:opacity .4s calc(2.3s/var(--v,1))}
.present .graf .hoy{opacity:1}
.leyenda{display:flex;gap:16px;font-size:.42em;color:var(--mut);margin-top:2px}
.leyenda i{display:inline-block;width:22px;height:4px;border-radius:3px;margin-right:6px;vertical-align:middle}
.leyenda i.pl{background:repeating-linear-gradient(90deg,#9aa7d0 0 5px,transparent 5px 10px)}
.alerta{font-size:.5em;color:var(--mut);margin:8px 0 0}
.fila2 .fila{grid-template-columns:90px 1fr 46px;font-size:.5em}
@media (max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}.fila2{grid-template-columns:1fr}}

/* menú hamburguesa y lista de diapositivas */
#bMenu{position:fixed;left:18px;top:16px;z-index:45;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#121a33cc;backdrop-filter:blur(8px);color:var(--txt);font-size:20px;cursor:pointer}
#bMenu:hover{border-color:var(--acc)}
body.nav-abierto #bMenu{display:none}
#nav{position:fixed;left:14px;top:14px;bottom:14px;width:320px;z-index:50;display:none;flex-direction:column;background:#0d1428f2;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #000a;font:500 14px/1.35 Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--txt);overflow:hidden}
body.nav-abierto #nav{display:flex}
body.nav-abierto .reveal{margin-left:348px;width:calc(100% - 348px)}
#nav header{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
#nav header b{flex:1;font-size:15px}
#nav header button{background:none;border:0;color:var(--mut);font-size:20px;cursor:pointer;line-height:1}
#nav .cuerpo{flex:1;overflow:auto;padding:8px}
.nitem{border-radius:10px;margin-bottom:2px}
.nitem.act{background:#4de2c51a}
.nfila{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:var(--txt);text-align:left;padding:8px;border-radius:10px;cursor:pointer;font:inherit}
.nfila:hover{background:#ffffff0d}
.nn{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--acc)}
.nitem.act .nn{background:var(--acc);color:#04122b;border-color:var(--acc)}
.nt{flex:1;line-height:1.25}
.nb{flex:none;font-size:12px;color:var(--warn)}
.nnota{margin:0 8px 8px 44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#121a33}
.nnota p{margin:0 0 6px;font-size:12.5px;white-space:pre-wrap;word-break:break-word}
.nnota audio{width:100%;height:32px}
body.nav-abierto.dudas-abierto .reveal{margin-left:368px}
@media (max-width:900px){
  #nav{left:8px;right:8px;top:auto;width:auto;height:52vh;bottom:8px}
  body.nav-abierto .reveal{margin-left:0;width:100%;height:calc(100% - 52vh - 16px)}
  #bMenu{left:8px;top:8px}
}
.leyenda b{font-weight:400}

.pasos5{list-style:none;margin:10px 0 0;padding:0;counter-reset:p;display:grid;gap:7px;font-size:.62em}
.pasos5 li{counter-increment:p;position:relative;padding:8px 12px 8px 46px;background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:12px;color:var(--mut);line-height:1.25}
.pasos5 li::before{content:counter(p);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;color:var(--acc);font-weight:800;font-size:.85em}
.pasos5 li b{color:var(--txt)}
.pasos5 li:last-child{border-color:#ff6b8a66}
.regla{margin-top:10px;border-color:#ffb45488}
.regla p{font-size:.6em;color:var(--txt);margin:0}
html[data-lang="zh"] .paso{padding-top:46px}

/* pantalla demo de productos a remate (solo CSS: los radios eligen el detalle) */
.remate{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:8px}
.remate>input{position:absolute;opacity:0;pointer-events:none}
.rtabla{display:flex;flex-direction:column;gap:6px}
.rw{display:grid;grid-template-columns:1.6fr .6fr .7fr .8fr .9fr;gap:8px;align-items:center;font-size:.5em;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,var(--card),var(--card2));color:var(--mut);cursor:pointer}
.rw b{color:var(--txt)}
.rh{background:none;border:0;cursor:default;color:var(--acc);font-weight:700;padding-block:2px}
.rw:not(.rh):hover{border-color:var(--acc)}
#rm1:checked~.rtabla label[for=rm1],#rm2:checked~.rtabla label[for=rm2],#rm3:checked~.rtabla label[for=rm3]{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}
.rdet{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:linear-gradient(160deg,var(--card),var(--card2));min-height:300px}
.rd{display:none}
#rm1:checked~.rdet .rd1,#rm2:checked~.rdet .rd2,#rm3:checked~.rdet .rd3{display:block}
.rd h3{font-size:.6em;margin:.2em 0 .1em}
.rd ul{margin:0 0 6px;padding-left:1.1em;list-style:disc;font-size:.5em;color:var(--mut)}
.rpie{font-size:.5em;color:var(--warn);margin:8px 0 0;border-top:1px solid var(--line);padding-top:8px}
@media (max-width:900px){.remate{grid-template-columns:1fr}.rw{grid-template-columns:1.4fr .6fr .6fr .7fr .9fr}}

/* índice lateral: contador de página y flechas de desplazamiento */
#nav .npag{font-size:12px;color:var(--acc);margin-right:10px}
#nav footer{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--line)}
#nav footer button{flex:1;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:8px 0;font-size:15px;cursor:pointer}
#nav footer button:hover{border-color:var(--acc);color:var(--acc)}
/* valores: frase sutil que se repite a lo largo de la presentación */
.valor{font-size:.45em;color:var(--acc);margin-top:14px;padding-left:12px;border-left:3px solid var(--acc);font-style:italic;max-width:900px}

/* pantalla de inicio cuando el navegador bloquea el sonido automático */
#inicio{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#05091acc;backdrop-filter:blur(4px);cursor:pointer;font:600 22px/1.3 Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--txt);text-align:center}
#inicio div{display:flex;flex-direction:column;align-items:center;gap:14px}
#inicio b{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:36px;background:linear-gradient(135deg,var(--acc2),var(--acc));color:#04122b;animation:latido 1.6s ease-in-out infinite}
@keyframes latido{50%{transform:scale(1.08)}}

/* botón que la voz está mencionando: brilla y crece para que la atención también sea visual */
.resalta{position:relative;z-index:60;transform:scale(1.2);box-shadow:0 0 0 3px var(--acc),0 0 26px 6px var(--acc);animation:brillo 1.1s ease-in-out infinite;transition:transform .25s}
#ctl .resalta,#idioma.resalta,#bDudas.resalta,#bMenu.resalta{border-color:var(--acc)}
@keyframes brillo{50%{box-shadow:0 0 0 4px var(--acc2),0 0 40px 12px var(--acc)}}

.frase{margin-top:26px;text-align:left;border-left:3px solid var(--acc);padding-left:18px}
.frase .han{font-size:1.5em;font-weight:800;letter-spacing:.12em;color:var(--acc);line-height:1.1}
.frase .pin{font-size:.5em;letter-spacing:.18em;color:var(--mut);margin-top:4px}
.frase .lema{font-size:.62em;margin-top:8px;max-width:760px;font-style:italic}

/* flechas y contador de reveal.js: arriba a la izquierda, junto al menú, sin tapar ni quedar tapados; ▲ ▼ no se usan */
.reveal .controls{position:fixed!important;left:68px!important;right:auto!important;top:16px!important;bottom:auto!important;width:auto!important;height:auto!important;transform:none;display:flex!important;gap:8px;align-items:center;z-index:41;color:var(--acc)}
.reveal .controls button{position:relative!important;inset:auto!important;width:42px;height:42px;margin:0;background:#121a33cc;border:1px solid var(--line);border-radius:99px;backdrop-filter:blur(8px);opacity:1;transform:none}
.reveal .controls button.navigate-up,.reveal .controls button.navigate-down{display:none!important}
.reveal .controls button:disabled{opacity:.3}
.reveal .controls .controls-arrow{left:50%;top:50%;margin:-.9em 0 0 -.9em}
.reveal .slide-number{position:fixed!important;left:168px!important;right:auto!important;top:16px!important;bottom:auto!important;height:42px;display:flex!important;align-items:center;padding:0 14px;background:#121a33cc;border:1px solid var(--line);border-radius:99px;font:600 14px Inter,system-ui,sans-serif;color:var(--txt);z-index:41;backdrop-filter:blur(8px)}
.reveal .slide-number a{color:inherit}
.reveal .controls.resalta,.reveal .slide-number.resalta{transform:scale(1.2)}
.reveal .controls .controls-arrow{display:none}
.reveal .controls button.navigate-left::after,.reveal .controls button.navigate-right::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--acc)}
.reveal .controls button.navigate-left::after{content:"◀"}
.reveal .controls button.navigate-right::after{content:"▶"}

@media (max-width:700px){.reveal .controls{left:58px!important;top:8px!important}.reveal .slide-number{left:158px!important;top:8px!important}}

/* contenido distinto según el dispositivo */
html.movil .sol-pc{display:none!important}
html:not(.movil) .sol-movil{display:none!important}

/* diapositiva final: solo el dicho, grande y centrado */
section[data-id="s28"]{display:flex!important;flex-direction:column;justify-content:center;align-items:center}
section[data-id="s28"] .frase{margin:0;border-left:0;padding-left:0;text-align:center}
section[data-id="s28"] .frase .han{font-size:3em}
section[data-id="s28"] .frase .pin{font-size:.7em}
section[data-id="s28"] .frase .lema{font-size:1em;max-width:none;margin-top:14px}