/*Aliados Macondo*/
body.internal-slider .aliados-years .owl-carousel {
    width: 90%;
}
body.internal-slider .return-to-top {
    display: none !important;
}
body.internal-slider .aliados-years{
 	background-image: url(/themes/custom/colombiatravel/one_hundred/assest/img/fondo-bg-macondo-aliados.png);
    padding: 80px;
    position: relative;
    margin-top: -45px;
    z-index: 1;
    background-size: cover;
    background-position: center;
    height: 310px;
    max-height: 310px;
    object-fit: cover;
}

body.internal-slider .aliados-years::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 100px;
    height: 116px;
    background-image: url(/themes/custom/colombiatravel/one_hundred/assest/img/mapa-left.png);
    background-size: cover;
    background-repeat: no-repeat;
}

body.internal-slider .aliados-years::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -15px;
    width: 150px;
    height: 80px;
    background-image: url(/themes/custom/colombiatravel/one_hundred/assest/img/cinta-right.png);
    background-size: cover;
    background-repeat: no-repeat;
}
body.internal-slider .aliados-years .views-element-container .container-aliados-macondo{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.internal-slider .aliados-years .views-element-container{
	width: 95%;
    position: absolute;
    top: 50%; /* Centrado vertical */
    left: 50%; /* Centrado horizontal */
    transform: translate(-50%, -50%); /* Ajusta el centro al punto medio */
}

body.internal-slider .aliados-years .views-element-container header .titile-aliados-macondo, body.internal-slider .aliados-years .views-element-container header .titile-aliados-macondo-second{
	color:#634634;
}

body.internal-slider .aliados-years .views-element-container header{
	font-family: 'DM Serif Display Regular';
    text-align: center;
    font-size: 3em;
    line-height: 1.2em;
	margin-top: 35px;
}

body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-wrapper-outer{
	margin-top: 35px;
	width: 90%;
}
body.internal-slider .aliados-years .slick-dotted.slick-slider {
    margin-bottom: 10px;
    text-align: center;
	margin-top: 30px;
}

.slick-slider .slick-track, .slick-slider .slick-list{
height: 100px;
}
body.internal-slider .aliados-years .slick-slider .slick-list .slick__slide .field-content{
width: 294px;
}

body.internal-slider .aliados-years .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
body.internal-slider .aliados-years .slick-slider .slick-list .slick__slide a{
	border: 2px solid #634634;
    font-family: 'DM Serif Display Regular';
    color: #634634;
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.2em;
    max-height: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	text-align: center;
}
.slick__arrow button.slick-prev.slick-arrow{
	background-image: url(https://colombia.travel/sites/default/files/2024-12/left.png) !important;
	background: #ebe6d2;
	background-position: center center;
}

.slick__arrow button.slick-next.slick-arrow{
	background-image: url(https://colombia.travel/sites/default/files/2024-12/right.png) !important;
	background: #ebe6d2;
	background-position: center center;
}


body.internal-slider .aliados-years .views-element-container header .titile-aliados-macondo-second{
	background-image: url(/themes/custom/colombiatravel/one_hundred/assest/img/bg-subtitle-aliados.png);
    background-size: cover;
    background-position: center;
    font-size: 30px;
}
body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item:first-child {
    margin-left: 20px;
}
body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item {
    float: left;
	margin-right: 15px;
	width: 300px;
}


body.internal-slider .aliados-years .views-element-container .owl-controls{
	position: absolute;
    width: 100%;
    top: 50%;
	left: -15px;
}

body.internal-slider .aliados-years .views-element-container .owl-theme .owl-controls .owl-buttons div {
    color: #634634;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #ebe6d2;
    filter: Alpha(Opacity = 50);
    opacity: 1;
    font-weight: bold;
}


@media (max-width: 768px) {
	body.internal-slider .aliados-years .views-element-container {
		width: 100%;
        position: relative;
        transform: inherit;
        left: auto;
        top: 0px;
	}
	body.internal-slider .aliados-years {
		margin-top:-120px;
        padding: 5px;
	}
	body.internal-slider .aliados-years .views-element-container header {
		font-size: 1.5em;
	}
	body.internal-slider .aliados-years .views-element-container header .titile-aliados-macondo-second {
		background-image: none;
		font-size: inherit;
	}
	body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item:first-child {
		margin-left: 5px;
	}
	body.internal-slider .aliados-years .views-element-container .owl-controls {
		position: relative;
		width: 50%;
		top: 100%;
		left: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		transform: translate(-50%, -50%);
	}
	body.internal-slider .slider .swiper-slide {
		position: relative;
		overflow: auto;
	}
	 body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item:first-child {
      margin-left: 0px;
    }
	body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item {
		width: auto;
	}
	body.internal-slider .aliados-years .views-element-container .owl-carousel .owl-item {
		margin-right: 0px;
	}

}
/*Fin Aliados Macondo*/

section .container .introduction .row a {
    color: #606060 !important;
    background-color: #d8cfc9;
    border: none !important;
}
.internal-by-content .mm-page .dialog-off-canvas-main-canvas .off-canvas-wrapper .inner-wrap .off-canvas-content div.row:nth-child(3),
.internal-by-content .mm-page .dialog-off-canvas-main-canvas .off-canvas-wrapper .inner-wrap .off-canvas-content div.row:nth-child(2),.internal-slider .mm-page .dialog-off-canvas-main-canvas .off-canvas-wrapper .inner-wrap .off-canvas-content div.row:nth-child(2) ,.internal-slider .mm-page .dialog-off-canvas-main-canvas .off-canvas-wrapper .inner-wrap .off-canvas-content div.row:nth-child(3)  {
    display: none;
}
.internal-by-content #block-breadcrumbs {
    margin: 0px auto;
}
.internal-by-content nav, .internal-slider nav{
	height:auto;
}
.internal-by-content .breadcrumbs li,.internal-slider .breadcrumbs li {
    display: flex;
}
.internal-by-content .mm-page #sub-content{
	display:none;
}
.internal-by-content .mm-page .dialog-off-canvas-main-canvas .off-canvas-wrapper .inner-wrap .off-canvas-content .row.columnas-main{
margin-bottom: 0px;
}
section.banner-internal img {
    min-height: 200px;
    height: 200px;
    width: 100%;
	object-fit: cover;
}
body.internal-by-content section.block-mainpagecontent .title {
    margin-bottom: 0.5em;
}
section .container .introduction {
    margin-top: 5px;
	z-index:53;
	position: relative;
	margin-bottom: 0px;
}
#sub-content-first section .articulos-macondo-list header {
    margin-top: 5px;
	text-align:center;
	font-size:35px;
}
#sub-content-first section .articulos-macondo-list header .text-help{
	font-size:15px;
}

