/* Ordenadores: ancho máximo de 1.400 px */
.tw-max-w-screen-xl {
  width: 100% !important;
  max-width: 1400px !important;
}

.lesson-content {
  max-width: none !important;
}

.quiz .tw-btn {
  font-size: 16px !important;
}

/* Móviles: 2% de margen a cada lado */
@media screen and (max-width: 749px) {
  .tw-page-width,
  .tw-max-w-screen-xl {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .lesson-content {
    width: 96% !important;
    max-width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .lesson-content > .HTML {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html,
  body {
    overflow-x: hidden !important;
  }
}