/* =========================================================
   MTG Main Contact Page Polish
   Solo visual/responsive. No toca envío ni lógica.
   ========================================================= */

body.mtg-main-contact-page-body {
  overflow-x: hidden !important;
}

body.mtg-main-contact-page-body .mtg-main-contact,
body.mtg-main-contact-page-body .mtg-main-contact * {
  box-sizing: border-box !important;
}

body.mtg-main-contact-page-body .mtg-main-contact {
  width: 90% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

body.mtg-main-contact-page-body .mtg-main-contact-hero,
body.mtg-main-contact-page-body .mtg-main-contact-grid,
body.mtg-main-contact-page-body .mtg-main-contact-info,
body.mtg-main-contact-page-body .mtg-main-contact-card,
body.mtg-main-contact-page-body .mtg-main-contact-form-card {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.mtg-main-contact-page-body .mtg-main-contact-grid {
  gap: 34px !important;
}

body.mtg-main-contact-page-body .mtg-main-contact-info {
  gap: 22px !important;
}

body.mtg-main-contact-page-body .mtg-main-contact-card {
  padding: 30px !important;
}

body.mtg-main-contact-page-body .mtg-main-contact-form-card {
  padding: 36px !important;
}

/* Evitar textos cortados por derecha */
body.mtg-main-contact-page-body .mtg-main-contact-hero h1,
body.mtg-main-contact-page-body .mtg-main-contact-card h2,
body.mtg-main-contact-page-body .mtg-main-contact-card h3,
body.mtg-main-contact-page-body .mtg-main-contact-form-card h2,
body.mtg-main-contact-page-body .mtg-main-contact-hero p,
body.mtg-main-contact-page-body .mtg-main-contact-card p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Tablet/móvil */
@media (max-width: 1024px) {
  body.mtg-main-contact-page-body .mtg-main-contact {
    width: 90vw !important;
    max-width: 90vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-hero {
    width: 100% !important;
    padding: 32px 20px !important;
    border-radius: 26px !important;
    text-align: center !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-hero h1 {
    font-size: clamp(32px, 8vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-hero p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-card {
    width: 100% !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-card h2 {
    font-size: clamp(28px, 7vw, 38px) !important;
    line-height: 1.05 !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-card h3 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-form-card {
    width: 100% !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-form {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body.mtg-main-contact-page-body .mtg-main-contact {
    width: 90vw !important;
    max-width: 90vw !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-hero {
    padding: 28px 18px !important;
  }

  body.mtg-main-contact-page-body .mtg-main-contact-card,
  body.mtg-main-contact-page-body .mtg-main-contact-form-card {
    padding: 22px 18px !important;
  }
}