html {
  scroll-behavior: smooth;
  background: var(--bg);
}

body {
  margin: 0;
  position: relative;
  isolation: isolate;

  color: var(--text);
  font-family: system-ui, sans-serif;

  background: transparent;
}

/* FUNDO INSTITUCIONAL ME4X */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at 8% 12%,
      rgba(37, 99, 235, 0.065),
      transparent 35%
    ),

    radial-gradient(
      ellipse at 92% 42%,
      rgba(59, 130, 246, 0.045),
      transparent 38%
    ),

    repeating-linear-gradient(
      135deg,
      transparent 0,
      transparent 80px,
      rgba(37, 99, 235, 0.018) 81px,
      transparent 82px
    ),

    linear-gradient(
      145deg,
      #fbfcfe 0%,
      #f5f8fd 50%,
      #f9fbff 100%
    );
}

/* TÍTULOS */

.section-title {
  font-size: clamp(1.8rem, 5vw, 2.5rem);
  margin-bottom: 2rem;
}

/* SECÇÕES */

.section {
  padding: 4rem 1.5rem;
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
}