#block-navegacionprincipal ul.menu li.is-active a {
  padding: 1rem 0.5rem !important;
  color: #ffffff;
  text-transform: uppercase;
  color: #e60f4b;
  border-bottom: 4px solid #e60f4b;
  background: #fff;
}
body.blue-branding-pistas-general .mm-page {
  background-color: #0a2fa6;
  color: #fff;
}
/*Bloque Oferta hotelera*/
section.oferta_hotelera .slick-slider .slick-track {
  gap: 10px;
  display: flex;
}

section.oferta_hotelera {
  background-color: #fcf2f4;
  padding: 40px;
}
section.oferta_hotelera > div {
  max-width: 79.30108rem;
  margin: 0 auto;
}
section.oferta_hotelera > div > div {
  width: 100%;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    'header header'
    'left right'
    'left right';
}

section.oferta_hotelera > div > div .item-oferta-hoteleras {
  grid-area: right;
  grid-row: 2;
  position: relative;
}
section.oferta_hotelera > div > div .item-oferta-hoteleras .slick-slider {
  position: unset;
}

section.oferta_hotelera > div > div > footer {
  grid-area: header;
  grid-row: 1;
  width: 100%;
}

section.oferta_hotelera > div > div header {
  grid-area: left;
  display: grid;
  place-items: center;
  padding: 10px 30px 10px 10px;
}

section.oferta_hotelera > div > div header p {
  font-size: 1rem;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-field-imagen-grande {
  display: block;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-field-imagen-grande .field-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: 10px;
}
section.oferta_hotelera .row-oferta-hotelera .views-field-field-imagen-grande .field-content img {
  border-radius: 10px;
}

section.oferta_hotelera .row-oferta-hotelera:hover .views-field-field-imagen-grande .field-content::before {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.55);
}

section.oferta_hotelera .owl-item {
  width: 400px;
}

section.oferta_hotelera .owl-carousel .owl-wrapper-outer {
  width: 60%;
}

section.oferta_hotelera .row-oferta-hotelera {
  position: relative;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-body {
  position: absolute;
  color: #fff;
  font-size: 11px;
  z-index: 1;
  top: 62%;
  transform: translate(0%, -50%);
  display: none;
}
@media (min-width: 1100px) {
  section.oferta_hotelera .row-oferta-hotelera .views-field-body {
    display: none;
  }
}

section.oferta_hotelera .row-oferta-hotelera .views-field-body .field-content {
  padding: 40px;
}
section.oferta_hotelera .row-oferta-hotelera .views-field-body .field-content p {
  font-size: 0.9rem;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-title {
  position: absolute;
  color: #fff;
  z-index: 1;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: top 0.4s ease;
  width: 100%;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

section.oferta_hotelera .row-oferta-hotelera:hover .views-field-title {
  top: 35%;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-title .field-content {
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.2em;
  line-height: 1.2em;
  text-shadow: 1px 1px 5px #000;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-field-url-bloque-hoteles {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-field-url-bloque-hoteles .field-content a {
  background: #97a0a8;
  color: #fff;
  padding: 11px 25px 11px 25px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
section.oferta_hotelera .row-oferta-hotelera .views-field-field-url-bloque-hoteles .field-content a img {
  width: 15px;
}

section.oferta_hotelera .row-oferta-hotelera .views-field-field-url-bloque-hoteles .field-content a:hover {
  background: #97a0a8;
  color: #fff;
  padding: 11px 25px 11px 25px;
  border-radius: 20px;
}

section.oferta_hotelera .item-oferta-hoteleras .container-progress-bar {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.oferta_hotelera .item-oferta-hoteleras .container-progress-bar .progress-bar {
  width: 70%;
  background-color: #ffe2e8;
  padding: 12px;
  border-radius: 1px;
}
section.oferta_hotelera .item-oferta-hoteleras .container-progress-bar .progress-bar .progress {
  margin-bottom: 0px;
  height: 0.3rem;
  background-color: #e92d62;
}

.item-oferta-hoteleras .slick-next,
.item-oferta-hoteleras .slick-prev {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  bottom: -5px;
}
.item-oferta-hoteleras .slick-next {
  background-image: url('/themes/custom/colombiatravel/images/hoteles/btn-siguiente.png');
  right: 11%;
}
.item-oferta-hoteleras .slick-prev {
  background-image: url('/themes/custom/colombiatravel/images/hoteles/btn-anterior.png');
  left: 11%;
}

.item-oferta-hoteleras .slick-prev:focus-visible,
.item-oferta-hoteleras .slick-next:focus-visible {
  outline: none;
}

.item-oferta-hoteleras .slick-prev:focus,
.item-oferta-hoteleras .slick-next:focus {
  outline: none;
}

/* Ajustes para pantallas móviles (menores a 768px) */
@media (max-width: 1099px) {
  .item-oferta-hoteleras ul.slick-slider {
    margin-left: 0px;
  }
  section.oferta_hotelera {
    padding: 25px 10px 25px 10px;
  }

  /* Footer aparece primero */
  section.oferta_hotelera > div > div > footer {
    grid-column: 1 / -1; /* Ocupa toda la fila */
    grid-row: auto; /* Mantiene su posición automática */
    order: -1; /* Mueve el footer al inicio */
  }

  /* Header ocupa el ancho completo */
  section.oferta_hotelera > div > div header {
    grid-column: 1 / -1; /* Ocupa toda la fila */
    grid-row: auto; /* Mantiene su posición automática */
    order: 0; /* Posición después del footer */
    padding: 10px; /* Ajusta el padding si es necesario */
    text-align: center;
  }

  /* Segundo div ocupa el ancho completo */
  section.oferta_hotelera > div > div > div:nth-child(2) {
    grid-column: 1 / -1; /* Ocupa toda la fila */
    grid-row: auto; /* Mantiene su posición automática */
    order: 1; /* Posición después del header */
    max-width: 100%; /* Se asegura de ocupar todo el ancho */
  }

  section.oferta_hotelera .row-oferta-hotelera .views-field-title {
    top: 10%;
    width: 80%;
    text-align: center;
  }
  section.oferta_hotelera .row-oferta-hotelera:hover .views-field-title {
    top: 10%;
  }
  section.oferta_hotelera .row-oferta-hotelera .views-field-body {
    top: 49%;
    display: block;
  }
  section.oferta_hotelera .row-oferta-hotelera .views-field-field-imagen-grande .field-content::before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.55);
  }
  section.oferta_hotelera .row-oferta-hotelera .views-field-field-url-bloque-hoteles {
    display: block;
  }
  /* .item-oferta-hoteleras .slick-next {
    bottom: -11%;
  }
  .item-oferta-hoteleras .slick-prev {
    bottom: -11%;
  } */
}

/* @media (min-width: 400px) and (max-width: 580px) {
  .item-oferta-hoteleras .slick-next {
    bottom: -10%;
  }
  .item-oferta-hoteleras .slick-prev {
    bottom: -10%;
  }
} */
@media (min-width: 900px) and (max-width: 1100px) {
  section.oferta_hotelera > div > div > div:nth-child(2) {
    max-width: 840px;
    margin: 0 auto;
  }
  /* .item-oferta-hoteleras .slick-next {
    bottom: -10%;
  }
  .item-oferta-hoteleras .slick-prev {
    bottom: -10%;
    left: 12%;
  } */
}

/* @media (min-width: 1101px) and (max-width: 1199px) {
  .item-oferta-hoteleras .slick-next {
    bottom: -13%;
  }
  .item-oferta-hoteleras .slick-prev {
    bottom: -13%;
  }
} */

@media (min-width: 1200px) and (max-width: 1350px) {
  section.oferta_hotelera .row-oferta-hotelera .views-field-body {
    top: 55%;
  }
  section.oferta_hotelera .row-oferta-hotelera:hover .views-field-title {
    top: 13%;
  }
  section.oferta_hotelera .row-oferta-hotelera .views-field-body .field-content p {
    font-size: 0.8rem;
  }
  /* .item-oferta-hoteleras .slick-next {
    bottom: -12%;
  }
  .item-oferta-hoteleras .slick-prev {
    bottom: -12%;
  } */
}

@media (min-width: 1351px) and (max-width: 1500px) {
  section.oferta_hotelera .row-oferta-hotelera .views-field-body {
    top: 55%;
  }
  section.oferta_hotelera .row-oferta-hotelera:hover .views-field-title {
    top: 15%;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  section.oferta_hotelera .row-oferta-hotelera .views-field-body .field-content {
    padding: 15px;
  }
  section.oferta_hotelera .row-oferta-hotelera .views-field-body .field-content p {
    font-size: 0.8rem;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  section.oferta_hotelera > div > div > div:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: auto;
    order: 1;
    max-width: 420px;
    margin: 0 auto;
  }
}

/*Header*/
#bloque_canada_url {
  display: none;
}
.block-navegacionprincipalreuniones {
  padding: 0;
}
.header-page .block-navegacionprincipalreuniones {
  width: 68%;
}
.header-page .block-navegacionprincipalreuniones ul#superfish-main li a {
  outline: none;
  padding: 0.8em 1em !important;
}
.header-fix header.header-page {
  z-index: 20;
}

ul#superfish-main li a {
  text-shadow: 1px 1px 5px rgb(0 0 0 / 99%);
  font-weight: 700;
}

ul#superfish-main-principal-reuniones li a {
  text-shadow: 1px 1px 5px rgb(0 0 0 / 99%);
  font-weight: 700;
}

.header-page .block-navegacionprincipalreuniones ul#superfish-main-principal-reuniones li a {
  outline: none;
  padding: 0.8em 0.45em !important;
}
.header-page .block-navegacionprincipalreuniones ul#superfish-main-principal-reuniones li a.btn-ingresar {
  width: 30px;
  height: auto;
  margin-top: -3px;
}

.header-page .block-dropdownlanguage {
  width: 7%;
}
.block-dropdownlanguage .dropbutton-widget {
  margin-top: 5px;
}
.header-page .block-dropdownlanguage .dropbutton-widget {
  padding-right: 1.5em !important;
}
.header-page .block-dropdownlanguage .dropbutton-multiple .dropbutton-arrow {
  right: 5px !important;
}
/*Correciones Generales*/
.views-element-container#block-views-block-te-puede-interesar-blog-block-4 footer {
  text-align: center;
}
.views-element-container#block-views-block-te-puede-interesar-blog-block-4 footer a {
  margin-top: 25px;
}

.ferias h2 {
  line-height: 25px;
}
.ferias h2 a {
  font-size: 25px;
}
.footer__top {
  background-color: #ffffff;
}

