/* Estilo interior con el lenguaje de la portada (dirección A, elegida el 06-10-2026):
   franja marina con titular grande y palabra en contorno, cifras en contorno,
   etiquetas con punto azul, líneas finas y botones redondeados. El fondo de
   estudio sigue claro. Va justo antes de legibilidad.css (suelo de tamaños).
   Solo se anima transform y opacity, una vez, y nunca con movimiento reducido. */
:root {
  --bf-ed-navy: #101c35;
  --bf-ed-line: #35496b;
  --bf-ed-muted: #b7c6df;
  --bf-ed-blue: #2563eb;
  --bf-ed-blue-light: #93c5fd;
  --bf-ed-num: #3b5a92;
  --bf-ed-ease: cubic-bezier(.16, 1, .3, 1);
}

.bf-ed-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--bf-ed-blue); flex: none; }
.bf-ed-outline { color: transparent; -webkit-text-stroke: 1.5px var(--bf-ed-blue-light); }

/* ---- Inicio del alumno: la tarea de hoy como titular ---- */
#libraryOverview.bf-library-overview {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "copy go" "stats stats";
  align-items: end;
  gap: 26px 32px;
  padding: 30px 34px 26px;
  border: 0;
  border-radius: 18px;
  background: var(--bf-ed-navy);
  box-shadow: none;
  color: #fff;
}
#libraryOverview.bf-library-overview.hidden { display: none; }
.bf-home-band__num {
  position: absolute;
  top: 4px;
  right: 30px;
  font-size: clamp(96px, 12vw, 168px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.07em;
  color: transparent;
  -webkit-text-stroke: 1.2px var(--bf-ed-num);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  user-select: none;
}
.bf-home-band__num:empty { display: none; }
#libraryOverview .bf-library-overview__copy { position: relative; grid-area: copy; max-width: 640px; }
#libraryOverview .bf-library-overview__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--bf-ed-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#libraryOverview h2 {
  margin-top: 16px;
  max-width: 16ch;
  font-size: clamp(32px, 4.2vw, 56px);
  line-height: .98;
  font-weight: 800;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-wrap: balance;
}
#libraryOverview p { margin-top: 16px; max-width: 46ch; color: var(--bf-ed-muted); font-size: 15px; line-height: 1.6; }
#libraryOverview .bf-library-overview__actions { margin-top: 22px; gap: 10px; }
#libraryOverview .bf-library-overview__actions button {
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  transition: background .3s var(--bf-ed-ease), border-color .3s var(--bf-ed-ease);
}
#libraryOverview .bf-library-overview__actions button:hover { transform: none; }
#libraryOverview .bf-library-overview__primary { background: #fff; color: var(--bf-ed-navy); }
#libraryOverview .bf-library-overview__primary:hover { background: #dbeafe; }
#libraryOverview .bf-library-overview__secondary { border: 1px solid var(--bf-ed-line); background: transparent; color: #fff; }
#libraryOverview .bf-library-overview__secondary:hover { border-color: var(--bf-ed-blue-light); background: transparent; }

.bf-home-band__go {
  position: relative;
  grid-area: go;
  width: 108px;
  height: 108px;
  border: 1px solid var(--bf-ed-blue-light);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 12px;
  text-align: center;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  touch-action: manipulation;
  transition: background .35s var(--bf-ed-ease), transform .35s var(--bf-ed-ease);
}
.bf-home-band__go[hidden] { display: none; }
.bf-home-band__arrow { font-size: 22px; letter-spacing: 0; line-height: 1; transition: transform .35s var(--bf-ed-ease); }
.bf-home-band__go:hover { background: var(--bf-ed-blue); transform: scale(1.04); }
.bf-home-band__go:hover .bf-home-band__arrow { transform: translate(2px, -2px); }
.bf-home-band__go:focus-visible,
#libraryOverview .bf-library-overview__actions button:focus-visible { outline: 2px solid var(--bf-ed-blue-light); outline-offset: 3px; }

