/* DIAPOSITIVAS: contador del modo presentación (ver diapositivas.js). Estilo Auros. */
.diapositivas-contador {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  padding: 8px 12px;
  border-radius: 6px;
  background: rgba(1, 29, 28, .7);
  color: #edfffe;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .15em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  opacity: .6;
  pointer-events: none;
}
@media print { .diapositivas-contador { display: none; } }

/* Con el modo activo, cada diapositiva ocupa una pantalla y su contenido queda centrado. */
[data-diapositiva-ajustada] {
  box-sizing: border-box;
  justify-content: center;
}

/* Instrucciones de la portada: con teclado o en pantallas táctiles. */
.portada-ayuda {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px 6vw clamp(16px, 4vh, 40px);
  background: linear-gradient(180deg, rgba(1, 38, 36, 0) 0%, rgba(1, 38, 36, .92) 55%);
  text-align: center;
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(12px, .95vw, 14px);
  letter-spacing: .02em;
  line-height: 1.7;
  color: #bbc7c6;
  pointer-events: none;
}
.portada-ayuda p { margin: 0; }
.portada-ayuda b { font-weight: 500; color: #edfffe; }
.portada-ayuda .tactil { display: none; }
@media (hover: none) and (pointer: coarse) {
  .portada-ayuda .con-teclado { display: none; }
  .portada-ayuda .tactil { display: block; font-size: 15px; }
}
[data-portada] { cursor: pointer; }