:root {
    --gray: #808080;       /* cinza usado no header */
    --gold: #D4AF37;       /* dourado da paleta */
    --footer-bg: var(--gray);
    --footer-text: #ffffff;
  }

  .footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    padding: 2rem 0;
  }

  .footer .footer-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  @media (min-width: 768px) {
    .footer .footer-item {
      justify-content: flex-start;
      margin-bottom: 0;
    }
  }

  .footer-icon {
    font-size: 1.5rem;
    color: var(--gold);
  }
  .footer-text {
    font-size: 1rem;
    line-height: 1.4;
  }

  /* Remove sublinhado de links e mantém cor */
  .footer a {
    color: var(--footer-text);
    text-decoration: none;
  }
  .footer a:hover {
    text-decoration: underline;
  }