.carousel-container {
 height: 580px;
}
.carousel {
	height: 700px;
	perspective: 600px;
	transform: translateY(-230px);
}

.carousel .carousel-item {
	cursor: grab;
	width: 450px;
}

.carousel .carousel-item:active {
	cursor: grabbing;
}

.carousel .carousel-item img {
	width: 100%;
}

.carousel .carousel-item h3 {
	background-color: #ffffff;
	color: #000000;
	font-size: 2em;
	font-weight: bold;
	margin: -5px 0 0;
	padding: 10px 5px;
	text-align: center;
}
.carousel .carousel-item img {
  border-radius: 10px;
  filter: grayscale(100%); /* Blanco y negro por defecto */
  transition: filter 0.5s ease; /* Transición suave para el cambio */
}

.carousel .carousel-item.active img {
  filter: grayscale(0%); /* A color cuando está en el centro */
}

.carousel .carousel-item .views-field.views-field-field-descripcion-corta, .carousel .carousel-item .views-field.views-field-view-node{
	display:none;
}
.carousel .carousel-item.active .views-field.views-field-field-descripcion-corta, .carousel .carousel-item .views-field.views-field-view-node{
	display:block;
}
.carousel .carousel-item.active .views-field.views-field-field-descripcion-corta{
	padding-top:2px;
}
.carousel .carousel-item .views-field.views-field-title a{
  	color: #bb4d00;
  	text-align: center;
	display: flex;
    align-items: center;
	justify-content:center;
	padding-top:2px;
}
.carousel .carousel-item .views-field.views-field-view-node{
	display: flex;
    align-items: center;
	justify-content:center;
	padding-top:5px;
}

.carousel .carousel-item .views-field.views-field-view-node a{
    background: #bb4d00;
    padding: 8px 15px 8px 15px;
    color: #fff;
    text-decoration: none;
}
.carousel .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 10px 4px;
    background-color: #bb4d00;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 50%;
}

.carousel .indicators .indicator-item.active {
    background-color: #0a244f;
}

/* Override default styles */
body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content p{
	color: #fff;
    font-size: 0.9em;	
}
body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content{
width: 80%;
}

body.internal-slider .slider .swiper-slide::before{
	border-radius: 15px;
}


body.internal-slider .slider .swiper-slide::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);
}

body.internal-slider .swiper-slide img.cobranding{
	position: absolute;
    width: 450px;
    height: auto;
    object-fit: initial;
    right: 12%;
    top: 10%;
}

body.internal-by-content section.block-mainpagecontent .field-name-body {
  width: 100%;
}

