/* ==========================================================================
   Página del bono del libro (bono/index.html): título + quiz + pie.
   Reutiliza landing.css y quiz.css; aquí solo lo propio. Prefijo: bn-
   ========================================================================== */

/* «Bono del libro La Diana» va arriba a la derecha, en la barra: el título sube y hay menos aire. */
.bn-top__tag { flex: none; }
.bn-hero { padding-top: clamp(28px, 4vw, 56px); padding-bottom: clamp(36px, 4.5vw, 56px); }
@media (max-width: 600px) {
  .bn-top__tag::before { display: none; }
  .bn-top__tag span { max-width: 11.5em; font-size: 10px; line-height: 1.4; text-align: right; }
  .bn-hero { padding-top: 24px; }
}
.bn-hero .lp-rings { top: 70%; }
.bn-quiz { position: relative; z-index: 1; }
/* Sin video ni puente: el botón «Comenzar» vive dentro de la portada del quiz. */
.bn .qz__cover-copy .qz__start { align-self: flex-start; margin-top: 4px; }
@media (max-width: 760px) { .bn .qz__cover-copy .qz__start { align-self: stretch; } }

/* Guardar en PDF: solo el resultado, sin cabecera de la página, botones ni pie. */
@media print {
  @page { margin: 14mm 12mm; }
  html, body { background: #fff; }
  .bn-hero, .lp-footer, .qz__head, .qz__save, .qz__toast, .qz__error, .lp-rings { display: none !important; }
  .lp-top { padding: 0 0 8mm; }
  .bn-quiz { padding: 0; }
  .bn .db-container { max-width: none; padding: 0; }
  .qz { border: 0; box-shadow: none; background: none; border-radius: 0; overflow: visible; }
  .qz__stage { padding: 0; min-height: 0; display: block; animation: none; }
  .qz__screen, .qz .db-reveal { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
  .qz__screen { width: 100%; }
  .qz__block, .qz__day, .qz__chapters li, .qz__sign, .qz__result-head { break-inside: avoid; }
  .qz__book { -webkit-print-color-adjust: exact; print-color-adjust: exact; break-inside: avoid; }
  a { color: inherit; }
}