/* ==========================================================
   INTERDISCIPLINAR (#interdisciplinar): as áreas do direito em caixinhas, depois do ciclo
   ========================================================== */
.areas-direito { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: 960px; margin: var(--espaco-5) auto 0; list-style: none; }
.areas-direito li { display: flex; align-items: center; justify-content: center; min-height: 84px; padding: 16px; text-align: center; font: 400 20px/1.2 var(--font-titulo); background: var(--superficie); border-radius: var(--raio); box-shadow: 0 0 0 1px var(--linha); }
.interdisciplinar-fecho { margin: var(--espaco-5) auto 0; max-width: var(--largura-texto); text-align: center; color: var(--texto-suave); }
@media (max-width: 760px) {
  .areas-direito { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .areas-direito li { min-height: 64px; font-size: 17px; }
}