/* Ajustes finais para celulares: preserva integralmente o desktop. */
@media (max-width: 767px) {
  html,
  body,
  #root,
  #root > div,
  main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  nav.site-nav {
    width: 100%;
    min-height: 72px;
    padding: 12px 16px !important;
    gap: 10px;
  }

  nav.site-nav > a.brand-link {
    flex: 1 1 auto;
    min-width: 0;
  }

  nav.site-nav .brand-logo {
    width: clamp(132px, 41vw, 148px) !important;
    max-width: 100%;
  }

  nav.site-nav > div:last-child {
    flex: 0 0 auto;
  }

  nav.site-nav .nav-cta {
    min-width: 72px;
    min-height: 38px;
    padding-inline: 4px;
    justify-content: center;
    font-size: .62rem;
    letter-spacing: .13em;
  }

  #trabalho {
    width: 100%;
    padding: 44px 16px 64px !important;
  }

  #trabalho > div {
    width: 100%;
    max-width: none !important;
  }

  #trabalho > div > div:nth-child(3) {
    width: 100%;
    gap: 14px !important;
    margin-top: 20px !important;
  }

  #trabalho > div > div:nth-child(3) article {
    width: 100%;
    min-width: 0;
    padding-bottom: 20px !important;
  }

  #trabalho .ebook-topic-image {
    width: 100% !important;
    height: clamp(184px, 52vw, 210px) !important;
    margin: 0 0 18px !important;
    object-position: center 45%;
  }

  #trabalho > div > div:nth-child(3) article > div,
  #trabalho > div > div:nth-child(3) article > h3 {
    margin-inline: 16px;
    max-width: calc(100% - 32px);
    overflow-wrap: anywhere;
  }

  #trabalho > div > div:nth-child(3) article > div {
    font-size: .66rem;
    line-height: 1.45;
    letter-spacing: .16em;
  }

  #trabalho > div > div:nth-child(3) article > h3 {
    margin-top: 9px !important;
    font-size: clamp(1.72rem, 8vw, 1.95rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.015em;
  }

  #trabalho > div > p:last-child {
    width: 100%;
    padding: 16px 0 0 !important;
    margin: 0;
    font-size: .78rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 359px) {
  nav.site-nav {
    padding-inline: 14px !important;
  }

  nav.site-nav .brand-logo {
    width: 128px !important;
  }

  #trabalho {
    padding-inline: 14px !important;
  }

  #trabalho > div > div:nth-child(3) article > h3 {
    font-size: 1.65rem !important;
  }
}