@media (min-width: 992px){
  .mih-lg-500px {
    min-height: 500px;
  }

  .mih-lg-800px {
    min-height: 800px;
  }

  .position-lg-absolute {
    position: absolute !important;
  }
}

@media (min-width: 1200px){
  .mih-xl-500px {
    min-height: 500px;
  }

  .position-xl-absolute {
    position: absolute !important;
  }
}

.bg-white-o {
  background-color: rgba(255,255,255,.85) !important;
}

#menu-main, .z-1 {
  z-index: 1;
}

#region_highlight .region.region-highlight p {
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Google Sans Flex', sans-serif;
  line-height: 170%;
}

#region_highlight .region.region-highlight .h2 {
  font-weight: 700;
  font-family: "Google Sans Flex",Georgia,serif;
  font-size: 3.2rem;
}

#region_highlight .region.region-highlight {
  width: 99.50vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: block;
}

/* ── Layout apilado para pantallas < 1200px ────────────────────── */
@media (max-width: 1199.98px) {
  #region_highlight .mih-xl-500px,
  #region_highlight .mih-lg-500px {
    text-align: center;
  }

  #region_highlight .mih-xl-500px > img,
  #region_highlight .mih-lg-500px > img {
    width: auto !important;
    max-width: 60%;
    max-height: 350px;
    display: block;
    margin: 2rem auto 0;
    object-fit: contain;
  }

  #region_highlight .bg-white-o {
    background-color: transparent !important;
    max-width: 100% !important;
    text-align: center;
  }

  #region_highlight .region.region-highlight .display-5 {
    font-size: 1.75rem;
  }

  #region_highlight .container.z-1 {
    padding: 1.5rem 1rem 3rem;
  }
}

@media (max-width: 575.98px) {
  #region_highlight .mih-xl-500px > img,
  #region_highlight .mih-lg-500px > img {
    max-width: 50%;
    max-height: 280px;
  }

  #region_highlight .region.region-highlight .display-5 {
    font-size: 1.4rem;
  }
}