/* ============================================================
   map.css — responsive tweaks for framed maps & media
   ============================================================ */

@media (max-width: 640px) {
  .mctln__map iframe { height: 300px; }
  .estelas { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .7rem; }
  .estela { padding: 1rem .6rem; }
  .estela__name { font-size: .84rem; }
  .contact-grid { grid-template-columns: 1fr 1fr; }
  .map-frame, .team-frame { padding: 6px; }
}

@media (max-width: 420px) {
  .contact-grid { grid-template-columns: 1fr; }
  .disciplinas li { font-size: .78rem; padding: .4rem .8rem; }
}

/* Larger screens: give estelas a touch more room */
@media (min-width: 1024px) {
  .estelas { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 1rem; }
}