/*MeetingPlanner Home*/
.block-views-block-meeting-planner-resumen-block-1 {
  padding: 60px 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-color: #0099d8;
}
.block-views-block-meeting-planner-resumen-block-1:before {
  content: url('/modules/custom/meeting_planner/assets/img/borders/border-home-top.png');
  top: -60px;
  left: 0;
  width: auto;
  height: auto;
  position: absolute;
}
.block-views-block-meeting-planner-resumen-block-1:after {
  content: url('/modules/custom/meeting_planner/assets/img/borders/border-home-bottom.png');
  bottom: -60px;
  right: 0;
  width: auto;
  height: auto;
  position: absolute;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row {
  z-index: 1;
  position: relative;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .title h2 a {
  color: #ffffff;
  pointer-events: none;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .image {
  padding: 10px 0 25px 0;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .image img {
  width: 100%;
  height: auto;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .description p {
  color: #ffffff;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .button {
  background-color: #0b234f;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .button:hover {
  background-color: #e60e4b;
}
.block-views-block-meeting-planner-resumen-block-1 .field-content .row .button a {
  color: #ffffff;
}

@media (max-width: 1024px) {
  .block-views-block-meeting-planner-resumen-block-1:before {
    left: -15%;
  }
  .block-views-block-meeting-planner-resumen-block-1:after {
    right: -15%;
  }
}

@media (max-width: 767px) {
  .block-views-block-meeting-planner-resumen-block-1 {
    padding: 30px 0 35px 0;
  }
  .block-views-block-meeting-planner-resumen-block-1:before {
    display: none;
  }
  .block-views-block-meeting-planner-resumen-block-1:after {
    right: -30%;
  }
  a.btn-ingresar.show-on-reuniones.icon-user.mm-listitem__text {
    background-image: none !important;
  }
}

.js input.form-autocomplete {
  background-image: none !important;
}

.form-item-url {
  display: none !important;
}

.row .clearfix .titulo-baldosa {
  height: 100%;
}

.row .clearfix .titulo-baldosa a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.defaultciudades .owl-item .titulo-baldosa {
  height: 100%;
}

.defaultciudades .owl-item .titulo-baldosa a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.views-field-field-enlace-compra a {
  background: #e60f4b;
  font-size: 20px;
}

/*secciones ocultadas por equipo digital
* En esta seccion se agregara los bloques, vistas, div y demas etiqeutas de html
* que se requieran ocultar por css.
*/

.field-wrapper.field.field-taxonomy-term--field-ocultar.field-name-field-ocultar.field-type-boolean.field-label-above {
  display: none;
}

#block-views-block-trm-block-1 {
  display: none;
}
/** Estilo Que-hacer y Blog*/
/*#block-views-block-categorias-que-hacer-block-1 .owl-item .field-content:hover:before,*/
.categoria-hover {
  position: absolute;
  background: #0a244f;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s;
  z-index: -1;
  border-radius: 6px;
}
.block-views-blockcategorias-que-hacer-block-2 .categoria-hover {
  left: -3px;
  width: 104.5%;
}

/* Mostrar .categoria-hover al pasar el cursor sobre el contenedor .views-field-field-image */
#block-views-block-categorias-que-hacer-block-1 .views-field-field-image:hover .categoria-hover {
  opacity: 1;
}

#block-views-block-categorias-que-hacer-block-1 .views-field-name {
  width: 90%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#block-views-block-categorias-que-hacer-block-1 .views-field-name:hover .categoria-hover {
  opacity: 1;
}

/**
Estilos para botón de idioma menu
*/
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .dropdown-lenguaje {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .dropdown-lenguaje {
    display: none !important;
  }
}

/** Estilos dropdown lenguaje custom */
#translation-custom-button {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  color: white;
  display: inline-block;
  width: 50px;
}
.translation-custom-content {
  display: none;
}
.mm-panels > #mm-1 ul li a.dropdown-lenguaje {
  background: url('../images/icon-global.png') no-repeat 1.5rem center;
}

.owl-carousel .owl-item img {
  display: inline-block !important;
  width: auto !important;
}
/* Con width:auto una foto con loading="lazy" que aún no ha cargado mide 0x0
   aunque traiga width/height: el carrusel crece al llegar la foto y empuja lo
   de abajo (CLS 0,13-0,23 en dónde ir). revert-layer devuelve el ancho del
   atributo (topado por max-width:100%) sin estirar logos más pequeños. */
.owl-carousel .owl-item img[width][height] {
  width: revert-layer !important;
}

#widget-402048 {
  display: none;
}
@media (max-width: 767px) {
  #widget-402048 * {
    display: none;
  }
}
section.block-mainpagecontent .field-name-body .field-items p,
section.block-mainpagecontent .field-name-body .field-items ul li {
  text-align: initial;
}
/* Estilos tipo boostrap para reutilizar */
.container-travel {
  max-width: 79.30108rem;
  margin-right: auto;
  margin-left: auto;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .mt-md-1 {
    margin-top: 1rem;
  }
  .mt-md-2 {
    margin-top: 2rem;
  }
}
/* Fin estilos tipo boostrap para reutilizar */
@media (max-width: 639px) {
  .return-to-top {
    bottom: 95px;
  }
}

nav#block-menuherramientas {
  position: fixed;
  right: 0;
  bottom: 50%;
  z-index: 6;
  transform: translateY(50%);
  transition: all ease-in-out 0.3s;
}

nav#block-menuherramientas > ul.menu {
  flex-direction: column;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0px;
  float: right;
}
nav#block-menuherramientas ul.menu li:nth-child(2) {
  display: block;
}
nav#block-menuherramientas > ul.menu > li {
  display: block;
  background: #e60f4b;
  border-top: 1px solid #fefefe;
  border-left: 1px solid #fefefe;
  height: 70px;
  width: 66px;
  position: relative;
}
nav#block-menuherramientas > ul.menu > li > a {
  color: #fefefe;
  position: relative;
  transform: translateY(-35%);
  top: 70%;
  padding: 0.7rem 0.4rem;
}
nav#block-menuherramientas > ul.menu > li:first-child > a:before {
  position: absolute;
  content: '';
  bottom: 23px;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px;
}
.destinos-home .more-link {
  text-align: center;
}
.destinos-home .more-link a {
  background-color: #0a244f;
  padding: 0.85em 3em;
  text-transform: uppercase;
  color: #fefefe;
  margin-bottom: 0;
  font-size: 0.9rem;
  border: 1px solid transparent;
  border-radius: 6px;
  text-align: center;
}

#block-slidersentidos {
  margin-top: 30px !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* Estilo para boton de busqueda y favoritos */
@media (max-width: 600px) {
  nav.block-menuherramientas {
    bottom: 0px !important;
    -ms-transform: none !important;
    transform: none !important;
    width: 100%;
  }
  nav.block-menuherramientas ul.menu {
    -ms-flex-direction: initial !important;
    flex-direction: initial !important;
  }
}
@media (min-width: 600px) {
  nav.menu-bottom-fixed {
    bottom: 50% !important;
    -ms-transform: translateY(50%) !important;
    transform: translateY(50%) !important;
  }
  nav.menu-bottom-fixed ul.menu {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

/*Estilos Home Bloque 100 Años de Soledad*/

#block-macondocienanosdesoledad::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: -moz-linear-gradient(60deg, rgba(41, 37, 37, 0.8590029761904762) 15%, rgba(40, 36, 36, 0.2763699229691877) 56%);
  background: -webkit-linear-gradient(60deg, rgba(41, 37, 37, 0.8590029761904762) 15%, rgba(40, 36, 36, 0.2763699229691877) 56%);
  background: linear-gradient(60deg, rgba(41, 37, 37, 0.8590029761904762) 15%, rgba(40, 36, 36, 0.2763699229691877) 56%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292525",endColorstr="#282424",GradientType=1);
}

#block-macondocienanosdesoledad .container-100-gabo .container-border-bloque {
  box-sizing: border-box;
  position: absolute;
  width: 92%;
  height: 80%;
  top: 9%;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #fff;
  border-image-slice: 1;
  /* border-width: 2px; */
  /* border-image-source: linear-gradient(to bottom, #D1CBBC, rgba(249, 248, 249, 0.2196078431)); */
  /* border-bottom: 0;*/
}

#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .img-macondo img {
  width: 400px;
}
#block-macondocienanosdesoledad .container-100-gabo {
  height: 750px;
  position: relative;
}

#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo {
  width: 35%;
  margin-left: 5%;
  padding-top: 12%;
  text-align: center;
}

#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .descript-macondo {
  margin-top: 20px;
}
#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .descript-macondo p {
  font-size: 1.6rem;
  color: #e0d2c4;
  text-shadow: 1px 1px 1px #737373;
}
#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .subtitle-macondo {
  font-size: 1.6rem;
  color: #e0d2c4;
  margin-top: 5px;
  text-shadow: 1px 1px 1px #737373;
}
#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .btn-vermas-macondo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .btn-vermas-macondo a {
  color: #e0d2c4;
  border: 1px solid #e0d2c4;
  width: 150px;
  font-size: 1.5rem;
  text-transform: uppercase;
  display: block;
  width: 180px;
  height: 49px;
  line-height: 2;
}

#block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .btn-vermas-macondo a:hover {
  background-color: #eae1da;
  color: #606060;
}
nav.nav-main-menu ul.menu li a {
  min-width: auto;
}
nav.nav-main-menu ul.menu li:hover,
nav.nav-main-menu ul.menu li a:hover {
  text-decoration: none;
}
ul#superfish-main li a:hover,
ul#superfish-main-principal-reuniones li a:hover {
  padding-bottom: calc(1em - 4px) !important;
}
ul#superfish-main li a:hover,
ul#superfish-main-principal-reuniones li a:hover {
  padding-bottom: calc(1em - 4px) !important;
}
nav.nav-main-menu ul.menu li a.btn-usuario {
  background: url(/themes/custom/colombiatravel/css/../images/user.png) no-repeat center center;
}
nav.nav-main-menu ul.menu li a.exit {
  background: url(/themes/custom/colombiatravel/css/../images/exit.png) no-repeat center center;
}
@media (min-width: 1px) and (max-width: 768px) {
  .views-field-field-enlace-compra a {
    background: #e60f4b;
    font-size: 10px;
    width: 150px;
  }
  .introduccion-banner {
    top: 80%;
  }
  #footer-top #block-prefooter .field-items .field-item .small-2 {
    width: 90%;
  }
  #block-macondocienanosdesoledad {
    background-image: url('https://colombia.travel/themes/custom/colombiatravel/one_hundred/assest/img/macondo-tierra-colombiana-mobile.jpg');
    background-position: center;
  }
  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .img-macondo img {
    width: 250px;
  }
  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo {
    width: 100%;
    margin-left: 0%;
    padding-top: 17%;
  }

  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .descript-macondo p {
    font-size: 1.2rem;
  }
  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo .subtitle-macondo {
    font-size: 1.2rem;
  }
  #block-macondocienanosdesoledad .container-100-gabo {
    height: 450px;
  }
}

@media (min-width: 769px) AND (max-width: 1050px) {
  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo {
    width: 100%;
    margin-left: 0%;
  }
}
@media (min-width: 800px) and (max-width: 1100px) {
  #block-macondocienanosdesoledad .container-100-gabo .content-text-gabo {
    padding: 25% 25px 0px 25px;
  }
}

