body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background-color: #F5F1E8;
  color: #333;
}

h2 {
  font-family: 'Playfair Display', serif;
}

/* =========================================================
   AJUSTES GLOBAIS DE RESPONSIVIDADE / ANTI-OVERFLOW
========================================================= */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video,
iframe,
svg {
  max-width: 100%;
}

a,
button {
  max-width: 100%;
}

section,
main,
header,
footer {
  max-width: 100%;
}

@media (max-width: 760px) {
  body {
    overflow-x: hidden;
  }

  .section-heading,
  .blog-section-heading,
  .portfolio-section-heading,
  .client-section-heading,
  .final-delivery-section-heading {
    width: min(100%, calc(100vw - 28px));
    margin-left: auto;
    margin-right: auto;
  }

  .section-heading h2,
  .blog-section-heading h2,
  .portfolio-section-heading h2,
  .client-section-heading h2,
  .final-delivery-section-heading h2 {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  a,
  button {
    white-space: normal;
  }
}