
/* ===============================
   LARGE DEVICES (≥992px)
================================ */
@media (min-width: 992px) {

  .hero h1 {
    font-size: 38px;
  }

  .hero p {
    font-size: 17px;
  }

  section.container.py-5 {
    padding: 100px 60px;
  }

  section.container.py-5 .section-title h2 {
    font-size: 32px;
    margin-bottom: 2px;
  }

  section.container.py-5 p {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .editorial-board-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .editorial-member-card__top {
    flex-direction: row;
    align-items: center;
    gap: 18px;
  }

  .editorial-member-card__identity {
    text-align: left;
  }

  .editorial-member-card__body {
    text-align: left;
  }

  .editorial-member-card__media,
  .editorial-member-card__links {
    justify-content: flex-start;
  }

  .editorial-member-card__email {
    align-self: flex-start;
  }

  .editorial-member-card__facts {
    gap: 12px;
  }
}

/* ===============================
   EXTRA LARGE (≥1200px)
================================ */
@media (min-width: 1200px) {

  .hero h1 {
    font-size: 42px;
  }

  .hero p {
    font-size: 18px;
  }

  .editorial-board-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .editorial-member-card {
    padding: 32px 30px;
  }

  .editorial-board-grid {
    gap: 24px;
  }
}
