/* ============================================================
   reveal-reset.css — Domesticar reveal.js (modo oscuro)
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 17px; }

.reveal { background: var(--bg); }
.reveal .slides { font-family: 'Hanken Grotesk', sans-serif; color: var(--text); z-index: 10; font-size: 17.5px; }
.reveal .backgrounds { z-index: 0; }
.reveal section { padding: 0 !important; top: 0 !important; height: 100%; }

/* Progreso + controles con color de marca (lima) */
.reveal .progress { color: var(--volt); background: rgba(0,0,0,0.06); height: 3px; }
.reveal .progress span { background: var(--volt); box-shadow: 0 0 12px var(--volt-glow); }
.reveal .controls { color: var(--volt); right: 14px; bottom: 12px; }
.reveal .controls button { opacity: .5; transition: opacity .2s ease; }
.reveal .controls button:hover { opacity: 1; }

/* Número de slide — HUD mono */
.reveal .slide-number {
  color: var(--muted);
  font-family: 'JetBrains Mono', monospace;
  font-size: .6rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  padding: 3px 9px; border-radius: 6px;
  right: 16px; bottom: 16px; letter-spacing: .08em;
}

/* Reset de tipos heredados del tema */
.reveal h1, .reveal h2, .reveal h3, .reveal h4,
.reveal p, .reveal ul, .reveal ol {
  margin: 0; text-transform: none; text-shadow: none; word-wrap: break-word;
}
.reveal ul, .reveal ol { list-style: none; padding: 0; }
.reveal a { color: var(--volt); }
.reveal strong { color: var(--text); }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background: var(--border-md); border-radius: 2px; }