/* Paleta e controles do efeito */
  :root {
    --gold-1: #fff2c9;   /* highlights */
    --gold-2: #f3e3b3;
    --gold-3: #d9bb76;   /* mid */
    --gold-4: #b99144;   /* shadow warm */
    --gold-5: #f7e9bf;   /* final highlight */
    --depth: 0.22;       /* intensidade do relevo (0–0.4) */
    --glow: 0.28;        /* intensidade do brilho (0–0.6) */
  }

  /* Wrapper transparente (NÃO altera o fundo da página) */
.aurea-slogan {
  display: flex;
  justify-content: center;   /* centraliza horizontalmente */
  align-items: center;       /* centraliza verticalmente */
  text-align: center;        /* garante centralização de múltiplas linhas */
  background: transparent;   /* mantém sem fundo */
}

  /* Texto com metalização dourada e brilho sutil */
  .aurea-slogan .aurea-text {
    font-family: "Marcellus", ui-serif, Georgia, serif;
    font-size: clamp(36px, 6vw, 30px);
    font-weight: 400;
    letter-spacing: .02em;
    margin: 0;

    /* Gradiente dourado metálico */
    background-image:
      linear-gradient(
        100deg,
        var(--gold-1) 0%,
        var(--gold-2) 18%,
        var(--gold-3) 38%,
        var(--gold-4) 58%,
        var(--gold-3) 72%,
        var(--gold-5) 100%
      );
    background-size: 220% 100%;
    background-position: 0% 50%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Profundidade (relevo) com sombras suaves empilhadas */
    text-shadow:
      0 1px calc(var(--depth) * 6px) rgba(0,0,0,.35),
      0 2px calc(var(--depth) * 8px) rgba(0,0,0,.25),
      0 6px calc(var(--depth) * 14px) rgba(0,0,0,.15);

    /* Brilho ambiente sutil */
    filter: drop-shadow(0 10px 24px rgba(201, 174, 110, var(--glow)));

    /* Animação de brilho “shimmer” — opcional */
    animation: aurea-shimmer 7s linear infinite;
  }

  /* Linha de destaque sutil sob o texto (opcional) */
  .aurea-slogan.is-underlined .aurea-text {
    position: relative;
  }
  .aurea-slogan.is-underlined .aurea-text::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: -.18em;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold-3), transparent);
    opacity: .55;
  }

  /* Keyframes do brilho */
  @keyframes aurea-shimmer {
    0%   { background-position:   0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position:   0% 50%; }
  }

  /* Fallback para navegadores muito antigos */
  @supports not (-webkit-background-clip: text) {
    .aurea-slogan .aurea-text {
      color: #d9bb76; /* cor dourada estática */
      text-shadow: 0 2px 8px rgba(0,0,0,.25);
      animation: none;
    }
  }