/* 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: 1% de margen a cada lado */
@media screen and (max-width: 767px) {
  .tevello-scope .tw-max-w-screen-xl {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tevello-scope .lesson-content {
    width: 98% !important;
    max-width: 98% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .tevello-scope .lesson-content .HTML,
  .tevello-scope .lesson-content .nsr {
    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;
  }
}