/* Five departments, with clear roles and a shared visual rhythm. */
#diferenciais .departments-heading { display: block; margin-bottom: 48px; }
#diferenciais .departments-heading .eyebrow { margin: 0 0 20px; font-size: .75rem; }
#diferenciais .departments-heading h2 { font-size: clamp(2.5rem, 5.3vw, 4.5rem); line-height: 1.06; letter-spacing: -.015em; margin: 0; }
#diferenciais .departments-heading .departments-subtitle { max-width: none; margin: 15px 0 0; font-size: clamp(1.375rem, 2.4vw, 2rem); line-height: 1.4; color: var(--blue-dark); font-weight: 600; }
#diferenciais .departments-heading > p { max-width: 780px; margin: 25px 0 0; font-size: 1rem; line-height: 1.8; }
.department-list { border-top: 1px solid var(--line); }
.department-row {
  display: grid;
  grid-template-columns: 55px minmax(0, .85fr) minmax(0, 1.3fr);
  align-items: start;
  column-gap: 38px;
  padding-block: 34px;
  border-bottom: 1px solid var(--line);
}
.department-number {
  font-family: var(--font-display);
  font-size: 2.5rem;
  line-height: 1;
  color: var(--blue);
}
.department-label {
  margin: 0 0 10px;
  color: var(--blue-dark);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .065em;
}
.department-heading h3 {
  font-family: var(--font-display);
  font-size: 2.25rem;
  line-height: 1.12;
  letter-spacing: -.01em;
  margin: 0;
}
.department-copy {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--muted);
  margin: 0;
  max-width: 66ch;
}
@media (max-width: 1100px) {
  .department-row { grid-template-columns: 40px minmax(0, .85fr) minmax(0, 1.15fr); column-gap: 25px; }
  .department-heading h3 { font-size: 2rem; }
  .department-number { font-size: 2.25rem; }
}
@media (max-width: 800px) {
  .department-row { grid-template-columns: 38px minmax(0, 1fr); gap: 17px 23px; padding-block: 29px; }
  .department-copy { grid-column: 2; max-width: none; }
  .department-heading h3 { font-size: 2.125rem; }
}
@media (max-width: 480px) {
  #diferenciais .departments-heading { margin-bottom: 32px; }
  .department-row { grid-template-columns: 32px minmax(0, 1fr); column-gap: 16px; padding-block: 27px; }
  .department-number { font-size: 2rem; }
  .department-label { font-size: .75rem; letter-spacing: .04em; }
  .department-heading h3 { font-size: 2rem; }
  .department-copy { grid-column: 1 / -1; line-height: 1.75; }
}
@media print {
  .department-row { break-inside: avoid; }
}
