/* ==========================================================================
   Andréia Freitas — COMO POSSO TE AJUDAR (áreas de atuação, 6 cards)
   Consome os tokens de system.css.
   ========================================================================== */

.af-servicos__eyebrow{ justify-content:center; }

.af-servicos__title{
  font-family:var(--ff-display);
  color:var(--ink);
  font-weight:500;
  font-size:var(--fs-display-l);
  line-height:1.1;
  margin:var(--s2) 0 0;
}

.af-servicos__sub{
  font-family:var(--ff-body);
  color:var(--ink);
  opacity:.85;
  font-size:var(--fs-lead);
  line-height:1.7;
  margin:var(--s2) auto 0;
  max-width:60ch;
}

/* --------------------------------------------------------------------------
   grid
   -------------------------------------------------------------------------- */
.af-servicos__grid{
  margin-top:var(--s6);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--s3);
  align-items:stretch;
}

.af-servicos__card{
  display:flex;
  flex-direction:column;
}

.af-servicos__head{
  display:flex;
  align-items:center;
  gap:var(--s2);
}

.af-servicos__card p{
  font-family:var(--ff-body);
  color:var(--ink);
  opacity:.8;
  font-size:var(--fs-body);
  line-height:1.65;
  font-weight:400;
  margin:var(--s2) 0 0;
  max-width:42ch;
}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1023px){
  .af-servicos__grid{ grid-template-columns:repeat(2,1fr); }
  .af-servicos__card p{ max-width:none; }
}
@media (max-width:767px){
  .af-servicos__grid{ grid-template-columns:1fr; }
  .af-servicos__card p{ line-height:1.7; }
}