#libraryOverview .bf-library-overview__stats {
  position: relative;
  grid-area: stats;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: auto;
  border-top: 1px solid var(--bf-ed-line);
}
#libraryOverview .bf-library-overview__stats > div {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  padding: 16px 16px 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#libraryOverview .bf-library-overview__stats > div + div { padding-left: 18px; border-left: 1px solid var(--bf-ed-line); }
#libraryOverview .bf-library-overview__stats dd {
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.06em;
  color: transparent;
  -webkit-text-stroke: 1.2px var(--bf-ed-blue-light);
  font-variant-numeric: tabular-nums;
}
#libraryOverview .bf-library-overview__stats dt { margin: 0; color: var(--bf-ed-muted); font-weight: 700; letter-spacing: .12em; }

html.bf-dark-test #libraryOverview.bf-library-overview { border: 1px solid #22334f; }

@keyframes bf-ed-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
#libraryOverview .bf-library-overview__copy > *,
#libraryOverview .bf-home-band__go,
#libraryOverview .bf-library-overview__stats { animation: bf-ed-rise .7s var(--bf-ed-ease) both; }
#libraryOverview .bf-library-overview__copy > :nth-child(2) { animation-delay: .06s; }
#libraryOverview .bf-library-overview__copy > :nth-child(3),
#libraryOverview .bf-home-band__go { animation-delay: .12s; }
#libraryOverview .bf-library-overview__copy > :nth-child(4),
#libraryOverview .bf-library-overview__stats { animation-delay: .18s; }

@media (max-width: 760px) {
  #libraryOverview.bf-library-overview {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "copy copy" "stats go";
    gap: 22px 16px;
    padding: 24px 20px 20px;
  }
  .bf-home-band__num { right: 14px; top: 10px; font-size: 92px; opacity: .55; }
  #libraryOverview h2 { font-size: clamp(30px, 9vw, 40px); max-width: 12ch; }
  #libraryOverview p { font-size: 14px; }
  #libraryOverview .bf-library-overview__actions button { flex: 1; }
  .bf-home-band__go { width: 92px; height: 92px; align-self: end; }
  #libraryOverview .bf-library-overview__stats > div { padding-right: 8px; }
  #libraryOverview .bf-library-overview__stats > div + div { padding-left: 10px; }
  #libraryOverview .bf-library-overview__stats dd { font-size: 28px; }
}
@media (max-width: 380px) {
  #libraryOverview.bf-library-overview { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "go" "stats"; }
}

/* ---- Centro de Exámenes: franja marina, cifras en contorno y comunidades en filas ----
   Sin animación de entrada: la pantalla se vuelve a pintar al buscar y filtrar. */
