/* Reglas de encanto-styles.css que también se aplican fuera de su sección.
 * Se cargan en colombiatravel/global, en la posición que ocupaba encanto-styles.css, para no alterar la cascada.
 * El resto de encanto-styles.css se adjunta solo con su componente (colombiatravel.theme: _colombiatravel_css_seccion). */
.interest-you {
    max-width: 650px;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
  }
.interest-you__title {
    color: #0a244f;
    font-size: 20px !important;
    font-weight: bold;
    padding-bottom: 10px;
  }
.interest-you div {
    border: 2px solid #e60f4b;
    border-radius: 10px;
    display: flex;
    max-width: 650px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
.interest-you div img {
    display: block;
    min-height: 79px;
    object-fit: cover;
    width: 155px;
  }
.interest-you div a {
    align-items: center;
    display: flex;
    font-weight: bold;
    padding: 20px 50px 20px 10px;
    width: calc(100% - 155px);
  }
.interest-you div a::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
.interest-you div span {
    align-items: center;
    display: flex;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
.interest-you div span::before {
    border-top: 3px solid #e60f4b;
    border-right: 3px solid #e60f4b;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
  }
@media (min-width: 1024px) {
.interest-you div a {
      font-size: 18px !important;
    }
}
.encanto nav.block-menuherramientas, .path-taxonomy nav.block-menuherramientas {
    display: none;
  }
@media (min-width: 40em) {
.medium-8 {
      width: 66.66667%;
    }
}
@media (min-width: 768px) {
.encanto nav.block-menuherramientas, .path-taxonomy nav.block-menuherramientas {
      display: block;
    }
}
.webform-submission-newsletter-travel-form .form-item-url {
    display: none !important;
  }
.macro-regiones h2 {
    font-weight: bold;
    text-align: center;
    color: #0a244f;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    margin-bottom: 30px;
    margin-top: 25px;
  }
@media (min-width: 768px) {
.macro-regiones h2 {
      font-size: 2.5rem;
      margin-bottom: 50px;
      margin-top: 30px;
    }
}
@media (min-width: 1024px) {
.macro-regiones h2 {
      font-size:2rem;
      margin-top: 80px;
      margin-bottom: 55px;
    }
}