/* Mi Ruta B 9.3: explicaciones, contraste y modo de examen sin distracciones */
.library-reason-title {
  margin: 16px 0 6px;
  font-size: 14px;
  color: #234a83;
}
.library-reason-foot {
  font-size: 11px;
  color: #657b9b;
  line-height: 1.5;
  margin-top: 10px;
}
/* Botón de Ruti: texto azul oscuro sobre fondo claro, contraste suficiente */
.ruti-home-card .ruti-home-copy .btn,
.ruti-home-card .ruti-home-copy .btn.soft {
  background: #e5efff !important;
  color: #173f80 !important;
  border: 1px solid #a7c6f2 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-decoration: none;
  font-weight: 790 !important;
}
.ruti-home-card .ruti-home-copy .btn .icon-svg {color: #173f80 !important;}
.ruti-home-card .ruti-home-copy .btn:hover {
  background: #d5e5fc !important;
  border-color: #739fdd !important;
}
body.dark .ruti-home-card .ruti-home-copy .btn,
body.dark .ruti-home-card .ruti-home-copy .btn.soft {
  background: #d9e8ff !important;
  color: #102f62 !important;
  border-color: #bbd4fb !important;
}
body.dark .ruti-home-card .ruti-home-copy .btn .icon-svg {color:#102f62 !important;}
/* Salida voluntaria, sin clics accidentales */
.quiz-top-right {display:flex;align-items:center;gap:12px;min-width:0;}
.quiz-exit-btn {
  flex:0 0 38px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #d0deef;
  background:#f2f6fc;
  color:#244875;
  border-radius:12px;
  font-size:24px;
  line-height:1;
  font-weight:500;
  box-shadow: none;
}
.quiz-exit-btn:hover {background:#e5eefb;border-color:#93b3e0;}
.quiz-checkout-header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;}
body.dark .quiz-exit-btn {background:#243a56;color:#e5f1ff;border-color:#4c6687;}
body.dark .quiz-exit-btn:hover {background:#305075;}
body.dark .library-reason-title {color:#d4e6ff;}
body.dark .library-reason-foot {color:#adbed4;}
@media(max-width:799px){
  /* No hay barra de navegación durante una prueba o su pantalla de entrega. */
  .workspace.focus-test .site-toolbar {display:none!important;}
  .workspace.focus-test .page {
    padding-top:calc(env(safe-area-inset-top) + 20px) !important;
    padding-bottom:calc(env(safe-area-inset-bottom) + 28px) !important;
    min-height:100dvh;
  }
  .workspace.focus-test .qtop {align-items:center;}
  .workspace.focus-test .quiz-exit-btn {width:40px;height:40px;flex-basis:40px;}
  .workspace.focus-test .question {margin-top:17px;}
}

/* V9.4: una prueba activa NUNCA genera navegación general en el DOM.
   Estos estilos también evitan una barra vieja si el navegador restaura una vista. */
.workspace.focus-test .site-toolbar,
.workspace.focus-test .bottom-nav,
.workspace.focus-test nav.bottom-nav {display:none!important;visibility:hidden!important;}

@media(max-width:799px) {
  .workspace.focus-test .page {
    padding-top: calc(env(safe-area-inset-top) + 18px) !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 26px) !important;
    min-height: 100dvh;
  }
  .workspace.focus-test .quiz-top-right {gap:12px;}
  .workspace.focus-test .quiz-exit-btn {
    width:44px; height:44px; flex:0 0 44px;
    background:#fff!important;
    color:#1e457d!important;
    border:1.5px solid #afc3df!important;
    border-radius:13px;
    font-size:28px!important;
    opacity:1!important;
  }
  body.dark .workspace.focus-test .quiz-exit-btn {
    background:#233955!important;color:#edf5ff!important;border-color:#6383ae!important;
  }
}

/* Biblioteca: botones legibles (antes fondo azul con texto casi invisible). */
.view-preview .btn.soft,
.view-preview .btn:not(.ghost):not(.danger):not(.line) {
  background:#2357ac!important;
  color:#fff!important;
  border:1px solid #1f4c99!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  font-weight:800!important;
}
.view-preview .btn.soft:hover,
.view-preview .btn:not(.ghost):not(.danger):not(.line):hover {
  background:#19498f!important;
}
body.dark .view-preview .btn.soft,
body.dark .view-preview .btn:not(.ghost):not(.danger):not(.line) {
  background:#3166ba!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#5483d0!important;
}
.view-preview .btn.ghost {color:#203a5d!important; background:#fff!important;}
body.dark .view-preview .btn.ghost {color:#e9f3ff!important;background:#253b57!important;}
.view-preview .radio-row> b {
  flex:0 0 34px!important;
  width:34px!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
/* Mensaje de error/alerta o acciones: texto en alto contraste. */
body.dark .ruti-home-card .ruti-home-copy .btn,
body.dark .ruti-home-card .ruti-home-copy .btn.soft {
  background:#d9e8ff!important;
  color:#102f62!important;
  -webkit-text-fill-color:#102f62!important;
}