/* === bgt-mobile-wide-20260911: más ancho en teléfono, diseño intacto === */
@media (max-width: 960px) {
  .libro-container[data-v-3e0cfd69],
  .libro-container.container,
  .libro-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: .12rem !important;
    padding-right: .12rem !important;
  }

  .open-book-shell.mobile-reader,
  .open-book-shell.mobile-reader .book-spread,
  .open-book-shell.mobile-reader .book-spread--single,
  .open-book-shell.mobile-reader .book-spread--scroll,
  .open-book-shell.mobile-reader .book-pages,
  .open-book-shell.mobile-reader .page-margin-frame,
  .open-book-shell.mobile-reader .chapter-body-html {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .open-book-shell.mobile-reader .book-pages[data-v-8ad57a59] {
    --page-margin-top: 0px !important;
    --page-margin-bottom: 0px !important;
    --page-margin-outer: 0px !important;
    --page-margin-inner: 0px !important;
    --page-text-inset: 0px !important;
  }

  .open-book-shell.mobile-reader .page-margin-frame[data-v-8ad57a59],
  .open-book-shell.mobile-reader .page-margin-frame--single[data-v-8ad57a59] {
    padding: .3rem .1rem .85rem !important;
  }

  html body .chapter-body-html .unit-body.kid-book,
  html body .chapter-body-html .unit-body,
  html body .chapter-body-html .content-body {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .chapter-body-html .kid-book,
  html body .chapter-body-html .cnb-book,
  html body .chapter-body-html .cnb-embedded-shell {
    max-width: 100% !important;
  }

  html body .chapter-body-html article.unit,
  html body .chapter-body-html .unit.cnb-embedded-unit,
  html body .chapter-body-html .unit {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: .65rem .28rem .8rem !important;
  }

  html body .chapter-body-html .capitulo {
    box-sizing: border-box !important;
    max-width: 100% !important;
    padding: .6rem .28rem !important;
  }

  html body .chapter-body-html .lesson {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: .6rem .32rem !important;
  }

  html body .chapter-body-html .indice,
  html body .chapter-body-html .unit-chapters-toc,
  html body .chapter-body-html .portadilla {
    box-sizing: border-box !important;
    max-width: 100% !important;
    padding-left: .45rem !important;
    padding-right: .45rem !important;
  }

  html body .chapter-body-html .portada {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  html body .chapter-body-html .bubble,
  html body .chapter-body-html .tip,
  html body .chapter-body-html .def,
  html body .chapter-body-html .exgt,
  html body .chapter-body-html .say,
  html body .chapter-body-html .check,
  html body .chapter-body-html .lab,
  html body .chapter-body-html .ahora {
    padding-left: .55rem !important;
    padding-right: .55rem !important;
  }

  html body .chapter-body-html .portada h1,
  html body .chapter-body-html .unit-title {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  html body .chapter-body-html,
  html body .chapter-body-html p,
  html body .chapter-body-html li {
    text-align: left !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-indent: 0 !important;
  }
}