:root { --bf-ed-light-line: #d9e4f2; }
html.bf-dark-test { --bf-ed-light-line: #22334f; }
.exam-center-view .exam-hero-pro {
  padding: 30px 34px 28px;
  border-radius: 18px;
  background: var(--bf-ed-navy);
  box-shadow: none;
}
.exam-center-view .exam-hero-pro::before,
.exam-center-view .exam-hero-pro::after { display: none; }
html.bf-dark-test .exam-center-view .exam-hero-pro { border: 1px solid #22334f; }
.exam-hero-pro__num {
  position: absolute !important;
  z-index: 0 !important;
  top: 4px;
  right: 30px;
  font-size: clamp(96px, 12vw, 168px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.07em;
  color: transparent;
  -webkit-text-stroke: 1.2px var(--bf-ed-num);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  user-select: none;
}
.exam-hero-pro__num:empty { display: none; }
.exam-center-view .exam-hero-pro__eyebrow {
  gap: 10px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bf-ed-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
}
.exam-hero-pro__title {
  margin-top: 16px;
  max-width: 14ch;
  font-size: clamp(32px, 4.2vw, 56px);
  line-height: .98;
  font-weight: 800;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-wrap: balance;
}
.exam-center-view .exam-hero-pro__intro { margin-top: 16px; max-width: 46ch; color: var(--bf-ed-muted); font-size: 15px; line-height: 1.6; }
.exam-center-view .exam-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: none;
  margin-top: 26px;
  border-top: 1px solid var(--bf-ed-line);
}
.exam-center-view .exam-kpi {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  padding: 16px 16px 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}
.exam-center-view .exam-kpi + .exam-kpi { padding-left: 18px; border-left: 1px solid var(--bf-ed-line); }
.exam-center-view .exam-kpi strong {
  margin: 0;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.06em;
  color: transparent;
  -webkit-text-stroke: 1.2px var(--bf-ed-blue-light);
  font-variant-numeric: tabular-nums;
}
.exam-center-view .exam-kpi span { color: var(--bf-ed-muted); font-weight: 700; letter-spacing: .12em; }
.exam-center-view .exam-summary-pill { padding: 0; border: 0; background: transparent; backdrop-filter: none; color: var(--bf-ed-muted); font-weight: 600; }

.exam-center-view .exam-explorer-panel { padding: 22px 0 6px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.exam-center-view .exam-explorer-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #64748b; font-weight: 700; letter-spacing: .14em; }
.exam-center-view .exam-explorer-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--bf-ed-blue); }
.exam-center-view .exam-explorer-heading h2 { margin-top: 6px; font-size: 22px; font-weight: 800; line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; }
.exam-center-view .exam-search-pro {
  margin-top: 14px;
  padding: 4px 0;
  border: 0;
  border-bottom: 1px solid #0f172a;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.exam-center-view .exam-search-pro input { font-size: 16px; font-weight: 600; }
html.bf-dark-test .exam-center-view .exam-search-pro { border-bottom-color: #475569; }
.exam-center-view .exam-filter-grid select { border-radius: 999px; font-weight: 700; }
.exam-center-view .exam-filter-grid select:focus { border-color: var(--bf-ed-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .14); }
.exam-center-view .exam-reset-btn { border-radius: 999px; }

.exam-center-view .exam-region-list-pro { gap: 0; margin-top: 8px; border-top: 1px solid var(--bf-ed-light-line); }
.exam-center-view .exam-region-card,
.exam-center-view .exam-region-card[open] {
  border: 0;
  border-bottom: 1px solid var(--bf-ed-light-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.exam-center-view .exam-region-card > summary { padding: 16px 4px; }
.exam-center-view .exam-region-card > summary:hover { background: transparent; }
.exam-center-view .exam-region-title { font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; line-height: 1.05; letter-spacing: -.045em; }
.exam-center-view .exam-region-count { margin-top: 4px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #64748b; }
.exam-center-view .exam-region-chevron { border-radius: 50%; transition: transform .3s var(--bf-ed-ease), background .3s var(--bf-ed-ease), color .3s var(--bf-ed-ease); }
.exam-center-view .exam-region-card > summary:hover .exam-region-chevron { background: var(--bf-ed-blue); color: #fff; }
.exam-center-view .exam-region-card > summary:focus-visible { outline: 2px solid var(--bf-ed-blue); outline-offset: 2px; }

@media (max-width: 760px) {
  .exam-center-view .exam-hero-pro { padding: 24px 20px 20px; }
  .exam-hero-pro__num { right: 14px; top: 10px; font-size: 92px; opacity: .55; }
  .exam-hero-pro__title { font-size: clamp(30px, 9vw, 40px); }
  .exam-center-view .exam-hero-pro__intro { font-size: 14px; }
  .exam-center-view .exam-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .exam-center-view .exam-kpi:nth-child(3) { padding-left: 0; border-left: 0; }
  .exam-center-view .exam-kpi:nth-child(n+3) { border-top: 1px solid var(--bf-ed-line); padding-bottom: 6px; }
  .exam-center-view .exam-kpi strong { font-size: 28px; }
}

/* ---- Pantalla de pregunta: solo letra, color y movimiento ----
   Encargo del propietario (06-10-2026): mismas medidas y posiciones que ahora.
   Aquí no se toca ningún tamaño, margen, relleno ni grosor de borde; al responder
   no se mueve nada (las animaciones son transform/opacity dentro de su sitio). */
#testProgressText { letter-spacing: .14em; color: #475569; }
#testCard .bf-test-answer-option[role="button"] > :first-child { font-weight: 800; }
#testCard .bf-test-answer-option[role="button"]:hover { border-color: var(--bf-ed-blue); background-color: #f5f8ff; }
html.bf-dark-test #testCard .bf-test-answer-option[role="button"]:hover { background-color: rgba(37, 99, 235, .12); }
#testCard .answer-feedback .feedback-title { text-transform: uppercase; letter-spacing: -.01em; font-weight: 800; }
#testCard .bf-inline-nav > button,
#testNavBar button { border-radius: 999px; }
#testCard .bf-inline-nav__next.bg-indigo-600 { background-color: var(--bf-ed-blue); }
#testCard .bf-inline-nav__next.bg-indigo-600:hover { background-color: #1d4ed8; }
#testCard .bf-inline-nav__next svg { transition: transform .35s var(--bf-ed-ease); }
#testCard .bf-inline-nav__next:hover svg { transform: translateX(3px); }
#testProgressBar.bg-indigo-600 { background-color: var(--bf-ed-blue); }
#testCard .bf-explanation-title { letter-spacing: .14em; text-transform: uppercase; }
#testCard .bf-explanation-heading > div:first-child { background: transparent; }

/* Versión más marcada (pedida el 06-10-2026), con las mismas medidas:
   la cabecera del test es una franja marina (el marino se extiende con una sombra
   sólida, que no ocupa sitio), las opciones sin responder son filas con línea fina
   en lugar de cajas y la letra va en un círculo marino. */
#viewTestRunner > .sticky {
  background: var(--bf-ed-navy);
  border-radius: 16px;
  box-shadow: 0 0 0 10px var(--bf-ed-navy);
  backdrop-filter: none;
}
#viewTestRunner > .sticky #testProgressText { color: var(--bf-ed-muted); }
#viewTestRunner > .sticky #questionTimerBadge { background: transparent; border-color: var(--bf-ed-line); box-shadow: none; }
#viewTestRunner > .sticky #questionTimerDisplay { color: #fff; }
#viewTestRunner #testActionBar { background: transparent; border-color: var(--bf-ed-line); }
html.bf-dark-test body:has(#viewTestRunner:not(.hidden)) #viewTestRunner #testActionBar { background: transparent !important; border-color: var(--bf-ed-line) !important; }
#testActionBar button.text-slate-300,
#testActionBar button.text-slate-400 { color: var(--bf-ed-muted); }
#testActionBar button.text-amber-600 { color: #fbbf24; }
#testActionBar button:hover { background-color: rgba(255, 255, 255, .08); }
#testActionBar > .bg-slate-200 { background-color: var(--bf-ed-line); }
#viewTestRunner > .sticky > .bg-slate-200 { background-color: #22334f; }
#testCard.bg-white { border-radius: 18px; box-shadow: none; }
#testCard .bf-test-answer-option.border-slate-200,
#testCard .bf-test-answer-option.border-slate-100 {
  /* app.css fija .border-slate-200 con !important: hace falta igualarlo. */
  border-color: transparent transparent var(--bf-ed-light-line) !important;
  border-radius: 0;
  background-color: transparent;
}
html.bf-dark-test body:has(#viewTestRunner:not(.hidden)) #viewTestRunner #testCard .bf-test-answer-option:is(.border-slate-200, .border-slate-100) {
  border-color: transparent transparent var(--bf-ed-light-line) !important;
}
#testCard .bf-test-answer-option.border-slate-200[role="button"]:hover { border-bottom-color: var(--bf-ed-blue) !important; background-color: #f5f8ff; }
html.bf-dark-test body:has(#viewTestRunner:not(.hidden)) #viewTestRunner #testCard .bf-test-answer-option.border-slate-200[role="button"]:hover { border-bottom-color: var(--bf-ed-blue) !important; }
html.bf-dark-test #testCard .bf-test-answer-option.border-slate-200[role="button"]:hover { background-color: rgba(37, 99, 235, .12); }
#testCard .bf-test-answer-option[role="button"] > :first-child { background-color: var(--bf-ed-navy); border-color: var(--bf-ed-navy); color: #fff; }
html.bf-dark-test #testCard .bf-test-answer-option[role="button"] > :first-child { background-color: #1e3a8a; border-color: #1e3a8a; color: #fff; }
#btnNextQ.bg-slate-900 { background-color: var(--bf-ed-blue); }
#btnNextQ.bg-slate-900:hover { background-color: #1d4ed8; }

/* Al corregir: la opción correcta recibe un barrido de luz que se va, el titular
   «Correcto/Incorrecto» asoma en su sitio y «Siguiente» da un pequeño latido. */
#testCard.is-fresh-result .space-y-3 > .border-emerald-500 { position: relative; overflow: hidden; }
#testCard.is-fresh-result .space-y-3 > .border-emerald-500::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(16, 185, 129, .22), transparent);
  transform: translateX(-100%);
  pointer-events: none;
  animation: bf-ed-sweep .9s var(--bf-ed-ease) .1s both;
}
@keyframes bf-ed-sweep { from { transform: translateX(-100%); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
#testCard.is-fresh-result .answer-feedback .feedback-title,
#testCard.is-fresh-result .answer-feedback .feedback-correct-text { animation: bf-ed-peek .45s var(--bf-ed-ease) both; }
#testCard.is-fresh-result .answer-feedback .feedback-correct-text { animation-delay: .08s; }
@keyframes bf-ed-peek { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
#testCard.is-fresh-result .bf-inline-nav__next { animation: bf-ed-beat .5s var(--bf-ed-ease) .25s both; }
@keyframes bf-ed-beat { 0% { transform: scale(.96); } 60% { transform: scale(1.02); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  #testCard.is-fresh-result .space-y-3 > .border-emerald-500::after { display: none; }
  #testCard.is-fresh-result .answer-feedback .feedback-title,
  #testCard.is-fresh-result .answer-feedback .feedback-correct-text,
  #testCard.is-fresh-result .bf-inline-nav__next { animation: none; }
  #testCard .bf-inline-nav__next svg { transition: none; }
}
html.bf-reduce-motion #testCard.is-fresh-result .space-y-3 > .border-emerald-500::after { display: none; }
html.bf-reduce-motion #testCard.is-fresh-result .answer-feedback .feedback-title,
html.bf-reduce-motion #testCard.is-fresh-result .answer-feedback .feedback-correct-text,
html.bf-reduce-motion #testCard.is-fresh-result .bf-inline-nav__next { animation: none; }

/* ---- Barra lateral: tarjeta «Hoy» plana, con punto azul y botón redondeado ---- */
.bf-today { border-radius: 14px; background: #fff; box-shadow: none; }
.bf-today__title { display: inline-flex; align-items: center; gap: 8px; letter-spacing: .14em; }
.bf-today__title::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--bf-ed-blue); }
.bf-today__reviews { font-size: 16px; letter-spacing: -.02em; }
.bf-today__progress { height: 4px; }
.bf-today__start { border-radius: 999px; font-weight: 700; }

/* ---- Hacer Test, paso 1: cabecera compacta con selector Uno / Varios ----
   Sin animación de entrada: se vuelve a pintar al cambiar de modo. */
.bf-pick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--bf-ed-navy);
  color: #fff;
}
html.bf-dark-test .bf-pick-head { border: 1px solid #22334f; }
.bf-pick-head__text { min-width: 0; }
.bf-pick-head__step {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  color: var(--bf-ed-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bf-pick-head__title { margin: 0; color: #fff; font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.bf-pick-head__hint { margin: 4px 0 0; color: var(--bf-ed-muted); font-size: 13px; line-height: 1.4; }
.bf-pick-head__mode {
  display: inline-flex;
  flex: none;
  padding: 3px;
  border: 1px solid var(--bf-ed-line);
  border-radius: 999px;
}
.bf-pick-head__mode button {
  min-width: 64px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--bf-ed-muted);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background .25s var(--bf-ed-ease), color .25s var(--bf-ed-ease);
}
.bf-pick-head__mode button[aria-pressed="true"] { background: #fff; color: var(--bf-ed-navy); cursor: default; }
.bf-pick-head__mode button[aria-pressed="false"]:hover { color: #fff; }
.bf-pick-head__mode button:focus-visible { outline: 2px solid var(--bf-ed-blue-light); outline-offset: 2px; }
@media (max-width: 440px) {
  .bf-pick-head { flex-wrap: wrap; row-gap: 12px; padding: 14px 16px; }
  .bf-pick-head__title { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  #libraryOverview .bf-library-overview__copy > *,
  #libraryOverview .bf-home-band__go,
  #libraryOverview .bf-library-overview__stats { animation: none; }
  .bf-home-band__go, .bf-home-band__arrow, #libraryOverview .bf-library-overview__actions button { transition: none; }
  .bf-home-band__go:hover { transform: none; }
  .bf-pick-head__mode button { transition: none; }
}
/* La opción «Reducir animaciones» de la propia app. */
html.bf-reduce-motion #libraryOverview .bf-library-overview__copy > *,
html.bf-reduce-motion #libraryOverview .bf-home-band__go,
html.bf-reduce-motion #libraryOverview .bf-library-overview__stats { animation: none; }
html.bf-reduce-motion .bf-home-band__go:hover { transform: none; }
html.bf-reduce-motion .bf-pick-head__mode button { transition: none; }