:root{
  --primary-color: #da042a;
  --secondary-color-dark: #0a0b0f;
  --text-light: #6b7280;
  --white: #ffffff;
  --extra-light: #f8f7fd;
}

body{
  background: var(--extra-light);
  font-family: "Poppins", sans-serif;
}

/* bloco principal */
.about__page{
  min-height: 100vh;
}

/* cabeçalho da página */
.about__header{
  text-align: center;
  max-width: 800px;
  margin: auto;
  margin-bottom: 3rem;
}

/* cards */
.about__grid{
  display: grid;
  gap: 2rem;
}

.about__card{
  background: var(--white);
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.08);
}

.about__card h3{
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  color: var(--secondary-color-dark);
}

.about__card i{
  color: var(--primary-color);
}

/* lista de valores */
.about__values{
  list-style: none;
  display: grid;
  gap: .5rem;
}

.about__values li{
  color: var(--secondary-color-dark);
}

/* responsivo */
@media (min-width: 768px){
  .about__grid{
    grid-template-columns: 1fr 1fr;
  }
}