:root {
    --pastel-color: #F6F5EC;
    --text-pastel-color: #FADEC6;
    --text-brown-color: #58322C;
    --black-color: #2F2C2A;
    --yellow-color: #FFF065;
    --brown-color: #602F2E;
    --nav-color: #43403D;
    --desktop-wrapper-width: 1300px;
    --mobile-desktop: 70px;
    
    
    --section-margin: 2.75vw;
    --work-item-margin: 2vh;

    --plyr-color-main: #ebe9e1;
    --plyr-color-secondary: #ebe9e1;
    
    --mobile-margin: 20px;

}
html,body{
    overflow-x: hidden;
    width: 100vw;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'gt-regular', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: var(--pastel-color);
    color: var(--black-color);
    
    margin:auto;
    position: relative;
}

.html-sectioncalendar,
body.calendar{
    overflow: initial;
}

.v-center{
    align-items: center;
}
.month-scroll{
    width: 490px;
}

*{box-sizing: border-box;}

h1,h2,h3,h4,h5,h6,p{
    padding: 0;
    margin: 0;
}
.m-indicator{
    width: 36px;
    text-align: center;
    margin-left: 0;
    display: inline-block;
}


.doc .doc-icon-selector.active{
    font-family: "tomato-bold";
}

nav .nav-container{
    background: var(--pastel-color);
    position: relative;
    z-index: 2;
}

.nav-container-lg {
    text-transform: uppercase;
}

.image-border{
    border-radius: 4px;
}

.remove-margin{
    margin: auto !important;
}

.space-between{
    justify-content: space-between;
}
/* floating */

.hero-photo .text-container p{
    font-family: "tomato-bold";
}
.month-scroll.month-scroll-item{
    margin-top: 18px;
}

.animation-opacity,
.animation-up{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    /* IE 5-7 */
    filter: alpha(opacity=0);
  
    /* Netscape */
    -moz-opacity: 0;
  
    /* Safari 1.x */
    -khtml-opacity: 0;
  
    /* Good browsers */
    opacity: 0;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(10px);
	}
	100% {
		transform: translatey(0px);
	}
}

.line{
    border-top:1px solid #BAB9B2;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.line-margin{
    margin-top: 10px;
    height: 3px;
    margin-bottom: 10px;
}

.line-margin-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-wrapper{
    margin-left: var(--mobile-margin);
    margin-right: var(--mobile-margin);
}


.plus-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url('/assets/img/plus-white.svg') center center no-repeat;
    width: 25px;
    height: 25px;
}
.card.active .plus-icon {
    background: url('/assets/img/minus-white.svg') center center no-repeat;
}

.circuit-detail .plus-icon {
    position: absolute;
    top: 18px;
    right: 10px;
    background: url('/assets/img/plus.svg') center center no-repeat;
    width: 20px;
    height: 20px;
}
.circuit-detail .feature .row.active .plus-icon {
    background: url('/assets/img/minus.svg') center center no-repeat;
}

.plus-icon img {
    display: none;
}


@media (max-width: 768px){
    .calendar-event .description{
        left: 20px;
        right: 20px;
    }
    .turismo-natural-urbano .desktop-margin p  {
        padding: 0 15px;
    }
    .turismo-natural-urbano .desktop-margin ul {
        padding-right: 15px;
    }
    .route-map {
        bottom: 20px;
        top: initial !important;
        height: 70%  !important;
    }

}
@media (min-width: 768px){
    .month-scroll{
        width: 720px;
    }
    .lang-pt .month-scroll,
    .lang-en .month-scroll{
        width: 724px;
    }
    .lang-pt .month-scroll{
        width: 730px;
    }
    .month-scroll.month-scroll-item{
        margin-top: 68px;
    }
    .m-indicator{
        width: 44px;
    }

    .circuit-detail .util-information .margin-wrapper{
        top: -60px;
    }
    
    .circuit-detail .util-information{
        margin-top: 70px !important;
    }

    .circuit-detail .util-information h6{
        margin-bottom: 30px;
    }

    .m-indicator {
        width: 56px;
        text-align: center;
        display: inline-block;
    }
    .event-image-container{
        width: 360px !important;
    }
    .margin-wrapper{
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
    }
}

.center{
    text-align: center;
}

.grid-columns{
    display: flex;
}

.grid-align-top{
    justify-content: top;
}
.push-alert a{
    color: var(--black-color);
    text-decoration: none;
}
.push-alert{
    background: var(--yellow-color);
    padding: 10px 0;
    font-size: 12px;

    position:fixed;
    width: 100%;
    top: 0;
    left: 50%;

    transform: translateX(-50%);
    z-index: 99999;
}


.lang-en .push-alert  {
    font-size: 10px;
}


.desktop,
.desktop-flex{
    display: none;
}

.mobile{
    display: block;
}




@media(min-width: 768px){

    .circuit-detail .hero-photo .text-container p{
        font-family: 'tomato-bold';
    }
    .circuit-detail .hero-photo{
        margin-bottom: 60px;
    }

    .push-alert{
        font-size:14px;
        height: 38px;
    }

    .lang-en .push-alert  {
        font-size: 14px;
    }
    
    .desktop{
        display: block;
    }
    .desktop-flex{
        display: flex;
    }
    
    .mobile{
        display: none;
    }
}

/* HEADER */

header{
    position:fixed;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    top: 35px;
    z-index: 100;
    border-bottom: 1px solid #C4C4C4;
    background: var(--pastel-color);
}

body.no-alert header {
    top: 0;
}

header .header-container{
    align-items: center;
    position: relative;
    z-index: 99;
    justify-content: space-between;
    padding: 15px;
    margin: auto;
    max-width: 1300px;
}

header .logo-img{
    margin-right: 10px;
}

.desktop-menu{
    
}
.desktop-menu a{
    text-decoration: none;
    color: #43403D;
}

.desktop-menu .nav-container{
    display: inline-block;  
    margin-right: 40px;
}

.doc-text section.tomato-400{
    font-family: "gt-light";
}

.desktop-menu .nav-container:last-child{
    margin-right: 56px;
}

.desktop-menu .nav-container:last-child{
    margin-right: 20px;
}

.desktop-menu .nav-container-lg{
    text-transform: uppercase;
}

.desktop-menu .nav-collapsed{
    display: none;
    position: absolute;
    top: 0px;
    padding-top: 66px;
    
    
}
.nav-collapsed.plan{
    width: 250px;
}

body.lang-en .nav-collapsed.plan {
    width: 264px;
}

body.lang-en .nav-collapsed.plan .children{
    max-width: 264px;
}

body.lang-pt .nav-collapsed.plan {
    width: 300px;
}

body.lang-pt .nav-collapsed.plan .children{
    max-width: 300px;
}

.desktop-menu .nav-collapsed > a:first-child{
    border-top: 1px solid #BAB9B2;
}
.desktop-menu .nav-collapsed a{
    display: block;
    background: #F6F5EC;
    height: 57px;
    line-height: 57px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #BAB9B2;
}

.desktop-menu .nav-collapsed.language a {
    text-transform: capitalize;
}

.hide-arrows .arrow-top-container{
    display: none !important;
}