/* Favoritos slider Home */
.destinos-home .slick--view--actividades-preferencias .slick-track {
  display: flex;
}
.destinos-home .slick--view--actividades-preferencias .slick-track .slick-slide {
  min-width: 250px;
}
@media (min-width: 601px) {
  .destinos-home .slick--view--actividades-preferencias .slick-track .slick-slide {
    min-width: 350px;
  }
}
@media (min-width: 768px) {
  .destinos-home .slick--view--actividades-preferencias .slick-track .slick-slide {
    min-width: 232.19px;
  }
}
@media (min-width: 992px) {
  .destinos-home .slick--view--actividades-preferencias .slick-track .slick-slide {
    min-width: 271.192px;
  }
}
#slider-podcast-region-interna.slick--view--macro-regiones-interna-ciudades- ul {
  list-style: none;
}

.node--type-actividad.blue-branding-pistas-general #block-menudestino ul.menu a:not(.active),
.node--type-actividad.blue-branding-pistas-general #block-menudestino ul.menu a,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body a,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h1,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h2,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h3,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h4,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h5,
.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h6,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body a,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h1,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h2,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h3,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h4,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h5,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body h6,
.node--type-article.blue-branding-pistas-general .block-views-block-macro-regiones-menu-anclas-block-1 h2 {
  color: #ffffff;
}
.node--type-actividad.blue-branding-pistas-general #block-menudestino ul.menu a.active,
.node--type-actividad.blue-branding-pistas-general .block-mainpagecontent .field-name-body a {
  font-weight: bold;
}

.node--type-actividad.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body li::before,
.node--type-article.blue-branding-pistas-general [class*='block-mainpagecontent'] .field-name-body li::before {
  color: #ffffff;
}

