/* MapaTech Studio — desktop scale pass.
   Expands the visual system on large displays without touching tablet/mobile. */

@media (min-width: 1280px) {
  body {
    font-size: 16px;
  }

  .mt-wrap,
  #mt-stage > div:last-child {
    width: min(1520px, calc(100% - 80px)) !important;
  }

  .mt-navbar {
    height: 78px !important;
    gap: 34px !important;
  }

  .mt-brandmark {
    height: 44px !important;
  }

  .mt-brandtype {
    height: 40px !important;
  }

  .mt-navlinks {
    gap: 32px !important;
    font-size: 15px !important;
  }

  .mt-navcta {
    padding: 11px 22px !important;
    font-size: 15px !important;
  }

  .mt-eyebrow {
    font-size: 13px;
  }

  .mt-h1 {
    font-size: clamp(86px, 7vw, 108px);
  }

  .mt-h2 {
    font-size: clamp(42px, 3.8vw, 64px);
  }

  .mt-lead {
    font-size: clamp(18px, 1.25vw, 21px);
    line-height: 1.56;
  }

  #mt-stage [data-block="0"] > div {
    max-width: min(720px, 56%) !important;
  }

  #mt-stage [data-block="1"] > div,
  #mt-stage [data-block="2"] > div {
    max-width: min(680px, 52%) !important;
  }

  #mt-stage [data-block="3"] > div {
    max-width: min(760px, 56%) !important;
  }

  #mt-stage [data-block="0"] .btn {
    padding: 15px 28px !important;
    font-size: 16px !important;
  }

  main[data-screen-label="Servicios y productos"] .mt-h1,
  main[data-screen-label="Contacto"] .mt-h1 {
    font-size: clamp(56px, 5.2vw, 88px) !important;
  }

  .mt-svc > :nth-child(2) {
    font-size: clamp(26px, 2.35vw, 36px) !important;
  }

  .mt-svc > :nth-child(3),
  .card-body {
    font-size: 16px !important;
  }

  main[data-screen-label]:not([data-screen-label="Home"]) {
    padding-top: 78px !important;
  }
}

@media (min-width: 1680px) {
  .mt-wrap,
  #mt-stage > div:last-child {
    width: min(1600px, calc(100% - 112px)) !important;
  }

  .mt-navbar {
    height: 82px !important;
  }

  .mt-brandmark {
    height: 47px !important;
  }

  .mt-brandtype {
    height: 43px !important;
  }

  .mt-navlinks {
    gap: 36px !important;
    font-size: 16px !important;
  }

  .mt-h1 {
    font-size: clamp(108px, 6.1vw, 116px);
  }

  #mt-stage [data-block="0"] > div {
    max-width: min(940px, 62%) !important;
  }

  .mt-h2 {
    font-size: clamp(54px, 3.75vw, 70px);
  }

  .mt-lead {
    font-size: 21px;
  }

  main[data-screen-label="Servicios y productos"] .mt-h1,
  main[data-screen-label="Contacto"] .mt-h1 {
    font-size: clamp(76px, 4.8vw, 94px) !important;
  }

  main[data-screen-label]:not([data-screen-label="Home"]) {
    padding-top: 82px !important;
  }
}