.desktop-menu .nav-collapsed a:last-child{
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.desktop-menu .nav-container > p{
    cursor: pointer;
    position: relative;
    z-index:10;
}

.desktop-menu .nav-container:hover .nav-collapsed{
    display: block;
}

@media all and (max-height: 600px) {
    .desktop-menu .nav-collapsed a{
        display: block;
        height: 47px;
        line-height: 47px;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid #BAB9B2;
    }
}
@media all and (max-height: 540px) {
    .desktop-menu .nav-collapsed a{
        display: block;
        height: 40px;
        line-height: 40px;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid #BAB9B2;
    }
}

/* BUTTON */

.button{
    border-radius: 8px;
    padding: 10px var(--mobile-margin);
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: 0.35s all;
    color: #F6F5EC;
    background: var(--black-color);
    font-family: "tomato-bold";
}



.button.outline{
    border: 1px solid var(--text-brown-color);
    color: var(--text-brown-color);
    background: transparent;
}

.button.outline.white{
    border: 1px solid #FAE4C5;
    color: #FAE4C5;
    background: transparent;
}

.button.outline:hover{
    color: var(--text-pastel-color);
    background: var(--brown-color);

}

.button.fullwidth{
    text-align: center;
    width: 100%;
    
}

@media (min-width: 768px){
    .button{
        font-size: 18px;
        min-height: 64px;
        line-height: 64px;
        padding: 0;
        padding-left: 70px;
        padding-right: 70px;
    }

    .button.fullwidth{
        text-align: center;
        font-size: 18px;
        height: 53px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        
    }

}

/* HERO HOME */

.hero-home{
    height: 1150px;
    color: var(--text-pastel-color);
    background-color: var(--black-color);
    /*background-image:url(../img/home/header.jpeg);*/
    background-image:url(../img/home/header.webp);
    background-size: auto 100%;
    background-position: center;
}

.hero-home .text-container{
    margin: auto;
}


.hero-home .image-1,
.hero-home .image-2{
    height: 100vh;
    display: flex;
    position: relative;
}


.hero-home .arrow-down{
    position: absolute;
    left: 50%;
    top: 555px;
    animation: float 2s infinite;
}

.hero-home .route-peek{
    color: var(--text-brown-color);
    height: 800px;
}

.hero-home .route-peek h4{
    max-width: 90%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    line-height: 29px;
    font-size: 35px;
    
}

.hero-home .route-peek p{
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}



.hero-home .sello{
    position: absolute;
    right: -15%;
    margin-top: -50px;
}

.hero-home .text-container p,
.hero-home .text-container h1,
.hero-home .text-container h3{
    line-height: 90%;
}

.hero-home .text-container p{
    margin-bottom: 100px;
}

.more-doc h3{
    padding-left: 20px;
    padding-right: 20px;
}


.home-calendar .button{ 
    margin-top:10px;
    margin-bottom:20px;
}

footer a {
    color: #909092 !important;
}


@media (min-width: 768px) and (max-width: 1300px){
    .calendar-left.fixed .calendar-header-left{
        left: 72px;
        right: 72px
    }

    .gradient .title-container,
    .home-calendar,
    .margin-wrapper,
    .text-container,
    .hero-home .route-peek,
    .route-wrapper,
    .carrusel-horizontal.lugares-imperdibles-home,
    .carrusel-horizontal.gallery-nature-home,
    /* .carrusel-horizontal.gradient .title-container, */
    .carrusel-horizontal.lugares-imperdibles-home,
    .image-title-link,
    footer.desktop,
    .info-util,
    .sello-text,
    .text-content,
    .map,
    .routes-list .carrusel-horizontal .title-container,
    .routes-detail .carrusel-horizontal .title-container,
    .imperdible-detail .carrusel-horizontal .title-container,
    .experiencias  .carrusel-horizontal .title-container,
    .calendar-container,
    header .header-container{
        padding-left: 72px !important;
        padding-right: 72px !important;
    }
    .imperdible-detail .carrusel-horizontal .title-container {
        display: block;
    }
}

.home-calendar p{
    font-family: "gt-light";
    font-size: 15px;
}


.header-container.menu-active{
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 768px){
    .info-util .margin-wrapper{
        padding: 0;
    }

    .doc .margin-wrapper{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .more-doc h3{
        padding-left: 0;
        padding-right: 0;
    }

    
    
    .hero-home{
        text-align: left;
        height: auto;
    }

    .hero-home h3,
    .hero-home h1,
    .hero-home p{
        font-size: 63px;
        
    }
    
    .hero-home .text-container{
        width: 100%;
        margin-top: 11vh;
        
    }
    .hero-home .text-push{
        font-size: 22px;
        max-width: auto;
    }

    .hero-home p{
        max-width: 420px;
    }

    .hero-home .image-1{
        /*background: url(../img/home_hero__1.jpeg);*/
        background: url(../img/home_hero__1.webp);
        background-position: center center;
        background-size: cover;
        min-height: 90vh;
    }
    
    .hero-home .image-2{
        /*background: url(../img/home_hero__2.png);*/
        background: url(../img/home_hero__2.webp);
        background-position: center top;
        background-size: cover;
        min-height: 100vh;
        margin-top: -15vh;
        align-items: center;
        display: flex;
    }

    

    .text-container{
        max-width: 1300px;
        
        position: relative;
    }

    .route-peek{
        text-align: left;
    }
    .hero-home .route-peek{
        max-width: 1300px;
        width: 100%;
    }
    .hero-home .route-peek h4{
        line-height: 50px;;
    }
    .hero-home .route-peek h4,
    .hero-home .route-peek p{
        margin: auto;
        max-width: initial;

        
    }
    .border-radius-10 .card{
        border-radius: 10px !important;
    }
    .hero-home .route-peek{
        
        margin-left: auto;
        margin-right: auto;
        height: 900px;
        display: flex;
        align-items: center;

    }

    .hero-home .arrow-down{
        bottom: 20vh;
        top: auto;
    }

    .hero-home .route-peek h4{
        font-size:54px;
        max-width: 420px;
        margin-left: 0;
    }

    .hero-home .route-peek p{
        font-size: 20px;
        margin-top: 6vh;
        margin-bottom: 6vh;
        max-width: 420px;
        margin-left: 0;
    }

    .hero-home .sello{
        position: absolute;
        left: -10px;
        bottom: -180px;
        top: auto;
    }

    .button.load-more{
        max-width: 636px;
        margin: auto;
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
}

.more-text{
    font-size: 18px;
    font-family: "gt-regular";
    cursor: pointer;
    position: relative;
    z-index: 8;
    text-decoration: underline;
}
.hidden-body{
    margin-bottom: 20px;
}
.hidden-body .text-body{
    height: 90px;
    overflow: hidden;
    position: relative;

}

.hidden-body .text-body.show{
    height: auto;
}

.hidden-body .text-body.show::after{
    display:none;
}

.hidden-body .text-body.show .more-text{
    display:none;
}

.hidden-body .text-body::after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgb(246,245,236);
background: -moz-linear-gradient(0deg, rgba(246,245,236,1) 31%, rgba(246,245,236,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(246,245,236,1) 31%, rgba(246,245,236,0) 100%);
background: linear-gradient(0deg, rgba(246,245,236,1) 31%, rgba(246,245,236,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f5ec",endColorstr="#f6f5ec",GradientType=1);
}

.button.load-more{
    display: none;
}

/* NAV */

#hamb img{cursor: pointer;}
#hamb .cross{display: none;}

@media (min-width: 768px){
    #hamb{
        display: none;
    }
}

.desktop-menu .children-container{    
    max-height: 160px;
    overflow: scroll;
    overflow-x: hidden;
}

.desktop-menu .children{
    display: none;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #F6F5EC;
    max-width: 250px;
    padding-top:10px;
    padding-right:10px;
    border-bottom: 1px solid #BAB9B2;
    
}

.desktop-menu .children a{
    margin: 0;
    padding: 0;
    color: #7B7A79;
    border: 0;
    height: auto;
    font-size: 16px;
    line-height: 20px;
    font-family: "tomato-light";
}

nav{
    position:fixed;
    z-index:98;
    background: var(--pastel-color);
    top: 65px;
    left: 50%;

    width: 100%;
    
    
    border-top: 1px solid #BAB9B2;
    transform:translate(-50%, -110%);
    height: calc(100vh - 65px);
} 

nav.active{
   transform:translate(-50%, 0%);
}

nav p{
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 25px;
    color: var(--nav-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor:pointer;
}

nav .nav-collapsed{
    transition: 0.5s height;
    overflow: hidden;
    height: 0;;
}

nav .nav-collapsed a{
    color: var(--nav-color);
    padding: 4px 30px;
    display: block;
    text-decoration: none;
    font-size: 19px;
}

nav .nav-container{
    border-bottom:1px solid #BAB9B2
}

nav .nav-container.nav-container-language{
    border-bottom:0px solid #BAB9B2
}
nav .nav-container.nav-container-language p {
    display: block;
    font-size: 14px;
    padding-top: 20px;
}
nav .nav-container.nav-container-language p a {
    display: block;
    margin-bottom: 10px;
}

nav .nav-container img{
    transition: 0.4s all;
}

nav .nav-container.active img{
    transform: rotate(180deg);
}

.header-container.menu-active .logo-link{
    width: 40px;
    overflow: hidden;
}

/* main */
main{
    margin-top: 100px;
}

body.no-alert main {
    margin-top: 65px;
}

#search{
    margin-right: 20px;
    cursor: pointer;
    z-index: 20000;
}

@media (min-width: 768px){
    #search-section{
        max-width: 482px;
        right: 0;
        height: 100vh;
    }

    

    #results-search-wrapper{
        
        margin: auto;
        padding-left:0;
        padding-right:0;
    }
    
    #search-section h4,
    #search-section form,
    #search-section p,
    #results-search-wrapper a{
        max-width: 342px;
        margin: auto;
    }

    #results-search-wrapper a{
        font-size: 14px;
        
    }
}

