/* ============================================================
   ÁREAS DE ATUAÇÃO (small discrete)
   ============================================================ */
.areas-grid { display:grid; gap:.7rem; grid-template-columns: repeat(3,1fr); }
@media (max-width: 700px){ .areas-grid { grid-template-columns: repeat(2,1fr); gap:.6rem; } }
.area-chip {
  display:flex; align-items:center; gap:.9rem;
  padding: .85rem 1rem; border:1.5px solid var(--blue-100); border-radius: 12px;
  background:#fff;
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);
}
.area-chip:hover {
  border-color: var(--blue-500);
  box-shadow: var(--shadow-sm);
  transform: translateY(-3px);
  background: var(--blue-50);
}
.area-chip__ico {
  width:38px; height:38px; flex:none; padding:8px; box-sizing:border-box;
  color:var(--blue-600); background:var(--blue-50); border-radius:10px;
  transition: color .25s var(--ease), background .25s var(--ease);
}
.area-chip:hover .area-chip__ico { color:#fff; background:var(--orange); }
.area-chip span { font-size: .92rem; font-weight:600; color: var(--slate-700); }