@media (min-width: 1161px) {
  .skool-mobile-menu,
  .skool-mobile-menu-toggle {
    display: none !important;
  }
}

@media (max-width: 1160px) {
  .skool-desktop-menu {
    display: none !important;
  }

  .skool-mobile-menu-toggle {
    display: inline-flex !important;
  }
}

@media (max-width: 768px) {
  nav > div:first-child {
    padding: 0 24px !important;
  }

  .skool-mobile-menu {
    padding: 18px 24px 22px;
  }
}


@media (max-width: 480px) {
  a.bg-secondary[href="#checkout"],
  button.bg-secondary,
  button[type="submit"],
  .btn-secondary,
  .button-secondary,
  .secondary-button,
  a[data-button="secondary"],
  button[data-button="secondary"] {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    padding: 16px 24px !important;
  }
}


@media (max-width: 900px) {
  .skool-light-section {
    padding: 76px 24px;
  }

  .skool-about-grid,
  .skool-mission-grid {
    grid-template-columns: 1fr;
  }

  .skool-about-visual {
    min-height: 300px;
  }

  .skool-course-card {
    flex-basis: calc((100% - 24px) / 2);
  }

  .skool-slider-prev {
    left: 10px;
  }

  .skool-slider-next {
    right: 10px;
  }
}

@media (max-width: 640px) {
  .skool-light-section {
    padding: 64px 20px;
  }

  .skool-light-section h2 {
    font-size: 34px;
  }

  .skool-course-card {
    flex-basis: 100%;
  }

  .skool-slider-arrow {
    top: 170px;
  }

  .skool-mission-grid {
    gap: 18px;
  }
}


@media (max-width: 768px) {
  main#inicio > section:first-child h1 {
    font-size: clamp(44px, 13vw, 64px) !important;
  }

  main#inicio > section:first-child > div:nth-of-type(2) {
    margin-bottom: 44px !important;
  }

  #metodologia .max-w-4xl > div {
    padding: 28px !important;
  }
}


@media (max-width: 1024px) {
  main#inicio > section:first-child h1 {
    font-size: 56px !important;
  }

  main#inicio > section:first-child {
    padding-top: 138px !important;
  }
}

@media (max-width: 640px) {
  main#inicio > section:first-child {
    padding: 124px 20px 82px !important;
  }

  main#inicio > section:first-child > div:first-child {
    margin-bottom: 34px !important;
    padding: 10px 16px !important;
  }

  main#inicio > section:first-child > div:first-child span:last-child {
    font-size: 11px !important;
  }

  main#inicio > section:first-child h1 {
    font-size: 40px !important;
    margin-bottom: 28px !important;
  }

  main#inicio > section:first-child p.font-body-lg {
    font-size: 17px !important;
    margin-bottom: 38px !important;
  }

  main#inicio > section:first-child > div:nth-of-type(2) {
    margin-bottom: 46px !important;
  }

  main#inicio > section:first-child > div:nth-of-type(2) > div {
    justify-content: flex-start;
    min-height: 62px;
    white-space: normal;
  }

  main#inicio > section:first-child .blue-glow {
    border-radius: 18px !important;
  }
}