/* footer */

footer{
    padding:15px;
    margin-top: 20px;
    padding-top: var(--mobile-margin);
    color:#909092;
    border-top: 1px solid #BAB9B2;
}

footer.mobile{
    padding-top: 40px;
}
footer.mobile .social,
.mobile-nav-footer .social {
    margin-top: 10px;
}
footer.mobile .footer-logo,
.mobile-nav-footer .footer-logo {
    margin-bottom: 20px;
}

footer .col--1,
.mobile-nav-footer .col--1{
    width: 56%;
}

footer .col--2,
.mobile-nav-footer .col--2{
    width: 40%;
    margin-top: -6px;
}

footer a,
.mobile-nav-footer  a{
    text-decoration: none;
    color: #909092;
    font-size: 13px;
    margin-bottom: 20px;
}

.mobile-nav-footer  a{
    margin-bottom: 0px;
}

footer > div,
.mobile-nav-footer  > div{
    justify-content: space-between;
}
footer .org,
.mobile-nav-footer  .org{
    width: 100%;
    font-size: 11px;
    padding-right: var(--mobile-margin);
    line-height: 16px;
}

footer .develop,
.mobile-nav-footer  .develop{
    font-size: 12px;
    color:#909092;
    margin-top: 10px;
}

footer .grid-social,
.mobile-nav-footer  .grid-social{
    margin-top: var(--mobile-margin);
}

footer .social,
.mobile-nav-footer  .social{
    margin-right: 10px;
}

/* lazyload */
*[data-lazy-load-src]{
    opacity:0;
    transition: 0.5s opacity;
}
.lazy-loaded{
    opacity: 1;
}


/* divider */

.divider{
    border-top: 1px solid #BAB9B2;
}

/* image-title-link */


.image-title-link {
    margin-top: 20px;
    padding-bottom: 20px;
}
.image-title-link.medium h5{
    font-size: 30px;
}
.image-title-link h5{
    margin-bottom: 20px;
    line-height: 90%;
}

.image-title-link p{
    margin-bottom: 20px;
}

/* image-right-text */
.image-right-text a{
    text-decoration: none;
    color:#2F2C2A; 
}
.image-right-text{
    padding: var(--mobile-margin) 0;
}

.image-right-text .button{
    margin-bottom: 30px;
}

.image-right-text .image-col{
    width: 33%;
    margin-right: 3%;
}

.image-right-text .text-col{
    flex: 1;
}

.image-right-text h6{margin-bottom:10px;}


/* routes-home */

.route-hero{
    background-image: url(../img/rutas-bg.png);
    min-height: calc(100vh - 100px);
    background-position: center center;
    background-size: cover;  
    text-align: center;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    position: relative;
}

.route-hero h2{
    color: #43403D;
    font-size: 30px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.route-hero .r-desc{
    color: #43403D;
    font-size: 17px;
    margin-right: 50px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}

/* card-photo */
.card.image-wrapper p,
.card .image-wrapper p{
    position:relative;
    z-index:3;
}


.routes-list .card-photo-wrapper a.card p{
    z-index:2;
}
.routes-list .card-photo-wrapper a.card::after,
.card.image-wrapper::after,
.big-carrousel .scrolling-wrapper .card::after,
.card .image-wrapper::after{
    content:"";
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 72%, #201c14 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 72%, #201c14 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 72%, #201c14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201c14",endColorstr="#201c14",GradientType=1);
    z-index: 1;
}


.routes-list .card-photo-wrapper a.card::after{
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 40%, #201c14 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 40%, #201c14 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, #201c14 100%);    
}
.card-photo{
    margin-top: 30px;
}
.card-photo h3{
    color: #2F2C2A;
    font-size: 30px;
    margin-bottom: 20px;
}

.card-photo a{
    display: block;
    position: relative;
    margin-bottom: 20px;
    color: #F6F5EC;
}

.card-photo a p{
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 75%;
}

.card-photo a p span{
    margin-top: 15px;
}

.card-photo a img{
    border-radius: 3px;
}


/* hero-photo */
.hero-photo{
    height: calc(100vh - 100px);
    height: calc(85vh - 110px);
    background-size: cover;
    background-position: center center;
    position: relative;
}

.hero-photo.small{
    height: 40vh;
}

.content-filter .content-filter-card .card .w-text .title{
    font-size: 20px;
    
}

.content-filter .content-filter-card .card .w-text .subtitle{
    font-size: 14px;
    font-family: 'gt-regular';
    margin-top: 5px;
}
.content-filter .content-filter-card .card .w-text .subtitle.more-top{
    margin-top: 6px;
}
.content-filter .content-filter-card .card .w-text .subtitle.less-top{
    margin-top: 0px;
}

.content-filter .sello-text .grid-columns {
    align-items: center;
}

.content-filter .sello-image{
    width: 40%;
}
.sello-content{
    font-family: "tomato-bold";
}
.sello-content span{    
    font-size: 16px;
}
.content-filter .sello-content{
    width: 60%;
}

.content-filter .sello-image img{
    width: 70%;
}

.hero-photo::before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    content: "";

    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 72%, rgba(0,0,0,0.4360337885154062) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 72%, rgba(0,0,0,0.4360337885154062) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 72%, rgba(0,0,0,0.4360337885154062) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    z-index: 1;
}



.circuitos .sello-text .sello-image,
.routes-detail .sello-text .sello-image{
    width: 40%;
}

.circuitos .sello-text .sello-content,
.routes-detail .sello-text .sello-content{
    width: 60%;
}
.circuitos .sello-text .grid-columns img,
.routes-detail .sello-text .grid-columns img{
    width: 80%;
}

.routes-detail .card-photo-text .image-wrapper{
    line-height: 0;
    border-radius: 3px;
    overflow: hidden;
}

.routes-detail .carrusel-horizontal{
    margin-top: 50px;
    margin-bottom: 50px;
}

.routes-detail .carrusel-horizontal.gradient{
    margin-top: 0;
}

.hero-photo .text-container{
    position: absolute;
    z-index: 2;
    bottom: 25px;
    left: 15px;
    right: 15px;
    text-align: left;
    color: #EAE9DE;
    font-size: 38px;
}

.hero-photo .text-container h3,
.hero-photo .text-container h1{
    line-height: 90%;
    margin-bottom: 20px;
}

.hero-photo.small h3,
.hero-photo.small h1{
    font-size: 32px;
    width: 60%;
}

/* sello-text */
.sello-text{
    padding-top: 30px;
}

.sello-text img{
    margin-right: 30px;
}

/* text-slider */