/**
*
* Types of content: informacion practica colombiana
* View name: informacion practica colombiana
* View block name: bloque info practica
*/
section[class*='block-views-block-informacion-practica-colombiana-block'] {
  overflow: hidden;
  display: block;
}
.card-informacion-practica-colombiana {
  width: 100%;
  padding: 2.7em 0 2em;
  background: #a3dee3 !important;
}
@media print, screen and (min-width: 40em) {
  .card-informacion-practica-colombiana {
    padding: 6.1em 0 4.8em;
  }
}
.card-informacion-practica-colombiana header,
.card-informacion-practica-colombiana > div {
  width: 100%;
  max-width: 79.30108rem;
  margin-right: auto;
  margin-left: auto;
}
.card-informacion-practica-colombiana header .title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(24px, 4vw, 45px);
  color: #000073;
  font-weight: 700;
  margin-bottom: 1em;
}
.card-informacion-practica-colombiana header .sub-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(12px, 3vw, 19px);
  color: #000073;
  text-align: center;
  padding: 0px 1em;
  margin-bottom: 3em;
}
@media (min-width: 640px) and (max-width: 992px) {
  .card-informacion-practica-colombiana ul li {
    padding: 0px 5px;
  }
}
@media (max-width: 640px) {
  .card-info-pactica {
    display: flex;
    align-items: flex-end;
    border-bottom: 2px solid #000073;
    margin: 0px 1em 14px;
  }
  .card-info-pactica .field-imagen-ilustrativa {
    flex: 0 0 100px;
  }
  .card-info-pactica .field-title {
    flex: 0 0 calc(100% - 100px);
  }
}
.card-info-pactica .field-imagen-ilustrativa a {
  display: block;
}
.card-info-pactica .field-imagen-ilustrativa img {
  width: 100%;
  height: 95px;
  object-fit: contain;
  object-position: left bottom;
}
@media (min-width: 640px) {
  .card-info-pactica .field-imagen-ilustrativa img {
    height: 177px;
    object-position: center bottom;
  }
}
.card-info-pactica .field-title,
.card-info-pactica .field-title * {
  font-size: 14px;
  color: #000073;
  text-decoration: underline;
  font-weight: 900;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
}
@media (min-width: 640px) {
  .card-info-pactica .field-title,
  .card-info-pactica .field-title * {
    margin-bottom: 1rem;
    color: white;
    text-decoration: unset;
  }
}
.card-info-pactica .field-title a {
  display: inline-block;
  padding: 0.4em 0px 0.7em 15px;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media (min-width: 640px) {
  .card-info-pactica .field-title a {
    width: 100%;
    max-width: 150px;
    padding: 0.4em;
    background-color: #e60f4b;
    border-radius: 6px;
    color: white;
  }
  .card-info-pactica .field-title a:hover {
    background: #0a244f;
  }
}
/* Contenedor general de la tarjeta edicion de perfil preferencias */

@media only screen and (min-width: 768px) {
  #edit-field-preferencias-wrapper {
    margin-top: 1rem;
  }
  #edit-field-preferencias {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    min-height: 300px;
  }
  #edit-field-preferencias > .term-reference-tree-level {
    margin-bottom: 1rem;
  }
  .field--name-field-preferencias.field--type-entity-reference .term-reference-tree-button + .js-form-item {
    position: absolute;
    left: 20px;
    top: 0px;
    padding: 10px 0;
    width: 36%;
  }
  .field--name-field-preferencias.field--type-entity-reference .term-reference-tree-button + .js-form-item > .form-checkbox {
    display: inline-block;
  }
  .field--name-field-preferencias.field--type-entity-reference .pref-root-level .pref-root-item .term-reference-tree-button {
    width: 100%;
    float: left;
    height: 3.5rem;
    top: 0;
    /*padding:1rem;
        z-index:1;*/
  }
  .field--name-field-preferencias.field--type-entity-reference ul ul {
    /*margin-top: 1rem;
        float:left;*/
    width: 70%;
    position: absolute;
    right: 0;
    top: -20px;
    display: none;
    min-height: 415px;
    background: #e5e5e5 url('/sites/default/files/inline-images/textura06.png') no-repeat center center;
    margin-top: 1.32rem;
    padding: 1rem;
    z-index: 9;
    border-radius: 10px;
  }

  .field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul > li > .js-form-item label {
    width: 80%;
  }
}
/* Root (tarjetas grandes en grid) */
.term-reference-tree-level.pref-root-level {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pref-root-item .pref-item {
  position: relative;
  min-height: 180px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

/* Overlay root */
.pref-root-item .pref-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.pref-root-item:hover .pref-overlay {
  background: rgba(0, 0, 0, 0.55);
}

.pref-child-title {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  margin: 0.5rem 0 1rem;
  color: #000;
}
.pref-child-title-item {
  width: 100% !important;
  text-align: center;
  margin-bottom: 10px;
}
/* Hijos como ventana emergente */
.field--name-field-preferencias.field--type-entity-reference .term-reference-tree-level.pref-child-level {
  all: unset; /* resetear lo heredado */
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 80%;
  max-width: 600px;
  max-height: 70vh;
  overflow-y: auto;
  background: #e5e5e5 url(/sites/default/files/inline-images/textura06.png) no-repeat center center;
  border-radius: 10px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  z-index: 9999;
  overflow: hidden;
}

.pref-child-level.active {
  display: block;
}

/* Hijos individuales */
.pref-child-item {
  margin-bottom: 0.75rem;
}
.pref-child-item .pref-item {
  padding: 0.5rem 1rem;
  background: #f6f6f6;
  border-radius: 6px;
}

/* Formulario de selección de preferencias de usuario con Entity Reference Tree */
.pref-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  min-height: 200px; /* altura mínima de la tarjeta */
  display: flex;
  align-items: flex-end; /* que el label quede abajo */
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #ccc; /* fallback si no hay imagen */
}

/* Overlay oscuro encima de la imagen */
.pref-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* El contenido (label) arriba del overlay */
.pref-item .js-form-item {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

/* Label estilizado */
.pref-item label {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Checked → borde o icono */
.pref-item input[type='checkbox']:checked + label {
  border: 2px solid #00c853; /* verde check */
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 8px 12px;
}

/* Contenedor general de cada nivel de términos */
.term-reference-tree-level {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas */
  gap: 20px; /* espacio entre ítems */
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

/* Cada LI */
.term-reference-tree-level.pref-root-level > li {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 0;
}

/* Label como tarjeta clickeable */
.pref-item label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  height: 100%;
  padding: 0px;
  border: 0px;
  display: flex;
  align-items: end;
  justify-content: center;
  background: none;
  margin: 0px;
  text-shadow: none;
}

/* Estado checked → resaltar */
.pref-item input[type='checkbox']:checked + label {
  /* background: #002d72; azul ProColombia */
  color: #fff;
  border-radius: 8px;
  padding: 10px;
}

.term-reference-tree-level.pref-root-level
  > li.pref-root-item
  > .term-reference-tree-button.pref-item
  > .js-form-item
  input[type='checkbox']:checked
  + label::after {
  content: '';
  position: absolute;
  top: 10px; /* ajusta según necesites */
  right: 10px; /* ajusta según necesites */
  width: 20px;
  height: 20px;
  background: url('../images/check_circle.svg');
  background-size: contain;
}

.field--name-field-preferencias.field--type-entity-reference {
  margin-bottom: 2rem;
}

.field--name-field-preferencias.field--type-entity-reference input[type='checkbox'],
.field--name-field-preferencias.field--type-entity-reference .no-term-reference-tree-button {
  display: none;
}

.field--name-field-preferencias.field--type-entity-reference .term-reference-tree-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  background: none;
  cursor: pointer;
}

/*.field--name-field-preferencias.field--type-entity-reference .term-reference-tree-button:after {
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3b444f transparent transparent transparent;
    transition: all ease-in-out 0.3s;
}*/

.field--name-field-preferencias.field--type-entity-reference .term-reference-tree-button.term-reference-tree-collapsed:after {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #3b444f transparent;
}

.field--name-field-preferencias.field--type-entity-reference .fieldgroup {
  width: 100%;
}

.field--name-field-preferencias.field--type-entity-reference .fieldgroup legend,
.field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul > li:first-child {
  display: none;
}

.field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul > li {
  position: relative;
  width: 100%;
  display: inline-block;
  /*border-bottom: solid 1px #e9e9ea;*/
  padding: 1rem 0;
  height: 200px;
}

.field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul.pref-child-level > li {
  position: relative;
  width: 100%;
  display: inline-block;
  /*border-bottom: solid 1px #e9e9ea;*/
  padding: 1rem 0;
  height: 3rem;
}

.field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul > li > .js-form-item label {
  /*color: #e60f4b;*/
  color: #000;
  background: none;
  font-size: 1.1rem;
}

.field--name-field-preferencias.field--type-entity-reference ul ul {
  margin-top: 1rem;
}

.field--name-field-preferencias.field--type-entity-reference ul ul li {
  display: inline-block;
}

.field--name-field-preferencias.field--type-entity-reference ul ul.pref-child-level li label {
  border-radius: 8px;
  background: none;
  cursor: pointer;
  display: inline-block;
  margin: 0.4rem 0.2rem;
  border: solid 1px #5f708e;
  border-radius: 8px;
  padding: 0.1rem 0.8rem;
  font-size: 0.94086rem;
  font-weight: normal;
  line-height: 1.8;
  text-shadow: none;
}

.term-reference-tree-level.pref-child-level .pref-child-item .js-form-item input[type='checkbox']:checked + label {
  background: #0a244f;
  color: #fefefe;
}
/* ============================
   PREFERENCIAS - AJUSTES LIMPIOS
   ============================ */

/* --- Root (categorías padre como tarjetas grandes) --- */

.term-reference-tree-level.pref-root-level > li.pref-root-item:nth-child(2),
.term-reference-tree-level.pref-root-level > li.pref-root-item:nth-child(10) {
  display: none;
}

.term-reference-tree-level.pref-root-level {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}

.pref-root-item .pref-item {
  position: relative;
  min-height: 200px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

.pref-root-item .pref-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.pref-root-item:hover .pref-overlay {
  background: rgba(0, 0, 0, 0.55);
}

/* --- Hijos (ventana emergente) --- */
.term-reference-tree-level.pref-child-level {
  all: unset; /* resetea herencia del ul ul viejo */
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-width: 750px;
  max-height: 70vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
  padding: 2rem;
  z-index: 9999;
}

.term-reference-tree-level.pref-child-level.active {
  display: block;
}

/* --- Hijos como grid interno --- */
.term-reference-tree-level.pref-child-level > li {
  display: inline-block;
  margin: 5px;
  width: auto; /*calc(33.333% - 1rem);*/
  vertical-align: top;
}

/* Cada tarjeta hijo */
.pref-child-item .pref-item {
  background: #f6f6f6;
  border-radius: 8px;
  padding: 0.75rem;
}
.pref-child-item .pref-item:hover {
  background: #e9eef5;
}
.pref-child-item label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.pref-child-item input[type='checkbox']:checked + label {
  background: #002d72;
  color: #fff;
  border-radius: 6px;
  padding: 6px 10px;
}

/* --- Anula la regla vieja del temp.css --- */
.field--name-field-preferencias.field--type-entity-reference ul ul:not(.pref-child-level) {
  /* los sub-uls viejos se quedan ocultos */
  display: none !important;
}

#pref-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  cursor: auto;
}

#pref-modal-close {
  display: none;
  position: fixed;
  top: 20%;
  right: 20%;
  z-index: 10000;
  font-size: 45px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
body.node-id--6297 header .views-field.views-field-title {
  display: none;
}

body.node-id--6297 .mm-page .row.columnas-main {
  max-width: 100%;
}
body.node-id--6297 .mm-page .row.columnas-main #main {
  padding: 0px;
  margin: 0px;
}

body.node-id--6297 .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout {
  background: url(/themes/custom/colombiatravel/css/../images/bg-nature-scout-profile.jpg) no-repeat center top;
  background-size: cover;
  height: 600px;
  position: relative;
}

body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .field-wrapper.body.field.field-block-content--body {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
}

body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 45px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .text-profile {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt .btn-explora a {
  background: #0a244f;
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt .btn-descarga a {
  background: #e60f4b;
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt .btn-descarga,
body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt .btn-explora {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
body.node-id--6297 .mm-page .row.columnas-main #main section .profile-nature-scout .container-bt p {
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
body.node-id--6297 .mm-page .row.columnas-main #main {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*Profile Preferences General Internal CCS*/
body.profile_preferences_user header .views-field.views-field-title {
  display: none;
}

body.profile_preferences_user .mm-page .row.columnas-main {
  max-width: 100%;
}

body.profile_preferences_user .mm-page .row.columnas-main #main {
  padding: 0px;
  margin: 0px;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout {
  background: url(/themes/custom/colombiatravel/css/../images/bg-nature-scout-profile.jpg) no-repeat center top;
  background-size: cover;
  height: 600px;
  position: relative;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 0;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-urban-wonderer {
  background: url(/themes/custom/colombiatravel/css/../images/perfil-urban.jpg) no-repeat center center;
  background-size: cover;
  height: 600px;
  position: relative;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-full-time-relaxers {
  background: url(/themes/custom/colombiatravel/css/../images/perfil-relaxer.jpg) no-repeat center center;
  background-size: cover;
  height: 600px;
  position: relative;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking {
  background: url(/themes/custom/colombiatravel/css/../images/perfil-bussiness.jpg) no-repeat center center;
  background-size: cover;
  height: 600px;
  position: relative;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .field-wrapper.body.field.field-block-content--body {
  position: absolute;
  top: 50%;
  left: 38%;
  transform: translate(-55%, -50%);
}
body.profile_preferences_user
  .mm-page
  .row.columnas-main
  #main
  section
  .profile-block-general
  .field-wrapper.body.field.field-block-content--body
  .field-items
  .field-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 85%;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 45px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .text-profile {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt .btn-explora a {
  background: #0a244f;
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt .btn-descarga a {
  background: #e60f4b;
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt .btn-descarga,
body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt .btn-explora {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt p {
  color: #fff;
  padding: 8px 45px 8px 45px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.8);
}
body.profile_preferences_user .mm-page .row.columnas-main #main {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Responsive: en tablets 2 columnas */
@media (max-width: 991px) {
  .term-reference-tree-level {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive: en móviles 1 columna */
@media (max-width: 600px) {
  .term-reference-tree-level {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  #pref-modal-close {
    top: 20%;
    right: 7%;
    font-size: 25px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .field-wrapper.body.field.field-block-content--body {
    padding: 0px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout {
    background: url(/themes/custom/colombiatravel/css/../images/perfil-nature-scout-mobile.jpg) no-repeat center top;
    height: auto;
    background-size: cover;
  }
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-nature-scout
    .field-wrapper.body.field.field-block-content--body
    .field-items {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout h1 {
    padding-top: 50px;
  }
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-nature-scout
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 80%;
    margin-top: 400px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-urban-wonderer {
    background: url(/themes/custom/colombiatravel/css/../images/perfil-urban-mobile.jpg) no-repeat center center;
    height: auto;
    background-size: cover;
  }

  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-urban-wonderer
    .field-wrapper.body.field.field-block-content--body
    .field-items {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-urban-wonderer h1 {
    padding-top: 150px;
  }
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-urban-wonderer
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 80%;
    margin-top: 400px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-full-time-relaxers {
    background: url(/themes/custom/colombiatravel/css/../images/perfil-relaxer-mobile.jpg) no-repeat center center;
    height: auto;
    background-size: cover;
  }

  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-full-time-relaxers
    .field-wrapper.body.field.field-block-content--body
    .field-items {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-full-time-relaxers h1 {
    padding-top: 150px;
  }
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-full-time-relaxers
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 80%;
    margin-bottom: 450px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-full-time-relaxers .container-bt {
    margin-bottom: 100px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking {
    background: url(/themes/custom/colombiatravel/css/../images/perfil-bussiness-mobile.jpg) no-repeat center center;
    height: auto;
    background-size: cover;
  }

  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-business-networking
    .field-wrapper.body.field.field-block-content--body
    .field-items {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking h1 {
    padding-top: 150px;
  }
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-business-networking
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 80%;
    margin-bottom: 450px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking .container-bt {
    margin-bottom: 100px;
  }

  .field--name-field-preferencias.field--type-entity-reference .fieldgroup > ul > li {
    height: 265px;
  }
  .pref-root-item .pref-item {
    min-height: 265px;
  }
  .term-reference-tree-level.pref-child-level > li {
    width: calc(50% - 1rem);
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general {
    height: auto;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general h1 {
    font-size: 35px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .text-profile {
    font-size: 18px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .field-wrapper.body.field.field-block-content--body {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking .container-bt {
    margin-bottom: 100px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general .container-bt {
    flex-direction: column;
  }
  #block-views-block-encabezado-de-paginas-block-1 {
    height: 221px;
    position: relative;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .term-reference-tree-level.pref-child-level > li {
    width: 100%;
  }
}

@media (min-width: 600px) and (max-width: 780px) {
  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-nature-scout
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 50%;
    margin-top: 400px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout h1 {
    padding-top: 200px;
  }

  body.profile_preferences_user
    .mm-page
    .row.columnas-main
    #main
    section
    .profile-block-general.profile-nature-scout
    .field-wrapper.body.field.field-block-content--body
    .field-items
    .field-item {
    width: 50%;
    margin-top: 400px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-nature-scout h1 {
    padding-top: 200px;
  }

  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-full-time-relaxers .container-bt {
    flex-direction: column;
    margin-bottom: 100px;
  }
  body.profile_preferences_user .mm-page .row.columnas-main #main section .profile-block-general.profile-business-networking .container-bt {
    margin-bottom: 100px;
  }
}

/**
*
* Webforms name: Influenciadores
*  |- System Name: influenciadores
*/
body.path-webform #main:has(.webform-landing-influencers) {
  padding: 0 !important;
}

body.path-webform #main:has(.influ-confirmacion-envios) {
  background-color: #f2f4f7 !important;
}

form.webform-submission-form.webform-submission-influenciadores-form {
  padding: 0 !important;
}

.webform-submission-influenciadores-form #edit-influ-seccion-right {
  width: 92%;
  margin: auto;
  padding: 3%;
}

.webform-submission-influenciadores-form .banner-container-influencer img {
  display: block;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-top: -8px;
}

@media (min-width: 769px) {
  .webform-submission-influenciadores-form .banner-container-influencer img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.webform-submission-influenciadores-form .banner-text-influencer {
  width: 100%;
  position: absolute;
  top: 15rem;
  left: 0;
  color: white;
  font-size: 25.53px;
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
  line-height: 1.3;
  text-align: center;
  padding: 0 50px;
}

@media (min-width: 501px) and (max-width: 700px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    margin-top: 7rem;
    padding: 0 8rem;
    font-size: 28px;
  }
}
@media (min-width: 769px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    position: unset;
    margin-top: 30px;
    padding: 0 90px;
    font-size: 28px;
  }
}
@media (min-width: 701px) and (max-width: 899px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    position: absolute;
    margin-top: 18rem;
    padding: 0 12rem;
    font-size: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1289px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    margin-bottom: 90px;
  }
}
@media (min-width: 1290px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .webform-submission-influenciadores-form .banner-text-influencer {
    font-size: 40px;
  }
}

.webform-submission-influenciadores-form .body-text-influencer {
  width: 82%;
  margin: auto;
  text-align: center;
  color: #0a244f;
  margin-bottom: 30px;
}
@media (min-width: 900px) {
  .webform-submission-influenciadores-form .body-text-influencer {
    width: 100%;
    margin-bottom: 55px;
  }
  .webform-submission-influenciadores-form .body-text-influencer p {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form .body-text-influencer p {
    font-size: 1.5rem;
  }
}

.webform-submission-influenciadores-form {
  font-size: 16px;
  color: #0a244f;
  background-color: #f2f4f7;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 40% 60%);
  }
}

.webform-submission-influenciadores-form span {
  font-weight: 700;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form span {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form span {
    font-size: 23px;
  }
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia {
  display: flex;
  gap: 2.5rem;
  margin-left: 5px;
}

.webform-submission-influenciadores-form #edit-influ-canal-principal {
  display: flex;
  gap: 0.5rem;
  margin-top: 10px;
  justify-content: center;
}

@media (min-width: 501px) and (max-width: 700px) {
  .webform-submission-influenciadores-form #edit-influ-canal-principal {
    gap: 2.2rem;
  }
}
@media (min-width: 701px) and (max-width: 899px) {
  .webform-submission-influenciadores-form #edit-influ-canal-principal {
    gap: 4.2rem;
  }
}
@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-canal-principal {
    gap: 3rem;
  }
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia label,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia label {
  font-size: 16px;
}

@media (min-width: 1200px) {
  .webform-submission-influenciadores-form #edit-influ-visitar-colombia label,
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia label {
    font-size: 20px;
  }
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia .form-item-influ-visitar-colombia,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia .form-item-influ-planes-visitar-colombia {
  margin-left: 15px;
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia .form-item-influ-visitar-colombia input[type='radio'],
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia .form-item-influ-planes-visitar-colombia input[type='radio'],
.webform-submission-influenciadores-form #edit-influ-canal-principal input[type='radio'] {
  transform: scale(2);
  margin-right: 8px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-visitar-colombia .form-item-influ-visitar-colombia input[type='radio'],
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia .form-item-influ-planes-visitar-colombia input[type='radio'],
  .webform-submission-influenciadores-form #edit-influ-canal-principal input[type='radio'] {
    transform: scale(1.7);
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form #edit-influ-visitar-colombia .form-item-influ-visitar-colombia input[type='radio'],
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia .form-item-influ-planes-visitar-colombia input[type='radio'],
  .webform-submission-influenciadores-form #edit-influ-canal-principal input[type='radio'] {
    transform: scale(2);
  }
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia--wrapper-legend,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper-legend,
.webform-submission-influenciadores-form #edit-influ-canal-principal--wrapper-legend {
  margin-bottom: 20px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-visitar-colombia--wrapper,
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper,
  .webform-submission-influenciadores-form .webform-checkboxes-other--wrapper legend {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

.webform-submission-influenciadores-form .webform-checkboxes-other--wrapper legend {
  width: 80%;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .webform-checkboxes-other--wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

.webform-submission-influenciadores-form #edit-influ-visitar-colombia--wrapper .fieldset-wrapper,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper .fieldset-wrapper,
.webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper .edit-influ-canal-principal--wrapper,
.webform-submission-influenciadores-form .webform-checkboxes-other--wrapper legend {
  margin-bottom: 30px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-visitar-colombia--wrapper .fieldset-wrapper,
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper .fieldset-wrapper,
  .webform-submission-influenciadores-form #edit-influ-planes-visitar-colombia--wrapper .edit-influ-canal-principal--wrapper,
  .webform-submission-influenciadores-form .webform-checkboxes-other--wrapper legend {
    text-align: center;
  }
}

.webform-submission-influenciadores-form #edit-influ-canal-principal--wrapper,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios {
  margin-bottom: 2.5rem;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-canal-principal--wrapper,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-textfield label {
  font-weight: 700;
  color: #666666;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-textfield label {
    text-align: left;
  }
}

.webform-submission-influenciadores-form .form-item-influ-nombre label,
.webform-submission-influenciadores-form .form-item-influ-email label,
.webform-submission-influenciadores-form .form-item-influ-link-canal-principal label {
  color: #666666;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 7px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .form-item-influ-nombre label,
  .webform-submission-influenciadores-form .form-item-influ-email label,
  .webform-submission-influenciadores-form .form-item-influ-link-canal-principal label {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form .form-item-influ-nombre label,
  .webform-submission-influenciadores-form .form-item-influ-email label,
  .webform-submission-influenciadores-form .form-item-influ-link-canal-principal label {
    font-size: 15px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-nombre {
  margin-bottom: 32px;
}

.webform-submission-influenciadores-form .form-item-influ-nombre input[type='text'],
.webform-submission-influenciadores-form .form-item-influ-email input[type='email'],
.webform-submission-influenciadores-form .form-item-influ-link-canal-principal input[type='text'],
.webform-submission-influenciadores-form .form-item-influ-seguidores input[type='number'],
.webform-submission-influenciadores-form .form-item-influ-tematicas-other input[type='text'],
.webform-submission-influenciadores-form .form-item-influ-primer-pais #edit-influ-primer-pais,
.webform-submission-influenciadores-form .form-item-influ-segundo-pais #edit-influ-segundo-pais,
.webform-submission-influenciadores-form .form-item-influ-tercer-pais #edit-influ-tercer-pais {
  border-bottom: none;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background-color: #fff;
  height: 60px;
}

.webform-submission-influenciadores-form .form-item-influ-creador-contenido textarea {
  border-bottom: none;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 40px;
}

.webform-submission-influenciadores-form .form-item-influ-nombre input[type='text'],
.webform-submission-influenciadores-form .form-item-influ-email input[type='email'],
.webform-submission-influenciadores-form .form-item-influ-link-canal-principal input[type='text'],
.form-item-influ-tercer-pais #edit-influ-tercer-pais {
  margin-bottom: 40px;
}

.webform-submission-influenciadores-form .form-item-influ-primer-pais #edit-influ-primer-pais,
.webform-submission-influenciadores-form .form-item-influ-segundo-pais #edit-influ-segundo-pais {
  margin-bottom: 25px;
}

.webform-submission-influenciadores-form label[for='edit-influ-canales-secundarios-redes'] {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 16px;
  color: #0a244f;
  line-height: 1.5;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form label[for='edit-influ-canales-secundarios-redes'] {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form label[for='edit-influ-canales-secundarios-redes'] {
    font-size: 23px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-primer-pais label,
.webform-submission-influenciadores-form .form-item-influ-seguidores label,
.webform-submission-influenciadores-form .form-item-influ-creador-contenido label,
.webform-submission-influenciadores-form .form-item-influ-document-file label {
  width: 90%;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 700;
  color: #0a244f;
  line-height: 1.5;
  margin-top: 25px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .form-item-influ-primer-pais label,
  .webform-submission-influenciadores-form .form-item-influ-seguidores label,
  .webform-submission-influenciadores-form .form-item-influ-creador-contenido label {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form .form-item-influ-primer-pais label,
  .webform-submission-influenciadores-form .form-item-influ-seguidores label,
  .webform-submission-influenciadores-form .form-item-influ-creador-contenido label {
    font-size: 23px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-seguidores {
  margin-bottom: 50px;
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for^='edit-influ-canal-principal-'],
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-facebook::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-instagram::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-youtube::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-tiktok::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-x::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-snapchat::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-blog-personal::before {
  background-size: cover;
  display: inline-block;
  width: 38px;
  height: 38px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .webform-submission-influenciadores-form #edit-influ-canal-principal label[for^='edit-influ-canal-principal-'],
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-facebook::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-instagram::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-youtube::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-tiktok::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-x::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-snapchat::before,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-blog-personal::before {
    width: 50px;
    height: 50px;
  }
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-facebook'],
.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-instagram'],
.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-youtube'],
.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-tiktok'],
.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-x'] {
  text-indent: -9999px;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-facebook,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-instagram,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-youtube,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-tiktok,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-x,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-snapchat,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-blog-personal {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 27px;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox {
  margin-top: 2rem;
  margin-left: 1.2rem;
  margin-bottom: 1rem;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox {
    margin-left: 4.2rem;
  }
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-textfield {
  margin-left: 1.2rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-textfield {
    margin-left: 4.5rem;
    display: block;
  }
}

.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-checkbox:checked {
  box-shadow: none;
}

.webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'] {
  transform: scale(1.6);
}

.webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'] + label,
.webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'],
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes input[type='checkbox'],
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] + label,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] {
  margin: 0;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'] + label,
  .webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'],
  .webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes input[type='checkbox'],
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] + label,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'] + label,
  .webform-submission-influenciadores-form #edit-influ-canales-secundarios input[type='checkbox'],
  .webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes input[type='checkbox'],
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] + label,
  .webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='checkbox'] {
    font-size: 17px;
  }
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-facebook'],
.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-facebook::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-facebook::before {
  content: '';
  background-image: url('../images/facebook_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-instagram'],
.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-instagram::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-instagram::before {
  content: '';
  background-image: url('../images/instagram_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-youtube'],
.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-youtube::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-youtube::before {
  content: '';
  background-image: url('../images/youtube_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-tiktok'],
.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-tiktok::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-tiktok::before {
  content: '';
  background-image: url('../images/tiktok_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canal-principal label[for='edit-influ-canal-principal-x'],
.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-x::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-x::before {
  content: '';
  background-image: url('../images/x_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-snapchat::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-snapchat::before {
  content: '';
  background-image: url('../images/snapchat_icon.svg');
}

.webform-submission-influenciadores-form #edit-influ-canales-secundarios .form-item-influ-canales-secundarios-blog-personal::before,
.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .form-item-influ-blog-personal::before {
  content: '';
  background-image: url('../images/blog_icon.svg');
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios input[type='text'] {
  border-bottom: none;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background-color: #fff;
  height: 60px;
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes label {
  width: 100%;
  line-height: 1.3;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-sol-y-playa,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-romance,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-congresos-y-convenciones,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-lgbtiq,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-cultura-y-urbano,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-naturaleza-y-aventura,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-turismo-comunitario,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes--other-,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-sol-y-playa .form-checkbox:checked,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-romance .form-checkbox:checked,
.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-congresos-y-convenciones
  .form-checkbox:checked,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-lgbtiq .form-checkbox:checked,
.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-cultura-y-urbano
  .form-checkbox:checked,
.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-naturaleza-y-aventura
  .form-checkbox:checked,
.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-turismo-comunitario
  .form-checkbox:checked,
.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes--other- .form-checkbox:checked,
.influ-confirmacion-envio {
  background-position: center;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-sol-y-playa {
  background-image: url('../images/sol_playa.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-romance {
  background-image: url('../images/romance.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-congresos-y-convenciones {
  background-image: url('../images/congre_conven.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-lgbtiq {
  background-image: url('../images/lgbtiq.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-cultura-y-urbano {
  background-image: url('../images/cultura_urbano.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-naturaleza-y-aventura {
  background-image: url('../images/naturaleza_aventura.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-turismo-comunitario {
  background-image: url('../images/turismo_comuni.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes--other- {
  background-image: url('../images/otros.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes {
  display: grid;
  grid-template-columns: repeat(3, 6.1rem);
  gap: 20px 25px;
  margin-bottom: 20px;
  justify-content: center;
}

.webform-submission-influenciadores-form .form-item-influ-tematicas-other {
  margin-bottom: 20px;
}

.webform-submission-influenciadores-form .form-item-influ-segundo-pais label,
.webform-submission-influenciadores-form .form-item-influ-tercer-pais label {
  display: none;
}

.webform-submission-influenciadores-form #edit-influ-primer-pais,
.webform-submission-influenciadores-form #edit-influ-segundo-pais,
.webform-submission-influenciadores-form #edit-influ-tercer-pais {
  font-size: 16px;
  color: #0a244f;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-influ-primer-pais,
  .webform-submission-influenciadores-form #edit-influ-segundo-pais,
  .webform-submission-influenciadores-form #edit-influ-tercer-pais {
    margin-bottom: 35px;
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form #edit-influ-primer-pais,
  .webform-submission-influenciadores-form #edit-influ-segundo-pais,
  .webform-submission-influenciadores-form #edit-influ-tercer-pais {
    font-size: 20px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-terminos-condiciones,
.webform-submission-influenciadores-form .form-item-influ-politica {
  display: flex;
  margin-bottom: 40px;
}

.webform-submission-influenciadores-form .form-actions {
  text-align: center;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .form-actions {
    grid-column: 2 / 3;
  }
}

.webform-submission-influenciadores-form .form-actions input {
  background-color: #e60f4b;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 79px !important;
  margin-bottom: 40px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .form-actions input {
    margin-bottom: 6rem;
    font-size: 15px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-terminos-condiciones label,
.webform-submission-influenciadores-form .form-item-influ-politica label {
  line-height: 1.4;
}

.webform-submission-influenciadores-form .form-item-influ-terminos-condiciones input[type='checkbox'],
.webform-submission-influenciadores-form .form-item-influ-politica input[type='checkbox'] {
  transform: scale(1.4);
  margin-right: 12px;
  margin-top: 5px;
}

.webform-checkboxes-other--wrapper .form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 90px;
  height: 90px;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-sol-y-playa .form-checkbox:checked {
  background-image: url('../images/sol_playa_hover.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-romance .form-checkbox:checked {
  background-image: url('../images/romance_hover.svg');
}

.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-congresos-y-convenciones
  .form-checkbox:checked {
  background-image: url('../images/congre_conven_hover.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes-lgbtiq .form-checkbox:checked {
  background-image: url('../images/lgbtiq_hover.svg');
}

.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-cultura-y-urbano
  .form-checkbox:checked {
  background-image: url('../images/cultura_urbano_hover.svg');
}

.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-naturaleza-y-aventura
  .form-checkbox:checked {
  background-image: url('../images/naturaleza_aventura_hover.svg');
}

.webform-submission-influenciadores-form
  #edit-influ-tematicas-checkboxes
  .form-item-influ-tematicas-checkboxes-turismo-comunitario
  .form-checkbox:checked {
  background-image: url('../images/turismo_comuni_hover.svg');
}

.webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes .form-item-influ-tematicas-checkboxes--other- .form-checkbox:checked {
  background-image: url('../images/otros_hover.svg');
}

.webform-submission-influenciadores-form .option {
  cursor: default;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox input.form-checkbox {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  background: #fff;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox input.form-checkbox:hover {
  border-color: #555;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox input.form-checkbox:focus {
  outline: 1px solid #0175ff;
  outline-offset: 2px;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox input.form-checkbox:checked {
  background-color: #0175ff;
  border-color: #0175ff;
}

.webform-submission-influenciadores-form #edit-grupo-canales-secundarios .js-form-type-checkbox input.form-checkbox:checked::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.webform-submission-influenciadores-form #edit-influ-canal-principal .js-form-item.js-form-type-radio {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.webform-submission-influenciadores-form #edit-grupo-terminos-condiciones,
.webform-submission-influenciadores-form #edit-grupo-politica-datos {
  margin-bottom: 30px;
  margin-left: 10px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form #edit-grupo-terminos-condiciones,
  .webform-submission-influenciadores-form #edit-grupo-politica-datos {
    margin-bottom: 0rem;
  }
}

.webform-submission-influenciadores-form #edit-grupo-terminos-condiciones .fieldset-wrapper,
.webform-submission-influenciadores-form #edit-grupo-politica-datos .fieldset-wrapper {
  display: flex;
}

.webform-submission-influenciadores-form .form-item-influ-terminos-condiciones input[type='checkbox'],
.webform-submission-influenciadores-form .form-item-influ-politica input[type='checkbox'] {
  margin: 0 10px 0 0;
}

.webform-submission-influenciadores-form .form-item-influ-terminos-condiciones label,
.webform-submission-influenciadores-form .form-item-influ-politica label {
  display: none;
}

.webform-submission-influenciadores-form .form-item-label-terminos-condiciones,
.webform-submission-influenciadores-form .form-item-label-politica-datos {
  font-size: 14px;
  color: #282828;
}

@media (min-width: 1200px) {
  .webform-submission-influenciadores-form .form-item-label-terminos-condiciones,
  .webform-submission-influenciadores-form .form-item-label-politica-datos {
    font-size: 16px;
  }
}

.webform-submission-influenciadores-form .form-item-label-terminos-condiciones a,
.webform-submission-influenciadores-form .form-item-label-politica-datos a {
  color: blue;
  text-decoration-line: underline;
}

.influ-confirmacion-envio {
  background-image: url('../images/library_add_check.svg');
  background-position-x: center;
  background-position-y: 2rem;
  width: 87%;
  margin: 3rem auto;
  padding: 35% 4% 8%;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 15px 5px #66666640;
}

@media (min-width: 900px) {
  .influ-confirmacion-envio {
    padding: 11% 4% 8%;
    font-size: 20px;
  }
}

.influ_confirmation_back .webform-confirmation__back {
  width: 45%;
  margin: auto;
  background-color: #e60f4b;
  font-weight: 700;
  padding: 10px 40px !important;
  margin-bottom: 40px;
  text-align: center;
  border-radius: 15px;
}

.influ_confirmation_back .webform-confirmation__back a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 900px) {
  .influ_confirmation_back .webform-confirmation__back {
    width: 30%;
    padding: 16px 40px !important;
  }
  .influ_confirmation_back .webform-confirmation__back a {
    font-size: 20px;
  }
}

.webform-submission-influenciadores-form .form-item-influ-document-file input[type='file'] {
  border: 1px solid #cccccc;
  border-radius: 8px;
  background-color: #fff;
  color: #d1d1d1;
}

.webform-submission-influenciadores-form .form-item-influ-document-file input[type='file']::-webkit-file-upload-button {
  background: #0a244f;
  border: 2px solid #c4c4c4;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  outline: none;
  padding: 10px 25px;
  transition: all 1s ease;
}

.webform-submission-influenciadores-form .form-item-influ-document-file input[type='file']::-webkit-file-upload-button:hover {
  background: #fff;
  border: 2px solid #535353;
  color: #000;
}

.webform-submission-influenciadores-form .form-item-influ-document-file a {
  color: #0a244f;
  font-size: 14px;
}

@media (min-width: 900px) {
  .webform-submission-influenciadores-form .form-item-influ-document-file a {
    font-size: 15px;
  }
  .webform-submission-influenciadores-form #edit-influ-seccion-left {
    grid-row: 1 / 3;
    background-color: #0253c1;
  }
  .webform-submission-influenciadores-form #edit-influ-seccion-right {
    width: 60%;
    margin-top: 2%;
  }
  .webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes {
    grid-template-columns: repeat(4, 6.1rem);
    gap: 20px 30px;
  }
  .webform-submission-influenciadores-form body.path-webform .row:has(.webform-landing-influencers) {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .webform-submission-influenciadores-form .form-item-influ-document-file a {
    font-size: 16px;
  }
  .webform-submission-influenciadores-form #edit-influ-tematicas-checkboxes {
    gap: 20px 50px;
  }
  body.path-webform .row:has(.webform-landing-influencers) {
    max-width: 100%;
  }
}

.webform-submission-influenciadores-form :focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

body.node-id--6316 .row:has(.webform-landing-influencers) {
  max-width: 100%;
}

body.node-id--6316 .row #main:has(.webform-landing-influencers) {
  padding: 0;
}

body.node-id--6316 .titulo-encabezado {
  display: none;
}

/**
*
* Types of content: destino, evento, article, actividad, destino-reuniones.
* Description: Increase container internal body field of the content type article.
*/
.node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body,
.node--type-actividad [class*='block-mainpagecontent'] .field-name-body,
.node--type-destino [class*='block-mainpagecontent'] .field-name-body,
.node--type-evento [class*='block-mainpagecontent'] .field-name-body,
.node--type-article [class*='block-mainpagecontent'] .field-name-body {
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
}
.node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body figcaption,
.node--type-actividad [class*='block-mainpagecontent'] .field-name-body figcaption,
.node--type-destino [class*='block-mainpagecontent'] .field-name-body figcaption,
.node--type-evento [class*='block-mainpagecontent'] .field-name-body figcaption,
.node--type-article [class*='block-mainpagecontent'] .field-name-body figcaption {
  z-index: 5;
}
@media (min-width: 768px) {
  .node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body .field-item > img,
  .node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body .field-item p > img,
  .node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body .field-item figure,
  .node--type-actividad [class*='block-mainpagecontent'] .field-name-body .field-item > img,
  .node--type-actividad [class*='block-mainpagecontent'] .field-name-body .field-item p > img,
  .node--type-actividad [class*='block-mainpagecontent'] .field-name-body .field-item figure,
  .node--type-destino [class*='block-mainpagecontent'] .field-name-body .field-item > img,
  .node--type-destino [class*='block-mainpagecontent'] .field-name-body .field-item p > img,
  .node--type-destino [class*='block-mainpagecontent'] .field-name-body .field-item figure,
  .node--type-evento [class*='block-mainpagecontent'] .field-name-body .field-item > img,
  .node--type-evento [class*='block-mainpagecontent'] .field-name-body .field-item p > img,
  .node--type-evento [class*='block-mainpagecontent'] .field-name-body .field-item figure,
  .node--type-article [class*='block-mainpagecontent'] .field-name-body .field-item > img,
  .node--type-article [class*='block-mainpagecontent'] .field-name-body .field-item p > img,
  .node--type-article [class*='block-mainpagecontent'] .field-name-body .field-item figure {
    float: left;
    width: 50% !important;
    position: relative !important;
    transform: unset !important;
    margin-right: 30px !important;
    left: unset !important;
    margin-bottom: 1.5rem;
  }

  .node--type-destino-reuniones [class*='block-mainpagecontent'] .field-name-body .field-item figure + p.text-align-center,
  .node--type-actividad [class*='block-mainpagecontent'] .field-name-body .field-item figure + p.text-align-center,
  .node--type-destino [class*='block-mainpagecontent'] .field-name-body .field-item figure + p.text-align-center,
  .node--type-evento [class*='block-mainpagecontent'] .field-name-body .field-item figure + p.text-align-center,
  .node--type-article [class*='block-mainpagecontent'] .field-name-body .field-item figure + p.text-align-center {
    float: left;
    width: 50%;
    margin-right: 30px !important;
  }
}
.content-collapsed .field-item {
  height: 947px;
  overflow: hidden;
}
.content-collapsed .ver-mas {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.content-collapsed .ver-mas::before {
  content: '';
  width: 100%;
  height: 359.8px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  background-image: linear-gradient(0deg, #fff 0, rgb(255 255 255 / 95%) 47%, rgb(255 255 255 / 6%));
}
.blue-branding-pistas-general .content-collapsed .ver-mas::before {
  background-image: linear-gradient(transparent 0px, rgba(10, 47, 166, 0.9) 52px, #0a2fa6 80px);
}
.content-collapsed .ver-mas button {
  padding: 0.85em 3em;
  text-transform: uppercase;
  color: #fefefe;
  font-size: 0.9rem;
  border: 1px solid transparent;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 2.5rem;
  background-color: #0a244f;
  z-index: 11;
  cursor: pointer;
}
.content-collapsed .ver-mas button:hover {
  background-color: #e32850;
}

/**
*
* Types Of Content: Destinos - Fotografías
* View Name: Destinos Turísticos
*  |- System name: destinos_fotografias
*     |- Block Name: Fotografias
*/
.destino-container .field-items .field-item {
  display: block;
  overflow: hidden;
  padding: 40px 0px;
}
.destino-container .field-items .field-item {
  width: 100%;
  float: unset;
}
.destino-columnas .views-field-title {
  width: 100%;
  max-width: 79.30108rem;
  margin: 0 auto;
  text-align: center;
}
.destino-columnas h3 {
  text-align: center;
  padding-left: 0px;
  margin-bottom: 2rem;
}
.destino-columnas .columns > h3 + ul.owl-carousel {
  list-style: none;
  margin-left: 0px;
}
.destino-columnas .columns > h3 + ul.owl-carousel a {
  display: block;
  text-align: center;
}
.destino-columnas .columns > h3 + ul.owl-carousel p {
  line-height: 0;
  margin-bottom: 0px;
}
.destino-columnas blockquote {
  max-width: 822px;
  margin: 0 auto;
  padding: 0px;
}
.destino-columnas blockquote p {
  font-size: 1.1rem;
}
@media (min-width: 992px) {
  .destino-columnas blockquote p {
    padding: 0 0.5rem;
  }
  .destino-columnas .owl-item > div {
    padding: 0 3rem;
  }
}
.destino-columnas blockquote:before {
  content: '\201C';
  font-family: Georgia;
  font-size: 40px;
  font-weight: bold;
  line-height: 0px;
  color: #3b444f;
  vertical-align: middle;
}
.destino-columnas blockquote:after {
  content: '\201D';
  font-family: Georgia;
  font-size: 40px;
  font-weight: bold;
  line-height: 0px;
  color: #3b444f;
  vertical-align: middle;
  padding-top: 10px;
}
.destino-columnas .views-field-field-posts-instagram ul.owl-carousel {
  margin-left: 0px;
}
.destino-columnas .views-field-field-posts-instagram li {
  list-style: none;
}
.destino-columnas .views-field-field-posts-instagram .owl-item p {
  margin: 0px;
}
.destino-columnas .views-field-field-posts-instagram .owl-item a {
  display: block;
  text-align: center;
}

/**
*
* Types Of Content: Destino
* View Name: Encabezados
*  |- System Name: encabezado_destino
*     |- Block Name: Grande
*/
#block-views-block-encabezado-destino-header-big {
  overflow: hidden;
}
#block-views-block-encabezado-destino-header-big h1 {
  letter-spacing: unset !important;
  line-height: 1em !important;
}
#block-views-block-encabezado-destino-header-big .views-field-nothing {
  bottom: 2em;
}
.block-views-blockencabezado-destino-header-big .fondo-destino {
  max-height: 75vh !important;
  animation-name: zoom;
  animation-duration: 9s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
/* El mismo alto que le pone colombiatravel.js al arrancar («Ajuste altura de banner»: ventana/2 - 31
   hasta 640 px, ventana - 31 por encima; el tope de 75vh de arriba sigue mandando). Con 430/630 px en el
   CSS, el título, la temperatura y el menú del destino saltaban cuando corría el JS: -39 px en móvil
   (CLS 0,021 en /es/cartagena y /es/medellin a 390, a los ~8 s con red lenta) y +45 en escritorio
   (0,008 a 1440). svh = el alto que devuelve jQuery(window).height() con las barras del navegador. */
.fondo-destino {
  height: calc(100vh - 31px);
  height: calc(100svh - 31px);
}
@media only screen and (max-width: 640px) {
  .fondo-destino {
    height: calc(50vh - 31px);
    height: calc(50svh - 31px);
  }
}
@keyframes zoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.05);
  }
}

/**
*
* Menus Name: Menú Destino
*  |- Block Name: Menú Destino
*     |- System Name: menudestino
*/
nav[id*='block-menudestino'].fixed-sub {
  z-index: 998;
  top: 71px;
}
@media (min-width: 768px) {
  nav[id*='block-menudestino'].fixed-sub {
    top: 86px;
  }
}
@media (min-width: 1024px) {
  nav[id*='block-menudestino'].fixed-sub {
    top: 114px;
  }
}
@media (min-width: 1141px) {
  nav[id*='block-menudestino'].fixed-sub {
    top: 88px;
  }
}
nav[id*='block-menudestino']#block-menudestino ul.menu {
  white-space: unset;
  overflow: unset;
  padding: 0px 2.5rem !important;
  max-width: 79.30108rem;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino']#block-menudestino ul.menu {
    padding: 1rem 0px !important;
  }
}
nav[id*='block-menudestino'] .menu-item {
  position: relative;
}
nav[id*='block-menudestino'] .menu-item .field-name-field-icons-menu-destino {
  display: none;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .menu-item .field-name-field-icons-menu-destino {
    display: block;
  }
}
nav[id*='block-menudestino'] .menu-item {
  white-space: nowrap;
  min-width: fit-content;
  display: block;
  cursor: pointer;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .menu-item {
    height: 100%;
  }
}
nav[id*='block-menudestino'] .menu-item a {
  white-space: pre;
  pointer-events: none;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .menu li.menu-item a {
    width: 140px;
    height: stretch;
    word-wrap: initial;
    display: inline-flex;
    white-space: break-spaces;
    align-items: center;
    justify-content: center;
    padding: 2.9rem 0rem 1rem !important;
    margin: 0px;
  }
  nav[id*='block-menudestino'] .menu li.menu-item a:hover + .menu-link-contentmenu-destino svg path,
  nav[id*='block-menudestino'] .menu li.menu-item a.active + .menu-link-contentmenu-destino svg path {
    fill: #e60f4b;
    stroke: #e60f4b;
  }
  nav[id*='block-menudestino'] .menu-link-contentmenu-destino {
    position: absolute;
    left: 50%;
    top: 2px;
    z-index: -1;
    transform: translate(-50%, 0px);
  }
  nav[id*='block-menudestino'] .menu-item .field-name-field-icons-menu-destino svg {
    width: 30px;
    height: 30px;
  }
}
nav[id*='block-menudestino'] .owl-wrapper-outer {
  display: flex;
  justify-content: center;
}
nav[id*='block-menudestino'] .owl-wrapper {
  display: flex !important;
  align-items: flex-end;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .owl-wrapper {
    width: 100% !important;
  }
}
nav[id*='block-menudestino'] .owl-item {
  width: auto !important;
  float: left;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .owl-item {
    height: 100%;
    flex: 1 0 auto;
  }
}
nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-prev,
nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-next {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: 10000px;
  padding: 10px;
  border-radius: 30px;
  opacity: 1;
  background-position: center center;
  margin: 0px 10px;
}
@media (min-width: 992px) {
  nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-prev {
    left: 5px;
  }
  nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-next {
    right: 5px;
  }
}
nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-prev {
  background-image: url(../../../../sites/default/files/inline-images/left.png);
}

nav[id*='block-menudestino'] .owl-controls .owl-buttons .owl-next {
  background-image: url(../../../../sites/default/files/inline-images/right.png);
}

/**
*
* Types of Content: Actividad
* View Name: Qué hacer en Destino
*  |- System Name: que_hacer_en_destino
*     |- Block Name: Vista: Destacado
*/
.destino .descripcion {
  width: 100%;
  top: 50%;
  left: 50%;
  right: unset;
  bottom: unset;
  transform: translate(-50%, -50%);
}
.destino .descripcion .info-destino .titulo a {
  font-size: 1.4rem;
}
.destino .descripcion .info-destino .cuerpo {
  display: none !important;
}
@media (min-width: 768px) {
  .destino .descripcion .info-destino .cuerpo {
    display: block !important;
  }
}
.destinos-home .more-link {
  width: 100%;
  display: flex;
  justify-content: center;
}

/**
*
* Module contrib: All in on accessibility
*
*/
#accessibility_settings_toggle {
  left: 20px !important;
  background-color: #0f83da !important;
}
#accessibility_settings_toggle .aioa-trigger-button-tooltip {
  left: calc(100% + 5px);
  background-color: #0f83da !important;
  width: 7rem;
}
.aioa_bottom_right.accessibility-settings-modal {
  left: 20px;
}

.accessibility-modal-header,
#aioa_statement_button,
.accessibility-modal-body .accessibility-modal-button-bottom-group button:hover,
.accessibility-modal-button-bottom-group button:focus,
#aioa_accessibility_settings .accessibility-modal-footer .accessibility-footer-report-link,
#aioa_accessibility_settings .accessibility-modal-footer {
  background-color: #0f83da !important;
}

/* Delete itinerarios */
.node-itinerarios-delete-form {
  max-width: 700px;
  margin: 60px auto;
  padding: 40px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif;
  color: #333;
}

.node-itinerarios-delete-form::before {
  content: '⚠️  Esta acción no se puede deshacer.';
  display: block;
  margin-bottom: 30px;
  padding: 16px 20px;
  background: #fff8e5;
  border-left: 4px solid #f5a623;
  border-radius: 8px;
  color: #7a5a00;
  font-weight: 600;
  line-height: 1.5;
}

.node-itinerarios-delete-form h3 {
  margin: 0 0 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ececec;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #16355c;
}

.node-itinerarios-delete-form ul {
  margin: 0 0 36px;
  padding: 0;
  list-style: none;
  border: 1px solid #ececec;
  border-radius: 12px;
  overflow: hidden;
}

.node-itinerarios-delete-form li {
  position: relative;
  padding: 18px 20px 18px 56px;
  background: #fafafa;
  border-bottom: 1px solid #ececec;
}

.node-itinerarios-delete-form li:last-child {
  border-bottom: 0;
}

.node-itinerarios-delete-form li::before {
  content: '🌐';
  position: absolute;
  left: 20px;
}

.node-itinerarios-delete-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 40px;
}

.node-itinerarios-delete-form .form-actions .button,
.node-itinerarios-delete-form .form-actions input[type='submit'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 26px;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.25s;
}

.node-itinerarios-delete-form .form-actions a.button {
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #444;
  text-decoration: none;
}

.node-itinerarios-delete-form .form-actions a.button:hover {
  background: #f5f5f5;
}

.node-itinerarios-delete-form .form-actions .button--primary {
  background: #d72638;
  border: 0;
  color: #fff;
}

.node-itinerarios-delete-form .form-actions .button--primary:hover {
  background: #bc2030;
}

.node-itinerarios-delete-form .url-textfield {
  display: none !important;
}

@media (max-width: 768px) {
  .node-itinerarios-delete-form {
    margin: 30px 20px;
    padding: 28px;
  }

  .node-itinerarios-delete-form .form-actions {
    flex-direction: column-reverse;
  }

  .node-itinerarios-delete-form .form-actions .button,
  .node-itinerarios-delete-form .form-actions input[type='submit'] {
    width: 100%;
  }
}

/* La librería Chosen de D10 suma 35 px al ancho del <select> original; en D8 medía lo mismo
   que el select. Sin tope, las cajas que ocupan toda su columna se salen por la derecha. */
.chosen-container {
  max-width: 100%;
}

/* Logo de ProColombia de la cabecera (bloque 27, 450x48, en diferido por lazy): la caja flex toma
   su ancho de la imagen, y al cambiar lazysizes el marcador por el PNG la imagen queda ~80 ms sin
   tamaño natural → la caja caía a su min-width (230 px) y volvía: la cabecera saltaba 9 px dos
   veces (CLS 0,068 en escritorio). Mismo selector que la regla del tema, para ganarle por orden. */
.page__header .primary__header .block-logocolombiatravel img {
  width: 450px;
  max-width: 100%;
}

/* responsive_menu oculta ".no-js .off-canvas-wrapper" para que su menú móvil no se vea antes del JS,
   pero en este tema .off-canvas-wrapper es también el contenedor de TODA la página (page*.html.twig):
   con el CSS en diferido la página aparecía, desaparecía al llegar el CSS completo y volvía cuando
   Foundation quitaba no-js (4-8 s en el QA). El de la página tiene .off-canvas-wrapper-inner como
   hijo; el del menú, #off-canvas. */
.no-js .off-canvas-wrapper:has(> .off-canvas-wrapper-inner) {
  display: block;
}

/* Carruseles Owl 2 de una diapositiva (vistas owlcarousel, "items":1): Owl los tiene en display:none
   hasta montarlos y, al montarse, aparecen de golpe con el alto de su diapositiva MÁS ALTA (testimonios
   de destinos: 0 -> 482 px a los 7 s en el QA). Antes del montaje se apilan todas en la misma celda,
   visible solo la primera: mismo alto que después. 36 px = puntos de navegación (26 + 10 de margen). */
.owl-carousel[data-settings*='"items":1,']:not(.owl-loaded) {
  display: grid;
}
.owl-carousel[data-settings*='"items":1,']:not(.owl-loaded) > * {
  grid-area: 1 / 1;
  min-width: 0;
}
.owl-carousel[data-settings*='"items":1,']:not(.owl-loaded) > :not(:first-child) {
  visibility: hidden;
}
.owl-carousel[data-settings*='"items":1,'][data-settings*='"dots":true']:not(.owl-loaded) {
  padding-bottom: 36px;
}
/* Los de Owl 1 (vistas de /es/enrutados, js/owlcarousel-v1-vistas.js) nunca llevan .owl-loaded:
   montados (con .owl-wrapper-outer) no les toca la reserva de arriba, que también va en el CSS
   crítico. Sin esto quedaban 36 px más altos que en producción. .owl-slider-wrapper y .owl-theme
   suben la especificidad por encima de la de la reserva. */
.owl-slider-wrapper.owl-carousel.owl-theme[data-settings*='"items":1,']:has(> .owl-wrapper-outer) {
  padding-bottom: 0;
}
.owl-slider-wrapper.owl-carousel.owl-theme[data-settings*='"items":1,']:has(> .owl-wrapper-outer) > * {
  visibility: visible;
}

/* Cabecera en móvil ANTES del JS (visible desde el CSS crítico). Dos piezas que solo armaba el JS
   movían toda la página al correr (reuniones móvil, CLS 0,55 en el QA):
   1) Menú secundario: colombiatravel.js marca li.is-active (el <a> ya llega activo del servidor) y
      hasta entonces se ocultaban todos los <li>: la barra pasaba de 0 a 38 px.
   2) Menús superfish (vacacional < 1024 px, reuniones < 501 px: su smallbp): el JS los cambia por un
      acordeón de 45x40; sin JS se veían enteros en horizontal (525-614 px de ancho, 75-99 de alto). */
/* Los mismos valores que .menu-secundario ul.menu li.is-active a (colombia_travel_v2.css:408). El JS
   elige el <li> por URL (colombiatravel.js:805-821: reuniones, portales-asociados o el primero); sin JS
   se muestra el del <a> activo del servidor o, si no lo hay, el primero: todos miden lo mismo. */
.menu-secundario ul.menu:not(:has(a.is-active)) > li:first-child a,
.menu-secundario ul.menu li:has(> a.is-active) a {
  background: transparent;
  font-weight: 700;
  border-bottom: 2px solid #C2304F;
}
@media only screen and (max-width: 600px) {
  .meta-header #block-menusecundario ul:not(:has(a.is-active)) > li:first-child,
  .meta-header #block-menusecundario ul li:has(> a.is-active) {
    display: block;
  }
}
/* Borde de li.is-active (colombiatravel.css:9454): en escritorio se ve; en móvil lo anula otra regla. */
@media only screen and (min-width: 601px) {
  .meta-header #block-menusecundario ul:not(:has(a.is-active)) > li:first-child,
  .meta-header #block-menusecundario li:has(> a.is-active) {
    border-bottom: 4px solid #e60f4b;
  }
}
/* El hueco reserva el sitio del acordeón, pero sin JS asomaba recortado el primer enlace («DÓ»
   de «Dónde ir»): el contenido va invisible hasta que el JS pone el botón. */
@media only screen and (max-width: 1023px) {
  .no-js #block-navegacionprincipal-3 {
    width: 45px;
    height: 40px;
    overflow: hidden;
  }
  .no-js #block-navegacionprincipal-3 > * {
    visibility: hidden;
  }
}
@media only screen and (max-width: 500px) {
  .no-js #block-navegacionprincipalreuniones {
    width: 45px;
    height: 40px;
    overflow: hidden;
  }
  .no-js #block-navegacionprincipalreuniones > * {
    visibility: hidden;
  }
}

/* Bloque «Trivia» (dónde ir, portada): su <img class="lazyload"> va en el cuerpo del bloque sin
   width/height ni src hasta que lazysizes lo carga, así que medía 0 y al llegar la foto (1600x1066,
   que se pinta a 450x300 por el max-width) el bloque crecía 277 px durante el scroll: CLS 0,21 en
   /es/donde-ir a 390 en el QA (27-sep-2026). Mismo tamaño que ya tiene cargada, reservado desde antes. */
.bloque_trivia_url .field-items .field-item .conianer-left img {
  width: 450px;
  aspect-ratio: 1600 / 1066;
}

/* Bloque «Rutas aéreas» (portada): air_routes/css/styles.css colocaba el texto y el botón
   «Descúbrelo aquí» cada uno con position:absolute y un top fijo en px, sin relación entre sí.
   Con el título en español (cuatro o cinco líneas) el botón quedaba encima del texto en todos los
   anchos de escritorio, y a 320 px el título tapaba el mapa. Ahora van en el flujo: en escritorio,
   una rejilla con la imagen de fondo y el texto y el botón apilados y centrados en la columna
   izquierda; en móvil, texto, mapa y botón uno debajo del otro. */
#block-bloquerutasaereas {
  display: grid;
  grid-template-columns: minmax(0, 42%) 1fr;
  grid-template-rows: 1fr auto auto 1fr;
}
#block-bloquerutasaereas > .field-name-field-image {
  grid-area: 1 / 1 / -1 / -1;
}
#block-bloquerutasaereas > .field-name-body,
#block-bloquerutasaereas > .field-name-field-link {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  z-index: 1;
  grid-column: 1;
  padding-left: 45px;
  text-align: center;
}
#block-bloquerutasaereas > .field-name-body {
  grid-row: 2;
}
#block-bloquerutasaereas > .field-name-field-link {
  grid-row: 3;
  margin-top: 24px;
}
#block-bloquerutasaereas .field-name-body p {
  width: auto;
  padding: 0;
}
#block-bloquerutasaereas .field-name-field-link a {
  display: inline-block;
  line-height: 1.2;
  transition: background-color 0.2s, color 0.2s;
}
#block-bloquerutasaereas .field-name-field-link a:hover,
#block-bloquerutasaereas .field-name-field-link a:focus {
  background-color: #fff;
  color: #e60f4b;
}

@media (max-width: 1485px) {
  #block-bloquerutasaereas .field-name-body p {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  #block-bloquerutasaereas > .field-name-body,
  #block-bloquerutasaereas > .field-name-field-link {
    padding-left: 31px;
  }
  #block-bloquerutasaereas > .field-name-field-link {
    margin-top: 16px;
  }
  #block-bloquerutasaereas .field-name-body p {
    font-size: 22px;
  }
  #block-bloquerutasaereas .field-name-field-link a {
    font-size: 14px;
    padding: 8px 24px;
  }
}
@media (max-width: 1023px) {
  #block-bloquerutasaereas {
    grid-template-columns: minmax(0, 46%) 1fr;
  }
  #block-bloquerutasaereas > .field-name-body,
  #block-bloquerutasaereas > .field-name-field-link {
    padding-left: 20px;
  }
  #block-bloquerutasaereas > .field-name-field-link {
    margin-top: 12px;
  }
  #block-bloquerutasaereas .field-name-body p {
    font-size: 17px;
  }
  #block-bloquerutasaereas .field-name-field-link a {
    font-size: 12px;
    padding: 7px 18px;
  }
}
@media (max-width: 767px) {
  #block-bloquerutasaereas {
    display: flex;
    flex-direction: column;
    padding: 32px 0;
  }
  #block-bloquerutasaereas > .field-name-body,
  #block-bloquerutasaereas > .field-name-field-link {
    padding: 0 16px;
  }
  #block-bloquerutasaereas > .field-name-body {
    order: 1;
  }
  #block-bloquerutasaereas > .field-name-field-image-mobile {
    order: 2;
    /* El GIF (650x813) trae casi un tercio de blanco debajo del mapa: se recorta. */
    height: 70vw;
    overflow: hidden;
    margin: 16px 0 0;
  }
  #block-bloquerutasaereas .field-name-field-image-mobile img {
    margin: 0;
    width: 100%;
  }
  #block-bloquerutasaereas > .field-name-field-link {
    order: 3;
    margin-top: 16px;
  }
  #block-bloquerutasaereas .field-name-body p {
    font-size: 19px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  #block-bloquerutasaereas .field-name-field-link a {
    font-size: 14px;
    padding: 10px 30px;
  }
}

/* Banner «Rutas aéreas» (/vuelos-colombia): el recuadro de texto ocupaba del 4 % al 47 % del ancho
   y el mapa del GIF empieza en el 33 % (medido en todos los fotogramas), así que lo pisaba. En
   escritorio (desde 768 px; en móvil el texto va debajo de la imagen) el recuadro queda en la franja
   libre de la izquierda (3 %–31 %), centrado en vertical y con medidas en cqw para que escale con
   la imagen sin llegar nunca al mapa. */
@media (min-width: 768px) {
  #block-bannerrutasaereas {
    container-type: inline-size;
  }
  #block-bannerrutasaereas .field-name-field-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  #block-bannerrutasaereas > .field-name-body {
    top: 50%;
    left: 3cqw;
    width: 28cqw;
    transform: translateY(-50%);
  }
  #block-bannerrutasaereas .field-name-body p {
    width: auto;
    margin: 0;
    padding: 2cqw 1.8cqw;
    font-size: 1.9cqw;
  }
}