/* Navegación de revisión («Ir a…»). Solo en el sitio de revisión.
   Usa la paleta de la capa de comentarios (no la de la marca): es una herramienta encima del
   curso, y el revisor tiene que distinguirla de lo que está revisando. */

.rev-nav { position: relative; margin-left: auto; }
.barra .rev-nav + .barra__paso { margin-left: 4px; }

.rev-nav__boton {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 12px 4px 5px;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  background: #fff;
  color: #1c2430;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.rev-nav__boton:hover { border-color: #2f6df6; }
.rev-nav__boton:focus-visible { outline: 3px solid #2f6df6; outline-offset: 2px; }
.rev-nav__marca {
  padding: 2px 8px;
  border-radius: 999px;
  background: #2f6df6;
  color: #fff;
  font-size: 11px;
  letter-spacing: .02em;
}

.rev-nav__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 950;
  width: min(560px, calc(100vw - 24px));
  max-height: calc(100vh - 90px);
  overflow: auto;
  padding: 14px;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 40px -16px rgba(16, 24, 40, .35);
  color: #1c2430;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
.rev-nav__menu[hidden] { display: none; }
.rev-nav__grupo { min-width: 0; }
.rev-nav__titulo {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6b7684;
}
.rev-nav__items { display: grid; gap: 4px; }
.rev-nav__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background: #f4f5f7;
  color: inherit;
  font: inherit;
  font-size: 13.5px;
  text-align: left;
  cursor: pointer;
}
.rev-nav__item:hover { background: #e8eefc; }
.rev-nav__item:focus-visible { outline: 2px solid #2f6df6; outline-offset: 1px; }
.rev-nav__item.es-actual { background: #2f6df6; color: #fff; }
.rev-nav__item.es-actual .rev-nav__sub { color: rgba(255, 255, 255, .8); }
.rev-nav__nombre { font-weight: 600; }
.rev-nav__sub { font-size: 12px; color: #6b7684; }
.rev-nav__nota { grid-column: 1 / -1; margin: 2px 0 0; font-size: 12px; color: #6b7684; }

@media (max-width: 700px) {
  .barra { justify-content: space-between; }
  .rev-nav { margin-left: 0; }
  .rev-nav__menu { position: fixed; top: 52px; left: 12px; right: 12px; width: auto; grid-template-columns: 1fr; }
}

/* Ajustes a la capa de comentarios del Motor Scorm (revision.css), sin tocar su archivo:
   ".rev-escribir button" le gana en especificidad a los botones-enlace «cambiar» y «cancelar»,
   y "display: flex" de .rev-respondiendo le gana al atributo hidden. */
.rev-panel [hidden] { display: none !important; }
.rev-escribir .rev-cambiar,
.rev-escribir .rev-cancelar {
  width: auto;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--rev-acento, #2f6df6);
  font-size: inherit;
  font-weight: 400;
}
.rev-escribir .rev-cancelar { color: var(--rev-tenue, #6b7684); }
.rev-panel, .rev-pestana { font-family: -apple-system, "Segoe UI", system-ui, sans-serif; }

/* Panel de comentarios abierto: en vez de correr la lámina (que en este reproductor es ancha y
   quedaba cortada), se le hace espacio a la derecha y la lámina se achica para caber entera. */
body.rev-abierto .app, body.rev-abierto .marco { transform: none !important; }
@media (min-width: 901px) {
  body.rev-abierto { padding-right: var(--rev-ancho); box-sizing: border-box; }
}