.text-slider{
    background-color: #FAE4C5;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 90vh;
    overflow: hidden;
    position: relative;
}

.text-slider .margin-wrapper{
    background-color: #FAE4C5;
    position: relative;
    border-radius: 8px;
}

.text-slider h5{
    line-height: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.text-slider .page{
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
}

.text-slider .pager {
    justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}

.text-slider .pager .item{
    width: 13px;
    height: 13px;
    border: 1px solid #43403D;
    border-radius: 50%;
    margin-right: 9px;
    cursor: pointer;
    transition: 0.33s background;
}

.text-slider .pager .item:hover,
.text-slider .pager .item.active{
    background:#43403D;
}

.text-slider .slider-wrapper{
    transition: 0.5s transform;
}

/* card-photo-text */
.card-photo-text{
    margin-top:30px;
    
}
.card-photo-text h3{
    margin-bottom:30px;
}

.card-photo-text .image-wrapper{
    position: relative;
    
    margin-bottom: 5px;
}

.card-photo-text a{
    display: block; 
    text-decoration: none;
    position: relative;
}
.card-photo-text a > p{
    color:#2F2C2A;
    font-size: 14.5px;
    margin-top: 10px;
    text-decoration: none;
    margin-bottom: 25px;
    font-family: "gt-light";
}
.card-photo-text .image-wrapper p{
    position: absolute;
    left: 15px;
    bottom: 15px;
    text-decoration: none;
    color: #F6F5EC;
    line-height: 90%;;
}

/* features-expandible */

.features-expandible .expandible{
    height: 0;
    overflow: hidden;

    transition: 0.33s height;
}

.features-expandible .feature-row-container{
    border-top: 1px solid #BAB9B2;
    border-bottom: 1px solid #BAB9B2;
}

.features-expandible .feature{
    border-bottom: 1px solid #BAB9B2;
    position: relative;
}

.features-expandible .feature:last-child{
    border: 0;
}

.gradient{
    background: rgb(20,31,27);
    background: -moz-linear-gradient(180deg, rgba(20,31,27,1) 0%, #201c14 100%);
    background: -webkit-linear-gradient(180deg, rgba(20,31,27,1) 0%, #201c14  100%);
    background: linear-gradient(180deg, rgba(20,31,27,1) 0%, #201c14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141f1b",endColorstr="#575243",GradientType=1);
    color: #F7DFBD;
    position: relative;
    z-index: 1;
}

.features-expandible .row{
    cursor: pointer;
}
.features-expandible .row .km,
.features-expandible .row .feature-name{
    padding-top: 15px;
    padding-bottom: 15px;
} 

.features-expandible .row .km{
    min-width: 60px;
}
.features-expandible .row .feature-name{
    padding-left: 20px;
    border-left: 1px solid #BAB9B2;
    padding-right: 40px;
}

.features-expandible .row.active .feature-name{
    border:0;
}

.mobile-nav-footer{
    position: absolute;
    bottom:  60px;
    left: 0;
    width: 100%;
    border-top: 1px solid #BAB9B2;
}

.mobile-nav-footer .grid-columns{
    margin-top: 20px;
}

.mobile-nav-footer p{
    padding: 0;
}

/* util-information */



.util-information strong,
.util-information b{
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}


/* info-card */

.info-card{
    background: #FAE4C5;
    border-radius: 4px;
    align-items: center;
}

.info-card .icon-container{
    width: 230px;
    text-align: center;
}

.info-card p{
    border-left: 1px dashed #645B4F;
    color: #2F2C2A;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    
}

.imperdible-detail .util-information .map .margin-wrapper {
    margin-left: 0;
    margin-right: 0;
}


/* content-filter-card */

content-filter-card.invisible{
    display: none;
}

.content-filter-card .image-wrapper{
    position: relative
}
.w-text{
    z-index: 2;
}
.content-filter-card .image-wrapper .w-text{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
 
.content-filter-card a{
    color: #F6F5EC;
    text-decoration: none;
}
.content-filter-card .text-body{
    color: #2F2C2A;
    font-size: 16px;
    margin-top: 10px;
}

.content-filter-card .text-body a{
    color: #2F2C2A;
    text-decoration: underline;
}

/* select-filter */
.select-filter .selector{
    justify-content: space-between;
}

.select-filter .selected{
    font-family: 'tomato-bold';
}

.select-filter .select-menu-option{
    cursor: pointer;
}

.doc-icon-selector{
    cursor:pointer;
    width: calc(25% - 15px);
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;

    font-size: 13px;

    opacity:0.5;
}

.month-indicator{
    
    z-index: 3;
    width: 720px;
}
.calendar-right .month-indicator,
.calendar-right .card.calendar-event{
    width: 490px;
}

.doc-icon-selector.active{
    opacity:1;
}

.content-filter-card .card{
    margin-bottom: 20px;
    display: block;
}

.doc-icon-border{
    border: 1px solid #000000;
    border-radius: 4px;
    
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
}

.routes-detail .hero-photo .text-container p,
.routes-detail .hero-photo .text-container h1,
.routes-detail .hero-photo .text-container h3{
    max-width: 80%;
}


.doc-icon-selector:nth-child(4n){
    margin-right: 0;
}

.doc-icon-selector img{
    width: 60%;
    height: 60%;
}

.doc-icon-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.doc-icon-container.info-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    max-width: 70%;
    margin-bottom: 40px;
}

.doc-text{
    display: none;
}

.doc-text h4{
    margin-bottom: 20px;
    font-family: "tomato-bold";
}

.doc-text img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    border-radius: 4px;
}

.more-doc a{
    color: #000000;
    text-decoration: none;
}
.more-doc .image-wrapper{
    width: 40%;
    margin-right: 20px;

}

.more-doc .image-wrapper img{
    border-radius: 5px;
} 

/* search-section */

#search-section{
    position: fixed;
    top: 100px;
    width: 100%;
    background: #F6F5EC;
    z-index: 10;
    border-top: 0.7px solid #BAB9B2;
    transform: translateY(-100%) ;
    opacity: 0;
    transition: all 0.43s;
}

#search-section.open{
    transform: translateY(0) scale(1);
    height: 100vh;
    opacity: 1;
    overflow-y: auto;
    padding-bottom: 100px;
}

.close-search{
    display:none;
}

#search-section input{
    border-radius: 10px;
    background:#F6F5EC;
    border: 1px solid black;
    width: 100%;
    padding: 10px;
}

#search-section #results-search-wrapper{
    margin-top: 20px;
    margin-bottom: 20px;
}

#search-section #results-search-wrapper a{
    display: block;
    text-decoration: none;
    color: #2F2C2A;
}

.map iframe {
    width: 100% !important;
}


.content-filter-card .card-text {
    margin-bottom: 20px;
    width: 100%;
    
}


.content-filter-card .card-text .title{
    font-size: 28px;    
}
.content-filter-card .card-text .subtitle{
    font-size: 18px;  
    font-weight: bold;
    margin: 20px 0;  
}

.content-filter-card .card-text .subtitle.subtitle-activity {   
    margin-top: -10px;
}

.content-filter-card .card-text .image-border{
    border-radius: 10px;
    margin-bottom: 20px;
}
.content-filter-card .card-text .text-body{
    font-size: 18px;
    line-height: 23px;      
}

.epigrafe {
    font-size: 14px;
    padding: 10px 0;
    display: block;
}

.experiencia-detail .experiencia-text {
    margin-top: 20px ;
    overflow: hidden;
}
.experiencia-detail .experiencia-text p {
    font-size: 16px;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 15px;    
    font-family: 'gt-light';
}

.experiencia-detail .experiencia-text img{
    margin-bottom: 15px;
}

/*.escenica-detail p > span > strong,
.escenica-detail p > strong,
.experiencia-detail .experiencia-text strong {
    font-size: 25px;
    display: block;
    font-family: "tomato-bold";
    margin-top:15px;
    margin-bottom:15px;
}*/

