/* ==========================================================================
   Main Stylesheet - MaisPixel Creative Studio
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap");

@import url("./variables.css");
@import url("./reset.css");
@import url("./header.css");
@import url("./hero.css");
@import url("./services.css");
@import url("./portfolio.css");
@import url("./about.css");
@import url("./footer.css");

/* ==========================================================================
   Layout Containers & Utilities
   ========================================================================== */

.site-main {
  min-height: 100vh;
}

.container {
  max-width: var(--layout-max-width);
  margin: 0 auto;
  padding: 0 var(--space-4);
}

@media (min-width: 768px) {
  .container {
    padding: 0 var(--space-8);
  }
}

/* Utilitário para travamento de scroll do body quando modal/menu mobile estiver aberto */
body.is-locked {
  overflow: hidden;
  height: 100vh;
}