/* Start custom CSS for html, class: .elementor-element-a22a2ce *//* =========================================================
   CORRECCIÓN DEL TÍTULO EN MÓVILES
   ========================================================= */

@media (max-width: 767px) {

  .ox-contact {
    overflow-x: hidden;
  }

  .ox-contact__hero-content {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .ox-contact__hero h2 {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;

    font-size: clamp(36px, 10.8vw, 52px);
    line-height: 0.92;
    letter-spacing: -0.035em;

    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .ox-contact__hero h2 span {
    display: block;
    width: 100%;

    font-size: 0.88em;
    line-height: 0.94;
    letter-spacing: -0.045em;

    white-space: normal;
  }
}

@media (max-width: 420px) {

  .ox-contact__hero h2 {
    font-size: clamp(34px, 10.5vw, 44px);
  }

  .ox-contact__hero h2 span {
    font-size: 0.84em;
  }
}
/* =========================================================
   AJUSTE DEFINITIVO DEL HERO DE CONTACTO EN MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .ox-contact__hero {
    overflow: hidden !important;
  }

  .ox-contact__hero .ox-contact__container {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .ox-contact__hero-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .ox-contact__hero h2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 24px !important;

    font-size: clamp(38px, 11vw, 50px) !important;
    line-height: 0.93 !important;
    letter-spacing: -0.045em !important;

    white-space: normal !important;
    overflow: visible !important;
  }

  .ox-contact__hero h2 span {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;

    margin-top: 4px !important;

    font-size: clamp(27px, 8.6vw, 38px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.055em !important;

    white-space: nowrap !important;
    overflow: visible !important;

    transform: scaleX(0.94);
    transform-origin: left center;
  }
}

/* Celulares más angostos */
@media (max-width: 420px) {

  .ox-contact__hero .ox-contact__container {
    width: calc(100% - 26px) !important;
  }

  .ox-contact__hero h2 {
    font-size: clamp(35px, 10.7vw, 45px) !important;
  }

  .ox-contact__hero h2 span {
    font-size: clamp(25px, 8.2vw, 34px) !important;
    letter-spacing: -0.06em !important;
    transform: scaleX(0.92);
  }
}

/* Pantallas muy pequeñas */
@media (max-width: 350px) {

  .ox-contact__hero h2 {
    font-size: 33px !important;
  }

  .ox-contact__hero h2 span {
    font-size: 24px !important;
    transform: scaleX(0.9);
  }
}/* End custom CSS */