p a {
    color: var(--nav-color);
}

/* .carrusel-horizontal-container .scrolling-wrapper{
    margin-left: 20px;
} */


.text-slider .page{
    padding-top: 30px;
}

.content-filter-card .card-text .subtitle{
    font-family: 'tomato-bold';
}

@media (min-width: 1400px){
    

    .info-util,
    footer.desktop,
    .image-title-link,
    .home-calendar,
    .header-container,
    .carrusel-horizontal.gradient .title-container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.main-section-doc-detail .card .image-wrapper::after{
    display: none;
}

/* .doc-text section.tomato-400{
    font-family: "gt-light";
} */

.calendar-container{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    align-items: flex-start;
}
.calendar-header-left{
    height: 64.5px;
    margin-bottom: 29.5px;
}
.calendar-right{
    overflow-x: scroll;
    overflow-y: hidden;
}
.doc-text .more-doc {}

.main-section-doc-detail .margin-wrapper h3{
    font-size: 24px;
    font-family: "tomato-bold";
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-section-doc-detail .margin-wrapper p {
    font-family: "gt-light";
}

.content-filter-card .card-text p strong,
.main-section-doc-detail .margin-wrapper p strong{
    font-size: 18px;
    font-family: "tomato-bold";
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}
.month-indicator-wrapper{
    background: var(--pastel-color);
}
.month-indicator-wrapper .mon{
    margin-left: 26px !important;
    font-size: 11px;
}

.month-indicator-wrapper .spacer{
    width: 540px;
}

.routes-image-mobile img{
    text-align: center;
    width: 100%;
}

.route-map {
    position: absolute;
    height: 85%;
    width: auto;
    right: 10px;
    top: 7.5%;
    z-index: 2;
}

@media (min-width: 768px){

    .calendar-right .month-indicator,
    .calendar-right .card.calendar-event{
        width: 720px;
    }

    .imperdibles .sello-content span ,
    .experiencias .sello-content span ,
    .aventura .sello-content span ,
    .circuitos .sello-content span ,
    .experiencias-inolvidables .sello-content span ,
    .escenicas .sello-content span {
        font-size: 22px;
    }

    .month-indicator-wrapper .mon{
        margin-left: 26px !important;
        font-size: 16px;
    }
    
    .content-filter .content-filter-card .card .w-text .title{
        font-size: 28px;
    }

    .content-filter .sello-image{
        width: 20% !important;
    }
    
    .content-filter .sello-content{
        width: 80% !important;
    }
    
    .content-filter-card .sello-image img{
        width: 80%;
    }
    

    .routes-detail .sello-text .sello-image{
        width: 20%;
    }
    
    .routes-detail .sello-text .sello-content{
        padding-right: 50px;
        width: 80%;
    }

    .routes-detail .sello-text{
        padding-top: 50px;
        padding-bottom: 50px;
        padding-bottom: 0px;
    }
    .routes-detail .carrusel-horizontal {
        margin-top: 10px;
    }

    .carrusel-horizontal-container .scrolling-wrapper{
        margin-left: auto;
    }
    .lugares-imperdibles-home{
        background: url(../img/mancha-2.png);
        background-repeat: no-repeat;
        background-position: 0 30vh;
        background-size: 15vw auto;
        
    }


    .content-filter-card .card-text .subtitle{
        font-size: 22px;
        font-family: 'tomato-bold';
        margin-top: -5px;
    }
    .content-filter-card .card-text .subtitle.subtitle-activity {
        font-size: 18px;
        font-family: 'tomato-bold';
        margin-top: -10px;
    }

    .main-section-routes .card-photo .card{
        height: auto;
    }
    .map-sello-target,
    .route-hero p,
    .route-hero h2{
        margin-left: 0;
    }

    .content-filter.circuitos .content-filter-card .card .w-text .title{
        font-size: 28px;
    }

    .route-wrapper{
        max-width: 1300px;
        margin: auto;
        position: relative;
    }
  

    .big-carrousel .scrolling-wrapper .card{
        height: auto;
        overflow: initial;
        width: inherit;
        margin-right: 20px;
        
    }

    .home-calendar{
        display: flex;
        flex-wrap: wrap;
    }
    .home-calendar img{
        display: none;
    }
    .home-calendar img,
    .home-calendar .margin-wrapper{
        width: 50%;
        margin: 0;
        padding: 0;
    }
    .home-calendar .margin-wrapper{
        width: 45%;
        padding: 0 !important;
    }

    .margin-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    
    .home-calendar .margin-wrapper h5{
        margin-bottom: 85px;
        font-size: 54px;
    }

    .home-calendar .margin-wrapper p{
        margin-bottom: 177px;
        font-size: 20px;
    }

    .home-calendar .button{
        margin-bottom: 250px;
    }

    .home-calendar{
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
        max-height: 691px;
    }

    .shape-3 img{
        max-height:1220px;
        max-height:990px;
    }

    

    .big-image-wrapper{
        
    }

    .animals{
        position: absolute;
        left: 50%;
        width: 50%;
        top: 0;
        max-width: 1000px;
        transform: translateY(-10%);
        max-width: 760px;
    }

    .shape-1,
    .shape-2,
    .shape-3{
        position: absolute;
    }

    .shape-1 img,
    .shape-2 img,
    .shape-3 img{
        width: 100%;
    }
    .big-image-wrapper{
        position:relative;

    }

    .shape-1{
        right: 80px;
        width: 20vw;
        left: auto;
        top: -80px;
    }

    .shape-2{
        height: 100%;
        transform: translateX(-50%);
    }
    .shape-2 img{
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        transform: translate(-20%, -20%);
    }

    .shape-3{
        width: 80%;
        left: 45%;
        top: 0;
        transform: translateY(-20%);
    }

    .big-carrousel .scrolling-wrapper{
        flex-wrap: nowrap;
    }

    .big-carrousel .carrusel-horizontal-container {
        margin-left:0;
        margin-right:0;
    }

    .gallery-nature-home{
        position: relative;
        z-index: 2;
    }

    .image-title-link{
        position: relative;
        z-index: 2;
    }

    footer.desktop{
        
        border-top: 0;
        padding-bottom: 75px;
        padding-top: 75px;
    }

    

    footer.desktop > .grid-columns > div{
        justify-content: space-between;
        height: 230px;
        display: flex;
        flex-direction: column;
    }

    footer .social img{
        width: 55px;
        height: 55px;
        margin-right: 16px;
    }

    footer.desktop .social .grid-columns {
        justify-content: space-between;
    }
    
    footer.desktop .social .grid-columns img {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    footer.desktop{
        font-size: 16px;
    }
    footer.desktop a{
        font-size: 16px;
        margin-bottom: 17px;
        color: #909092;
    }

    footer.desktop .footer-middle {
        width: 40%;
    }
    footer.desktop .footer-middle a {
        display: block;
        margin-bottom: 10px;
    }
    footer.desktop .org {
        width: 75%;
    }
    footer.desktop,
    .big-carrousel h4,
    .big-carrousel .content-title{
        
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
    }

    .content-filter .arrow-top-container,
    .circuit-detail .arrow-top-container,
    .imperdible-detail .arrow-top-container,
    .routes-detail .arrow-top-container,
    .routes-list .arrow-top-container{
        position: absolute;
        top: 42px;
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        left: 50%;
        text-align: right;
        transform: translateX(-50%);
    }
    

    .gallery-2-rows .scrolling-wrapper{
        height: 620px;
        overflow: hidden;
    }  
    
    .info-util{
        display: flex;
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
        justify-content: space-between;
    }

    .info-util h6{
        font-size: 32px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .info-util .image-right-text .grid-columns img{
        border-radius: 8px;
    }
    .info-util .image-right-text .grid-columns{
        display: block;
        margin: 0;
        justify-content: space-between;
        padding: 0 !important;
    }

    .info-util .image-right-text  {
        width: calc(33.33% - 30px);
    }

    .info-util .image-right-text .grid-columns .image-col,
    .info-util .image-right-text .grid-columns img{
        width: 100%;
    }

    .image-title-link.medium h5{
        font-size: 38px;
    }

    .image-title-link p{
        font-size:20px;
        margin-top: 20px;
    }

    .footer-divisor{
        margin-top: 40px;
    }
    .route-hero::after{
        content: "";
        position:absolute;
        background-image: url(../img/shape-rutas.png);
        background-size: auto 100%;
        background-position: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .route-hero{
        position: relative;
        background-image: url(../img/fondo-rutas.jpeg);
        height: calc(100vh - 98px);
        background-size: cover;
        background-position: center;
        padding-top: 90px;
        text-align: left;
        max-height: 820px;
        min-height: initial;
        min-height: 680px;
        
    }
    #continenta_blanco{cursor: pointer;}
    #map-vector {
        mix-blend-mode: darken;
        mix-blend-mode: multiply;
        position: absolute;
        top: 50%;
        top: 0%;
        left: 35%;
        transform: translate(0, -50%);
        transform: translate(0, 0%);
        z-index: 99;
    }
    #map-vector svg{
        height: 55vh;
        max-height: 600px;
    }

    #map-vector path:hover{
        fill: #9D5D45 !important;
        cursor: pointer;
    }
    
    #map-vector #continenta_blanco:hover g rect{    
        fill: url(#pattern0_hover) !important;
    }
    #map-vector #continenta_blanco:hover path{    
        fill: #9D5D45 !important;
    }

    .route-hero h2,
    .route-hero p{
        max-width: 30%; 
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .route-hero h2{
        font-size: 58px;
        line-height: 51px;;
    }

    .map-selector{
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .map-target{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .map-sello-target{
        margin-left: 50px;   
        margin-top: 50px;   
        margin-top: 30px;   
    }

    .main-section-routes .card-photo .card{
        width: calc(50% - 6px);
        
        overflow: hidden;
        border-radius: 8px;
    }

    .main-section-routes .card-photo .card p{
        font-size: 28px;
        margin-bottom: 20px;
        left: 30px;
        color:#F6F5EC;
        max-width: 75%;
        max-width: 65%;
    }

    .card-photo-wrapper{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .card-photo-bg{
        background: url(../img/rutas-photos-bg.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: top left;
    }

    .hero-photo{
        height: 70vh;
    }

    .hero-photo .text-container{
        max-width: var(--desktop-wrapper-width);
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        bottom: 30px;
        position: absolute;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .circuit-detail  .hero-photo .text-container {
        bottom: 50px;
    }
    
    .circuit-detail .hero-photo {
        margin-bottom: 47px;
    }
    
    .circuit-detail .circuit-bg p {
        font-family: 'gt-light';
        line-height: 24px;
    }

    .hero-photo .text-container p,
    .hero-photo .text-container h3,
    .hero-photo .text-container h1{
        max-width: 440px;
        max-width: 670px;
        padding-left: 32px;
    }

    .experiencias .hero-photo .text-container h3,
    .experiencias .hero-photo .text-container h1{
        max-width: 690px;        
    }

    

    .hero-photo .text-container h3,
    .hero-photo .text-container h1{
        font-size: 54px;
        line-height: 54px;
    }

    .hero-photo .text-container p{
        font-size: 22px;
    }

    .routes-detail .first-carr .arrow-top-container,
    .routes-detail .first-carr .big-title-content,
    .routes-detail .other-circuits,
    .routes-detail .map,
    .routes-detail .sello-text{
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }

    .routes-detail .other-circuits h3{
        width: 60%;
    }

    .content-filter.experiencias .content-filter-card .card{
        width: calc(50% - 10px);
    }
    .content-filter.experiencias .content-filter-card .card.card-100{
        width: 100%;
    }

    .content-filter.experiencias .content-filter-card .card .w-text .title{
        font-size: 28px;
        
    }

    .content-filter.experiencias .content-filter-card .card .w-text .subtitle{
        font-size: 20px;
        font-family: 'gt-regular';
        margin-top: 5px;
    }
    .content-filter .content-filter-card .card .w-text .subtitle {
        font-size: 20px;
    }

    .content-filter.experiencias .sello-text .grid-columns{
        align-items: center;
    }

    .sello-text{
        font-size: 22px;
        font-family: "tomato-bold";
    }

    .routes-detail .sello-text img{
        width: 170px;
    }
    .routes-detail .sello-text .grid-columns{
        flex-direction: row-reverse;
    }

    .bg-rutas-detalle{
        background: url(../img/ruta-detalle-bg.png);
        background-position: center center;
        background-size: cover;
    }

    .card-photo-text-wrapper{
        display: flex;
        justify-content: space-between;
    }
    
    .card-photo-text-wrapper.card-photo-count-1{
        justify-content: flex-start;
    }
    .card-photo-text-wrapper.card-photo-count-1 .card{
        width: 100%;
    }
    .routes-detail .gradient .carrusel-horizontal-container .title-container{
        width: 70%;
    }


    .card-photo-text-wrapper .card{
        width: calc(50% - 10px);
        
        margin-bottom: 20px;
    }

    .card-photo-text-wrapper .card img{
        border-radius: 8px;
        overflow: hidden;
    }

    .card-photo-text .image-wrapper p{
        font-size: 28px;
        
        right: 20px;
        left: 20px;
        bottom: 30px;
    }

    .card-photo-text .card-photo-text-wrapper.card-photo-count-2  .image-wrapper p{
        font-size: 20px;
        line-height: 1.5rem;
    }

    .card-photo-text a > p{
        font-size: 18px;
    }

    #map{
        height: 80vh !important;
    }

    .map-circuits-bg{
        background: url(../img/bolas1.png);
        background-position: center center;
        background-size: cover;
    }

    .text-slider{
        background-position: center center;
        background-size: cover;
        overflow: auto;
        background-position: 0 40px;
        background-color: transparent;
        background-repeat: no-repeat;
        height: auto;
        padding-bottom: 40px;
    }    
    .text-slider{
        margin-top: -40px;
    }

    .text-slider .arrow-left{
        margin-right: 55px;
    }

    .text-slider .margin-wrapper{
        overflow: hidden;
        max-width: 969px;
    }

    .text-slider .grid-columns > div,
    .text-slider .grid-columns > img{
        width: 50%;
    }
    .text-slider .grid-columns > img {
        padding-right: 15px;
    }

    .text-slider h5{
        font-size: 23px;
    }

    .text-slider .page{
        padding: 80px 50px;
    }

    .text-slider .pager{
        display: none;
    }

    .text-slider .arrow-top-container{
        position: absolute;
        top: 30px;
        right: 10px;
        display: block !important;  
        z-index: 99;
    }

    .text-slider .arrow-top-container img{
        cursor: pointer;
    }

    .text-slider h4{
        font-size: 36px;
        margin-bottom: 20px;
    }

    .text-slider h5{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .hero-photo{
        background-attachment: fixed;
    }

    .desktop-margin{
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }

    .info-card .icon-container{
        width: 138px;
    }

    .info-card p{
        font-size: 18px;
    }

    .title-image-text article p,
    .imperdible-detail .desktop-margin p{
        font-size: 18px;
    }

    .title-image-text h6{
        font-size: 38px;
    }

    .title-image-text article h6{
        font-size: 24px;
    }

    .circuit-detail .util-information{
        padding-bottom: 0;
    }

    .features-expandible h3{
        font-size: 38px;
    }

    .features-expandible .row .km {
        min-width: 80px;
        text-align: center;
    }

    .features-expandible .feature,
    .features-expandible .row.margin-wrapper,
    .features-expandible h3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .util-information .margin-wrapper{
        max-width: 997px;
        background: #FAE4C5;
        border-radius: 8px;
        padding: 54px 76px;
        margin-top: -60px !important;
        position: relative;
        
    }

    .util-information{

        padding-bottom: 60px;
    }

    .more-doc h3,
    .util-information h6{
        font-size: 38px;
        color: #2F2C2A;
    }

    .util-information h6{
        font-size: 38px;
        
    }
    .util-information h6:first-child{
        margin-bottom: 20px;
    }

    .circuit-detail .map {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .util-information p{
        font-size: 18px;
    }
    
    .util-information p{
        font-size: 16px;
        line-height: 24px;
        font-family: 'gt-light';
    }

    .info-description{
        margin-right: 10%;
        font-family: 'gt-light';
        line-height: 26px;

    }
    .info-description:first-of-type,.info-map,
    .util-information .first-info-description{
        display: inline-block;
        width: 44%;
        vertical-align: top;
    } 

    .util-information .map{
        padding-top:65px;
    }

    .util-information .map {
        padding-right: 2% !important;
    }
    .util-information .map .margin-wrapper{
        max-width: initial;
        margin: 0;
        padding: 0 !important;
    }

    .imperdible-detail .info-description:first-of-type, .info-map, 
    .imperdible-detail .util-information .first-info-description
    {
        width: 100%;
    }
    .imperdible-detail .util-information .map {
        padding: 0% !important;
        display: block;
    }
    .imperdible-detail .util-information .map .margin-wrapper {
        padding: 0 !important;
        margin-top: 20px !important;
    }

    #map{
        height: 332px !important;
    }

    .util-information{
        background-size: cover;
        background-position: center;
        margin-top: 100px;
    }
    
    .circuit-detail .util-information{
        margin-top: 0;
    }

    .path-bg{
        background-image: url(../img/imperdible-bg.png);
        background-size: 50vw;
        background-position: -110px -100px;
        background-repeat: no-repeat;
        font-size: 18px;
    }

    .circuit-bg{
        background: url(../img/circuit-bg.png);
        background-position:top left;
        background-size: 100%;
        padding-bottom: 120px;
        font-size: 18px;
    }


    .doc .margin-wrapper,
    .doc .more-doc{
        max-width: 856px;
        margin-left: auto;
        margin-right: auto;
    }

    .doc .elements-wrapper{
        display: flex;
    }

    .doc .card{
        flex-direction: column;
    }

    .doc .more-doc .image-wrapper{
        width: calc(100% - 33px);
        margin-right: 0;
    }

    .doc .doc-text,
    .doc p{
        font-size: 18px;
    }
    .doc .more-doc p{
        font-size: 20px;
    }
    .doc .more-doc .title{
        font-size: 32px;
        margin-bottom: 46px;
    }

    .doc .doc-icon-selector{
        width: 111px;
        width: 97px;
        font-size: 18px;
    }

    .doc-icon-selector:nth-child(4n) {
        margin-right: 10px;
    }
    
    .doc .info-container .doc-icon-selector{
        width: auto;
        font-size: 50px;
        text-align: left;
        margin-bottom: 0;
    }

    .doc .doc-icon-selector .doc-icon-border{
        height: 111px;
        margin-bottom: 20px;
    }

    .doc h4{
        font-size: 26px;
        font-family: 'tomato-bold';
    }

    .doc section{
        font-size: 18px;
    }
    .experiencias-inolvidables .content-filter-card h3,
    .turismo-aventura-detail .content-filter-card h3{
        font-family: 'tomato-bold';
        font-size: 38px;
        margin-bottom: 20px;
    }

    .turismo-natural-urbano .hero-photo .text-container  p,
    .experiencias-inolvidables .hero-photo .text-container p{
        margin-bottom: 20px;
        font-family: 'tomato-bold';
    }

    .turismo-aventura-detail .content-filter-card,
    .descargas-detail .content-filter-card,
    .experiencias-inolvidables .content-filter-card,
    .select-filter,
    .content-filter .sello-text{
        max-width: 859px;
    }

    .select-filter .line-margin{
        display: none;
    }
    .select-filter{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .select-filter .select-row{
        width: 399px;
        
    }
    .select-filter .select-row select{
        height: 49px;
    }

    .select-filter .selector div{
        font-size: 24px;
    }

    .select-filter .label-selector{
        margin-right: 38px;
    }

    .content-filter-card{
        display: flex;
        max-width: 1300px;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .aventura .content-filter-card {
        margin-top: 20px;
    }

    .content-filter-card .w-text{
        font-size: 28px;
    }
 
    .rutas-escenicas .content-filter-card .w-text{
        font-size: 22px;
    }
    
    .content-filter-card .w-text .subtitle{
        margin-top: 10px;
        font-weight: normal;
        font-size: 16px;
        font-family: 'gt-regular', Arial, Helvetica, sans-serif;
    }

    .content-filter-card .card{
        width: calc(50% - 10px);
    }
    .content-filter-card .card.card-100{
        width: 100%;
    }
    .circuitos .content-filter-card .card{
        width: calc(33.33% - 10px);
    }

    .circuitos .content-filter-card {
        gap: 10px;
        justify-content: left;
    }

    .filter-bg{
        background: url(../img/filter-bg.png);
        background-position: 0 -90px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: -10px;
    }

    .month-indicator{
        
        
        z-index: 3;
    }

    .event-image-container h6{
        position: absolute;
        bottom: 25px;
        left: 20px;
        right: 20px;
        font-size: 22px;
        color: #F6F5EC;
        z-index: 2;
    }

    

    .month-indicator-wrapper .spacer{
        width: 370px !important;
        height: 1px;
    }

    .lugares-imperdibles-home.carrusel-horizontal .carrusel-horizontal-container ,
    .carrusel-horizontal .carrusel-horizontal-container {
        padding-bottom: 30px !important;
    }
    .lugares-imperdibles-home.carrusel-horizontal .carrusel-horizontal-container .button,
    .carrusel-horizontal .carrusel-horizontal-container .button{
        margin-top: 10px;
    }
    .landing .big-carrousel.carrusel-horizontal .carrusel-horizontal-container .button,
    .big-carrousel.carrusel-horizontal .carrusel-horizontal-container .button{
        margin-top: 10px;
    }
    .landing .big-carrousel .carrusel-horizontal-container ,
    .big-carrousel .carrusel-horizontal-container {
        padding-bottom: 30px !important;
    }
    .landing .big-carrousel .arrow-container ,
    .big-carrousel .arrow-container {
        top: 33px;
    }

    .info-util-title .margin-wrapper {
        padding: 0 !important;
    }

    .routes-detail .map .margin-wrapper {
        padding: 0 !important;
    }
    .escenica-detail .map .margin-wrapper {
        padding: 0 !important;
    }
}

@media all and (min-width: 768px) and (max-width:1300px) {
    .landing .big-carrousel .arrow-container ,
    .big-carrousel .arrow-container {
        right: 70px;
    }
    .big-carrousel.carrusel-horizontal .card:first-child {
        margin-left: 70px !important;
    }
    .circuit-detail .big-carrousel.carrusel-horizontal .title ,
    .descargas .big-carrousel.carrusel-horizontal .title ,
    .descargas-detail .big-carrousel.carrusel-horizontal .title ,
    .turismo-natural-urbano .big-carrousel.carrusel-horizontal .title ,
    .circuitos .carrusel-horizontal .title ,
    .imperdibles .carrusel-horizontal .title ,
    .escenicas .carrusel-horizontal .title ,
    .aventura .carrusel-horizontal .title ,
    .turismo-aventura-detail .carrusel-horizontal .title ,
    .experiencias-inolvidables .carrusel-horizontal .title {
        margin-left: 70px !important;
    }
}


.main-section-calendar .select-filter{
    margin-top: 60px;
}

.month-indicator-wrapper{
    margin-bottom: 20px;    
    padding-top: 22px;
    padding-bottom: 22px;
    color: #2F2C2A;
    font-size: 16px;
    margin-bottom:29.5px;
}
.month-indicator-wrapper {
    display:flex;
}
.bg-calendar {
    border-top: 1px solid #BAB9B2;
    margin-top:50px;
}
.calendar-right.fixed .month-indicator-wrapper{
    margin-bottom: 0;
}
.calendar-left.fixed .calendar-header-left{
    top: 100px;
    position: fixed;
    z-index: 3;
    right: 72px;
    left: 72px;
}

.calendar-right.fixed .month-indicator {
    top: 100px;
    position: fixed;
    overflow-x: auto;
}



.no-alert .calendar-left.fixed .calendar-header-left ,
.no-alert .calendar-right.fixed .month-indicator  {
    top: 66px;
}

.month-indicator-wrapper,.calendar-header-left{
    border-bottom: 1px solid #BAB9B2;
    background: var(--pastel-color);
    
}
.month-indicator-wrapper{
    background: transparent;
}

.calendar-left.fixed::before,
.calendar-right.fixed::before{
    height: 93px;
    content: "";
    width: 100%;
    display: block;
}


.month-indicator-wrapper .month-container::-webkit-scrollbar {
    display: none;
}

.month-indicator-wrapper .month-container::-webkit-scrollbar {
    display: none;
}

.month-indicator-wrapper,
.calendar-event {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}



.month-indicator-wrapper .mon{
    margin-left: 30px;
}

.event-image-container{
    width: 180px;
    position: relative;
}

.event-image-container img{
    border-radius: 8px;
}



.calendar-event .description{
    margin-top: 40px;
    margin-bottom: 20px;
    display: none;
    max-width: 600px;
    font-family: "gt-light";
    position: absolute;
}   

.bg-calendar .card.active .description{
    display: block;
}

.bg-calendar .card{
    cursor: pointer;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #BAB9B2;
    height: 190px;
}





.event-month-wrapper::-webkit-scrollbar {
    display: none;
}

.column-center{
    align-items: center;
}

.m-indicator::after,
.m-indicator.active::after{
    display: inline-block;
    content:"";
    width:10px;
    height:10px;
    border-radius: 50%;
    border: 1px solid #2F2C2A;
    margin-left: 17px;
}

.m-indicator.active::after{
    background:  #2F2C2A;
}

.content-filter-card .card-text .title{
    font-family: 'tomato-bold';
    margin-bottom: 20px;
    font-size: 22px;
}



@media(max-width:767px){
    
    
    .bg-calendar{
        margin-top: 10px;
    }
    .calendar-left.fixed .calendar-header-left{
        left: 20px;
        right: 20px;
    }
    .bg-calendar{
        margin-left: 20px;
        margin-right: 20px;    
    }
    .bg-calendar .card{
        height: 107px;
    }
    .calendar-left.fixed::before,
    .calendar-right.fixed::before{
        height: 59px;
    }
    .month-indicator-wrapper{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .calendar-header-left{
        height: 30.5px;
    }
    .select select{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .gradient.carrusel-horizontal .title-container{
        margin-bottom: 0;
    }
    .gradient.carrusel-horizontal .title {
        margin-bottom:30px !important;
        font-size: 28px;
    }

    .text-slider .pager{
        display: none !important;
    }
    .text-slider{
        height: auto;
        padding-bottom: 30px;
    }
    .text-slider .arrow-top-container{
        display: block !important;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 10;
    }
    .text-slider .arrow-top-container .arrow-right{
        position: absolute;
        right: 0;
    }
    .card-photo-text h3{
        margin-bottom: 30px;
    }

    .text-slider .arrow-top-container .arrow-right,
    .text-slider .arrow-top-container .arrow-left{
        background: rgba(255,255,255,0.3);
        padding: 10px;
        border-radius: 50%;
        width: 36px;
        height: 37px;
    }

    .carrusel-horizontal .title{
        font-size: 28px;
    }

    .text-slider .margin-wrapper{
        height: auto;
    }
    .routes-detail .carrusel-horizontal{
        margin-bottom: 15px;
    }
    .routes-detail .hero-photo{
        margin-bottom: 30px;
    }
    .routes-detail .carrusel-horizontal{
        margin-top: 20px;
    }
    .sello-text{
        padding-top: 0;
    }
    .sello-text img{
        margin-left: 12px;
        width: 70%;
    }

    .routes-detail .sello-text .grid-columns  {
        align-items: center;
    }

    .text-wrapper-router{
        position: absolute;
        top: 73%;
        height: 50%;
        transform: translateY(-25%);
    }
    .image-title-link.home-calendar .margin-wrapper{

    }
    .lugares-imperdibles-home .card:first-child,
    .gallery-2-rows .card:first-child{
        margin-left: 20px !important;
    }

    
    
    .experiencias-inolvidables .hero-photo p{
        margin-bottom: 10px;
    }
    .event-month-wrapper{margin-left:0;}
    .month-indicator-wrapper .mon{
        margin-left: 25px !important;
        font-size: 7px !important;
    }

    .m-indicator.active::after{
        width:10px;
        height:10px;
    }
    .event-image-container > img{
        width: 80px;
    }
    .calendar .plus-icon {
        position: absolute;
        top: initial;
        bottom: 8px;
        left: 52px;
        width: 20px;
        right: initial;
        
    }
    
    .circuit-detail .plus-icon {
        top: 15px;
    }

    .calendar .plus-icon img {
        width: 20px !important;
    }
    .event-image-container::after{
        display: none;
    }

    .carrusel-horizontal-container .carrousel-sello{
        top: 0 !important;
    }
    .carrusel-horizontal-container .carrousel-sello img{
        height: 111px;
    }
    .text-slider .page{
        font-size: 11.5px;
    }

    .text-slider .page h4,
    .text-slider .page img{
        margin-bottom: 15px;
    }

    .route-hero .r-desc {
        margin-left: 50px;
        margin-top: 0px;
    }

    .text-container .secont-text{
        margin-top: 10px;
    }
    .hero-home .image-1{
        height: 590px;
    }
    .hero-home .image-1 .text-container{
        margin-top: 9vh;
    }

    .button.load-more{
        margin-left: var(--mobile-margin);
        margin-right: var(--mobile-margin);
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .event-image-container h6{
        font-size:16px;
        margin-left: 20px;
        background: var(--pastel-color);
        width: 87px;
    }
    

    .text-slider{
        background-image: none !important;
    }

    .text-slider .page .grid-columns{
        display: block;
    }

    
    .util-information{
        background: #FAE4C5 !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .util-information h6{
        margin-bottom:15px;
    }

    .event-image-container{
        display: flex;
    }

}

@media only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    .text-wrapper-router{
        top: 68%;
    }
}

@media only screen and (max-height: 600px) and (max-width: 320px) {
    .route-hero{
        background-position: 0 -47px;
    }

    .text-wrapper-router {
        top: 285px;
    }

    .route-hero h2{
        color: #43403D;
        font-size: 28px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 20px;
    }

    .route-hero .r-desc{
        color: #43403D;
        font-size: 16px;
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-top: 0px;
    }

    .hero-home .text-container p {
        margin-bottom: 50px;
    }

    .hero-home {
        background-size: auto 100%;
        background-position: top;     
        height: 943px;   
    }
    .hero-home .image-1 {
        height: 460px;
    }
    .hero-home .route-peek h4 {
        font-size: 27px;
    }
    .hero-home .route-peek p {
        max-width: 80%;
        margin-bottom: 20px;
    }
}


.escenicas .card .subtitle-ruta  {
    display: none;
}



@media (min-width: 1300px){
    .calendar-left.fixed .calendar-header-left{
        width: 1080px;
        left: 50%;
        transform: translateX(-50%);
    }
}


@supports (-webkit-touch-callout: none) {
    .month-indicator-wrapper .mon{
        margin-left: 15px !important;
    }
    .m-indicator{
        width: 36px;
    }
    .calendar-header-left{
        height:32px;
    }
    .month-scroll{
        width: 500px;
    }
}