/* Start custom CSS *//* =========================
     VARIÁVEIS E BASE GLOBAL
  ========================== */
  :root {
    --bg-page: #f5f7fb;
    --bg-section: #ffffff;
    --bg-alt: #f0f4ff;

    --primary: #0b4b82;
    --primary-soft: #e7f3ff;
    --accent: #1d976c;
    --accent-soft: #e6f8f1;

    --text-main: #111827;
    --text-soft: #4b5563;
    --text-muted: #6b7280;
    --border-soft: #e5e7eb;

    --radius-lg: 1.25rem;
    --radius-pill: 999px;

    --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.08);
    --shadow-subtle: 0 10px 30px rgba(15, 23, 42, 0.05);
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text-main);
    background: var(--bg-page);
    -webkit-font-smoothing: antialiased;
  }

  /* =========================
     LAYOUT BÁSICO
  ========================== */

  .page-wrapper {
    min-height: 100vh;
    background: radial-gradient(ci/* End custom CSS */