/* General Styles */
body.internal-by-content section.block-mainpagecontent p {
  color: #BB4D00;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
}
body.internal-by-content section.block-mainpagecontent a {
  color: #000073;
  text-decoration: none;
  font-weight: 700;
}
.custom-container {
  max-width: 85%;
  margin: 0 auto;
}
.inner-container {
  display: flex;
  gap: 50px;
  align-items: center;
}
.inner-container .col {
  width: 50%;
}
.parallax-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.internal-by-content section.block-mainpagecontent .title {
  font-size: 3.5rem;
  margin-bottom: 0.5em;
  color: #BB4D00;
}

/* Hero */
.hero-article {
  position: relative;
  overflow: hidden;
  height: 500px;
}

/* Paragraph & Image */
.paragraph-image {
  padding: 6em 0;
}
.paragraph-image .title {
  padding: 0;
  text-align: left;
}
.paragraph-image .main-title {
  color: #BB4D00 !important;
  font-family: "DM Serif Display Regular";
  font-size: 5rem;
  margin-bottom: 1.5em;
}
.paragraph-image .parallax-wrapper {
  height: 500px;
  overflow: hidden;
}

/* Background parallax  */
.background-parallax {
  position: relative;
  height: 80vh;
  overflow: hidden;
  min-height: 768px;
}
.background-parallax:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.background-parallax .parallax-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.background-parallax .content {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  left: 4%;
  width: 66%;
  z-index: 1;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.background-parallax .content p {
  margin-bottom: 1em;
}
.background-parallax.content-right .content {
  left: inherit;
  right: 4%;
  align-items: end;
  text-align: right;
}
.background-parallax.content-right .content p {
  text-align: right;
}
body.internal-by-content section.block-mainpagecontent .background-parallax .content .title, 
body.internal-by-content section.block-mainpagecontent .background-parallax .content p,
body.internal-by-content section.block-mainpagecontent .background-parallax .content a {
  color: white;
}

/* Related articles */
.related-articles {
  max-width: 85%;
  margin: 0 auto;
  padding: 3em 0;
}
.related-articles h2, .related-articles h3 {
  font-size: 3rem;
  margin-bottom: 1em;
  color: #BB4D00;
  text-align: left;
  padding: 0;
}

/* Recomendations carousel */
.article-recomendations {
  background: #909885;
  padding: 7rem 0 8rem;
}
.article-recomendations .articulos-recomendados-macondo {
  max-width: 85%;
  margin: 0 auto;
}
.article-recomendations .articulos-recomendados-macondo header {
  color: white;
  font-family: "DM Serif Display Regular";
  font-size: 4rem;
  margin-bottom: 2rem;
}

body.internal-by-content section.block-mainpagecontent .article-recomendations .articulos-recomendados-macondo header p{
  color: white;
  font-family: "DM Serif Display Regular";
  font-size: 4rem;
  margin-bottom: 2rem;
}

.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item > div {
  margin: 0 10px;
  position: relative;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item .views-field.views-field-title {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: end;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item .views-field.views-field-title .field-content {
  height: 100%;
}
body.internal-by-content section.block-mainpagecontent .views-field.views-field-title a {
  color: white;
  display: flex;
  padding: 20px;
  position: relative;
  z-index: 1;
  text-shadow: 1px 1px 0px black;
  font-size: 1.25em;
  font-weight: 600;
  height: 100%;
  align-items: end;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item .views-field-title {
  position: relative;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item .views-field-field-imagen-mobile .field-content {
  overflow: hidden;
  border-radius: 15px;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item img {
  border-radius: 15px;
  height: 200px;
  object-fit: cover;
  transition: all .5s ease-in-out;
  width: 100% !important;
}
.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item:hover img {
  transform: scale(1.2);
}

.article-recomendations .articulos-recomendados-macondo .owl-carousel .owl-item .views-field.views-field-title::before {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 15px;
}
.article-recomendations .owl-theme .owl-controls .owl-page span {
  background: #50554A;
}
.article-recomendations .owl-theme .owl-controls .owl-page.active span {
  background: #BB4D00 !important;
}

@media (max-width: 992px) {
  /* Hero */
  .hero-article {
    position: relative;
    overflow: hidden;
    height: 300px;
  }
  /* Background parallax  */
  .background-parallax {
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .background-parallax .content {
    left: 0;
    width: 100%;
    right: 0;
    padding: 4em 1em;
    align-items: center;
    position: relative;
  }
  .background-parallax.content-right .content {
    right: 0;
    align-items: center;
    text-align: center;
  }
  .background-parallax.content-right .content p {
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* General Styles */
  body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content p{
	 display:none;	
	}
	.custom-container {
    max-width: 95%;
  }
  .inner-container {
    flex-direction: column;
  }
  .inner-container .col {
    width: 100%;
  }
  .inner-container.change-order-md .col:first-child {
    order: 2;
  }
  .inner-container.change-order-md .col:last-child {
    order: 1;
  }
  /* Paragraph & Image */
  .paragraph-image .main-title {
    font-size: 3.5rem;
  }
	body.internal-slider .swiper-slide img.cobranding {
        margin: 0 auto;
        top: 13%;
        transform: (-50%, -50%);
        left: 50%;
        transform: translate(-50%, -50%);
	}
	
	body.internal-slider .slider .swiper-main .swiper-slide .swiper-content .swiper-info.intro-macondo .init-macondo{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.internal-slider .slider .swiper-main .swiper-slide .swiper-content .swiper-info.intro-macondo .init-macondo{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.internal-slider .slider .swiper-main .swiper-slide .swiper-content .swiper-info .init-macondo img {
        width: 70%;
    }
	body.internal-slider .aliados-years .slick__arrow {
		left: 0;
		margin-top: 20px;
		top: 100%;;
	}
	body.internal-slider .aliados-years .slick-slider .slick-list .slick__slide .field-content {
		width: 245px;
	}
	body.internal-slider .aliados-years::after, body.internal-slider .aliados-years::before {
	  display:none;
	}
}

@media (max-width: 500px) {
	.articulos-macondo-list.container{
		width: 100%;
		margin:0px;
		padding:0px;
	}
	.carousel .carousel-item {
		cursor: grab;
		width: 320px;
	}
	.carousel .carousel-item.active .views-field.views-field-field-descripcion-corta{
		width: 93%;
	}
	.carousel .carousel-item .views-field.views-field-title{
		width: 93%;
	}
	.carousel .carousel-item .views-field.views-field-field-imagen-mobile{
		width: 93%;
	}
	section .container .introduction .parrafo  p {
	  font-size: 1em;
	} 
	.carousel-container {
		height: auto;
	}	
	body.internal-slider .slider .swiper-main .swiper-slide .swiper-content .swiper-info section p {
        font-size: 1em;
        line-height: 17px;
    }
	.translation-custom-content ul li {
        padding: 5px 8px 5px 7px;
	}
	body.internal-slider .slider .swiper-secondary{
	 display:none;
	}
}

@media screen and (min-width: 1000px) and (max-height: 650px) {
    body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content h2 {
        font-size: 1.5em;
    }
	body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content p {
		color: #fff;
		font-size: 0.8em;
	}
}
@media screen and (min-height: 651px) and (max-height: 800px) {
	body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content {
		width: 90%;
	}
	 body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide .swiper-content h2 {
        font-size: 1.9em;
    }
	 body.internal-slider .slider .swiper-secondary {
        bottom: 10%;
		height: 230px;
    }
	body.internal-slider .slider .swiper-secondary .swiper-wrapper .swiper-slide {
		padding: 0px;
	}
}

@media screen and (min-width: 1024px) and (max-height: 1366px) {
	.slick__arrow button.slick-next.slick-arrow {
		right: -25px;
	}
	.slick__arrow button.slick-prev.slick-arrow {
    	left: -25px;
	}
}

/*NEW SLIDER 3D*/
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	cursor: default;
	opacity: 0.333333;
}   
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    filter: grayscale(100%);
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide.swiper-slide-active img{
	filter: grayscale(0%);
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide .views-field.views-field-title a {
    color: #bb4d00;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
	font-size: 14px;
}

body.internal-by-content .swiper.articule-macondo-slider .swiper-slide .views-field.views-field-view-node a {
    background: #bb4d00;
    padding: 8px 15px 8px 15px;
    color: #fff;
    text-decoration: none;
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide.swiper-slide-active {
	opacity: 1;
}
body.internal-by-content .swiper.articule-macondo-slider{
    width: 100%;
    height: auto;
    padding-bottom: 60px;
    margin-top: 85px;
    margin-bottom: 85px;
}

body.internal-by-content .swiper.articule-macondo-slider .swiper-slide .views-field.views-field-field-descripcion-corta {
    padding-top: 2px;
	margin-bottom: 5px;
    margin-top: 5px;
	display:none;
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide.swiper-slide-active .views-field.views-field-field-descripcion-corta{
	display:block;
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-slide .views-field.views-field-view-node{
	margin-top: 5px;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: none;
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: none;
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-pagination-bullet{
	height: 10px;
    width: 10px;
    background: #bb4d00;
    opacity: 1;
}
body.internal-by-content .swiper.articule-macondo-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0a244f;
    height: 10px;
    width: 10px;
}
@media (max-width: 450px) { 
	body.internal-by-content .swiper.articule-macondo-slider .swiper-slide.swiper-slide-active {
		transform: translate3d(-12px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
	}
}