 :root {
      --gold: #D4AF37;
      --blue: #00539C;
      --black: #000000;
      --gray-light: #f8f9fa;
      --gray: #808080;
    }
    /* Top bar */
    .top-bar { background-color: var(--gray-light); }
    .top-bar .contact { font-size: 0.875rem; color: var(--gray); }
    /* Header/Navbar */
    .header-nav { background-color: var(--gray); }
    .navbar-nav .nav-link {
      color: #fff;
      padding-bottom: 0.5rem;
      transition: color 0.3s;
    }
    .navbar-nav .nav-link:hover {
      color: var(--gold);
    }
    /* Active link indicator */
    .navbar-nav .nav-link.active {
      color: #fff;
      border-bottom: 3px solid var(--gold);
    }
    .logo-img { max-height: 70px; }
    @media (max-width: 767px) {
      .navbar-nav .nav-link { font-size: 0.9rem; }
      .logo-img { max-height: 50px; }
    }

    #compromissos {
    background: var(--gray-light);
    padding: 5rem 0;
  }
  /* Título */
  #compromissos .section-title {
    text-align: center;
    margin-bottom: 3rem;
  }
  #compromissos .title-main {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--gray);
    line-height: 1.1;
  }
  #compromissos .divider {
    width: 60px;
    border-top: 3px solid var(--gray);
    margin: 1rem auto 0;
  }


  #compromissos .card {
    position: relative;             
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    height: 100%;
  }
  #compromissos .card-body {
    padding: 2rem;
  }
  /* Ícone de check no canto */
  #compromissos .check-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.5rem;
    color: var(--gold);
  }
  #compromissos .card-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--gray);
    margin-bottom: 1rem;
  }
  #compromissos .card-text {
    color: var(--gray-text);
    line-height: 1.6;
    font-size: 1rem;
  }

  .btn-white-gray {
  background-color: #fff;
  color: var(--gray);
  border: 2px solid var(--gray);
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  border-radius: 0.25rem;
  transition: background-color 0.2s, color 0.2s;
}


