/* ============================================================
   CLIENT HOME - NANO BANANA
   Tema: Grafite + Dourado
   ============================================================ */

/* Reset Global & Variáveis */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --client-bg: #202327;
  --client-bg-dark: #181a1d;
  --client-surface: #292d31;
  --client-surface-light: #30343a;

  --client-gold: #c9a957;
  --client-gold-light: #f3d67f;
  --client-gold-dark: #9d7b35;

  --client-text: #f1f1f1;
  --client-muted: #aeb1b5;
  --client-muted-dark: #777b80;

  --client-border: rgba(201, 169, 87, 0.35);
  --client-border-light: rgba(201, 169, 87, 0.18);

  --client-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
  --client-gold-shadow: 0 6px 20px rgba(201, 169, 87, 0.25);
}
html {
  background-color: #181a1d;
}
body {
  margin: 0;
  padding: 0;
  background: radial-gradient(
    circle at top,
    #30343a 0%,
    var(--client-bg) 45%,
    var(--client-bg-dark) 100%
  );
  color: var(--client-text);
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ============================================================
   ESTRUTURA PRINCIPAL
   ============================================================ */

/* main {
    width: 100%;
    min-height: calc(100vh - 70px);
    padding: 0 0 90px;
    margin: 0;
}

.app-content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 15px 100px;
  background: transparent;
  font-family: 'Inter', sans-serif;
} */


main {
    width: 100%;
    min-height: calc(100vh - 70px);

    padding: 0 0 90px;
    margin: 0;
   padding-top: 50px !important;
}

.app-content {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto;

    padding: 20px 15px 100px;

    background: transparent;

    font-family: 'Inter', sans-serif;
}