:root {
      --verde-oliva: #556B2F;
      --preto: #000000;
      --branco: #ffffff;
    }

    body {
      background-color: var(--branco);
      color: var(--preto);
      font-family: 'Segoe UI', sans-serif;
    }

    header {
      background-color: var(--verde-oliva);
      color: var(--branco);
      padding: 3rem 1rem;
      text-align: center;
    }

    h1 {
      font-size: 2.8rem;
      font-weight: bold;
    }

    .section {
      margin: 3rem 0;
    }

    .section-title {
      color: var(--verde-oliva);
      border-bottom: 3px solid var(--verde-oliva);
      padding-bottom: .5rem;
      margin-bottom: 1.5rem;
      font-weight: bold;
    }

    .info-box {
      background-color: #f8f9fa;
      border-left: 5px solid var(--verde-oliva);
      padding: 1rem 1.5rem;
      margin-bottom: 1rem;
      border-radius: 5px;
    }

    footer {
      background-color: var(--preto);
      color: var(--branco);
      text-align: center;
      padding: 1rem 0;
      margin-top: 3rem;
    }

    ul {
      padding-left: 1.2rem;
    }

    ul li {
      margin-bottom: 0.5rem;
    }