@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (max-width:1920px) {

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}


@media screen and (min-width:1300px) and (max-width:1500px) {

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:100%; padding: 0 15px;}

.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { column-gap: 35px;}
.hdr-links { margin-left: 20px; }
.hdr-links ul li:last-child { margin-left: 10px; }
.cbp-hrsub-inner-lft .menu-lft p br { display: none;}
.cbp-hrsub-inner-lft .menu-lft p { margin-bottom: 35px;}
.cbp-hrsub-inner-lft .menu-rht { padding-left: 50px;}
.scl-links ul { column-gap: 10px;}

.slider .swiper-slide .banner-caption { padding-left: 15px; max-width: 400px; padding-right: 60px;}
.slider .swiper-slide .banner-cnt { top: 50%;}
.slider .swiper-slide .banner-caption h1 { font-size: 48px; line-height: 58px;}
.slider .swiper-slide .banner-caption h1 span { font-size: 32px; line-height: 48px;}
.home-slider-nav { width: 100%; padding: 0 15px;}
.camera-ico { right: 15px;}

.banner-cnt-main h2 { font-size: 48px; line-height: 58px;}

.inner-ban-list-sec { padding: 70px 0; }
.el-municipio-sec > div:first-child { padding-left: 15px; padding-right: 150px;}
.el-municipio-sec p br { display: none;}
.el-municipio-sec h3 { font-size: 48px; line-height: 58px;}
.el-municipio-sec p { padding-bottom: 40px;}
.el-municipio-sec > div:last-child { padding-right: 15px;}

.descubre-loarre-sec { padding: 70px 0; }
.puntos-title-div { max-width: 720px;}
.puntos-title-div h2 { font-size: 48px; line-height: 58px; margin-bottom: 15px;}
.puntos-main .puntos-txt h3 { font-size: 26px; line-height: 32px;}
.puntos-main .puntos-txt { padding: 0px 10px 25px;}

.ban-content { padding-left: 15px; max-width: 620px;}
.hm-area-ban img { height: 500px; object-fit: cover;}
.ban-content h3 { font-size: 48px; line-height: 58px;}
.ban-content p {padding-bottom: 35px;}

.experiencias-sec { padding: 70px 0; }
.experiencias-cont .experiencias-lft { width: 48.5%;}
.experiencias-cont .experiencias-rgt { width: 48.5%;}
ul.filter-menu-lst { column-gap: 25px;}
.experiencias-cont h2 { font-size: 48px; line-height: 58px;}
.menjar-main .menjar-txt h3 a { font-size: 26px;}
.dormir-main .dormir-txt h3 a { font-size: 26px;}

.siguenos-sec { padding: 60px 0px;}
.share-links ul { column-gap: 10%; }
.ftr-mid-main { display: flex;}
.ftr-mid-lft { width: 100%;}
.ftr-mid-contact { padding-left: 0px;}
.ftr-mid-rgt { row-gap: 10px;}

/* inner banner*/
.inner-slider .banner-caption { max-width: 400px; padding-left: 15px; padding-right: 40px; padding-top: 15px; padding-bottom: 20px;}
.inner-slider .banner-caption h1 { font-size: 62px; line-height: 70px; letter-spacing: normal;}
.inner-slider-nav { width: 100%; left: 15px; bottom: 40px;}
.inner-slider .camera-ico {bottom: 40px;}
.inner-ban-cnt { left: 15px; padding: 30px 0 0;}

.inner-puntos-list { padding-top: 0;}

.banner-ban-main { padding-bottom: 70px;}
.banner-ban-main .banner-cnt-main > div:first-child { padding-right: 50px; flex: 0 1 calc(100% - 460px);}
.banner-ban-main .banner-cnt-main > div:last-child { flex: 0 1 460px;}

.rutes-slide-sec { padding: 50px 0 70px;}
.donde-slide-sec .experiencias-lft { width: 100%;}

.rutas-list-sec { padding: 60px 0;}
.rutas-list ul { row-gap: 50px; }
.pagination { margin-top: 50px; }

.breadcrumb { padding: 35px 0;}
.inner-title-sec { padding: 15px 0 35px;}
.inner-title-sec h1 { font-size: 52px; line-height: 60px;} 

.single-ruta-sec { padding: 0 0 70px;}
.single-ruta-main .ruta-rgt { padding-left: 30px;}
.single-ruta-content p { padding-bottom: 40px;}

.download-sec { padding: 30px 0 80px;}
.download-list ul { row-gap: 60px;}
.download-main .download-img span img { width: 32px;}
.download-main .download-cnt { padding: 25px 30px; }
.download-main .download-cnt h3 { font-size: 28px; line-height: 38px;}

.mapa-list-top { padding-top: 35px; }
.otros-sec { padding: 70px 0;}
.otros-sec h2 {font-size: 48px; line-height: 58px; }
.otros-main .otros-cnt h3 { font-size: 28px; line-height: 34px;}

.arribar-map .banner-caption {padding-left: 15px;}
.arribar-list-sec { padding: 60px 0; }
.arribar-list-sec.lght-bg { padding: 60px 0; }

.directorio-sec {padding: 0 0 70px;}

.contact-sec { padding: 60px 0px;}
.contact-form-sec { padding: 70px 0; }
ul.contact-lst > li { padding-left: 40px;}
.inner-banner .banner-caption {padding-left: 15px; max-width: 400px; padding-right: 50px;}
.inner-banner .banner-caption h1 { font-size: 58px; line-height: 68px;}

.agenda-sec { padding: 40px 0 70px;}
.agenda-main-list .agenda-rgt { padding-left: 30px;}
.agenda-main .agenda-txt h3 a { font-size: 22px; line-height: 30px;}
.agenda-main .agenda-txt p { font-size: 15px; line-height: 23px;}
.search-sec-bg .banner-caption { padding-left: 15px; width: 80%;}

}   

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:100%; max-width: 100%; padding: 0 15px;}

header { height: 91px;}
.head-top { height: 91px;}
.head-top-in { padding: 15px 20px;}
.cbp-hrmenu, .scl-links { display: none;}
.logo img { width: 100px;}
.hdr-links ul li:last-child { display: none;}
body.home-page .head-top { position: relative;}
.hamburger-menu { display: block;}
.hdr-links { margin-left: 0;}
.head-rgt { column-gap: 20px;}
.mob-search { display: block;}

/*banner*/
.slider .swiper-slide .banner-caption { max-width: 380px; padding-left: 35px; padding-right: 40px; padding-top: 20px; padding-bottom: 30px;}
.slider .swiper-slide .banner-caption h1 { font-size: 52px; line-height: 62px; letter-spacing: normal;}
.slider .swiper-slide .banner-caption h1 span { font-size: 28px; line-height: 38px;}
.slider .swiper-slide img { height: 500px; object-fit: cover;}
.slider .swiper-container-horizontal .swiper-pagination-bullets { left: -30px; justify-content: center;}
.home-slider-nav { width: 100%; left: 15px; bottom: 35px;}
.camera-ico { right: 15px; bottom: 35px;}

.banner-content-sec { padding: 50px 0;}
.banner-cnt-main { row-gap: 15px;}
.banner-cnt-main > div:first-child { flex: 0 1 100%;}
.banner-cnt-main > div:last-child { flex: 0 1 100%;}
.banner-cnt-main h2 { font-size: 38px; line-height: 48px;}
.banner-cnt-main h2 br { display: none;}
.banner-cnt-main p { padding-bottom: 20px;}

.inner-ban-list-sec { padding: 60px 0;}
.inner-ban-lst ul { row-gap: 10px;}
.inner-ban-lst ul li { flex: 0 1 100%;}
.inner-ban-main { padding: 20px; border-radius: 0px; flex-direction: row; justify-content: flex-start; background: #8F010A; border: 2px solid #8F010A; column-gap: 20px;}
.inner-ban-main .inner-icon { min-height: inherit; flex: 0 1 50px; justify-content: center;}
.inner-ban-main h2 { background: url("../images/link-arrow-right.svg") no-repeat right center; column-gap: 15px; text-align: left; font-size: 22px; line-height: 28px; flex: 0 1 calc(100% - 70px); min-height: inherit; color: #FFFFFF;}
.inner-ban-main .inner-icon img { height: 30px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(197deg) brightness(112%) contrast(101%); transition: all 0.5s ease;}
.inner-ban-main:hover {background: #FDB137; border: 2px solid #FDB137;}

.el-municipio-sec > div:first-child { padding-left: 15px; padding-right: 100px;}
.el-municipio-sec h3 { font-size: 42px; line-height: 52px;}
.el-municipio-sec p { padding-bottom: 30px;}
.el-municipio-sec p br { display: none;}
.el-municipio-sec > div:last-child { padding-right: 15px;}

.descubre-loarre-sec { padding: 60px 0;}
.puntos-title-div h2 { font-size: 38px; line-height: 48px; margin-bottom: 15px;}
.puntos-list { padding-top: 30px;}
.puntos-list ul { column-gap: 2%;}
.puntos-list ul li {flex: 0 1 23.5%;}
.puntos-main .puntos-txt { padding: 0px 10px 15px;}
.puntos-main .puntos-txt h3 { font-size: 20px; line-height: 28px;}
.abs-btn-lst ul { column-gap: 2%;}
.abs-btn-lst ul li { flex: 0 1 49%;}
.abs-btn-lst { position: relative; right: 0px; top: 0; width: 100%; float: left; margin-top: 30px;}
.puntos-main .puntos-txt::after { position: absolute; content: ""; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); width: 100%; height: 100px; z-index: -1;}

.hm-area-ban img { height: 450px; object-fit: cover; }
.ban-content { padding-left: 15px; max-width: 65%; padding-right: 60px; padding-top: 40px; padding-bottom: 40px;}
.ban-content h3 { font-size: 38px; line-height: 48px;}
.ban-content p br { display: none;}
.ban-content p { padding-bottom: 40px;}

.experiencias-sec { padding: 0;}
.experiencias-cont { row-gap: 0; }
.experiencias-cont .experiencias-lft { padding: 60px 0; width: 100%;}
.experiencias-cont .experiencias-rgt { padding: 60px 0; padding-left: 15px; padding-right: 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; background: rgba(255,247,235,0.70);}
.experiencias-cont h2 { font-size: 42px; line-height: 50px; }
ul.filter-menu-lst { margin-right: -15px; width: calc(100% + 15px); padding-right: 15px; column-gap: 20px; white-space: nowrap; flex-wrap: nowrap; overflow: auto; scrollbar-width: none; margin-bottom: 20px; }
.menjar-main .menjar-txt h3 { margin-bottom: 10px; line-height: normal;}
.menjar-main .menjar-txt h3 a { font-size: 26px; line-height: 28px;}
.dormir-main .dormir-txt h3 a { font-size: 26px; line-height: 28px;}
.dormir-main .dormir-txt h3 { margin-bottom: 10px;}
.dormir-slide .swiper-btm { margin-top: 40px;}
.menjar-slide .swiper-container::after, .dormir-slide .swiper-container::after { position: absolute; content: ""; top: 0; right: 0; width: 100px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); z-index: 1;}
ul.filter-menu-lst li a {  display: inline-block;}
.venure-btn a { padding: 0px 24px;}
.experiencias-rgt .venure-btn a {background: #8F010A; color: #FFFFFF;}
.experiencias-rgt .venure-btn a:hover {background: #FDB137; color: #303030; border: 2px solid #FDB137;}
.swiper-btm { margin-top: 40px;}
.swiper-nav-rel { flex: 0 1 auto; margin-right: 15px; }
.menjar-slide, .dormir-slide { margin-right: -15px; width: calc(100% + 15px); }
.menjar-slide .swiper-button, .dormir-slide .swiper-button { width: 65px;}

.siguenos-sec { padding: 60px 0;}
.siguenos-sec h2 { font-size: 48px; line-height: 58px;}
.share-links ul { column-gap: 10%;}

footer { padding: 50px 0;}
.ftr-menu-links { width: 100%; flex-wrap: wrap; gap: 0; row-gap: 20px; column-gap: 15px; justify-content: space-evenly;}
.menu-column { flex: 0 1 auto; row-gap: 20px;}
.menu-title { margin-bottom: 0; font-size: 18px;}
.ftr-top-main { order: 3; padding-bottom: 0px; padding-top: 20px;}
.ftr-top-logos ul { flex-wrap: nowrap; column-gap: 20px;}
.ftr-btm-main > div { flex: 0 1 100%; width: 100%;}
.ftr-scl-links { width: 100%;}
.ftr-scl-links ul { justify-content: center; width: 100%;}
.menu-link { display: none;}
.menu-column > .menu-column { margin-top: 0;}
.ftr-mid-lft { order: 2; width: 100%;}
.ftr-mid-main { display: flex; flex-wrap: wrap; border-top: none; border-bottom: none; padding: 0;}
.ftr-btm-main { padding-top: 30px; flex-direction: column; align-items: flex-start;}
.ftr-mid-logo img.desk-logo { display: none;}
.ftr-mid-logo img.mob-logo { display: block;}
.ftr-mid-rgt { width: 100%; justify-content: center; align-items: center; flex-wrap: nowrap; padding-bottom: 30px; border-bottom: 1px solid rgba(143, 1, 10, 0.30); margin-bottom: 30px;}
.ftr-mid-contact { width: auto; padding-left: 10px;}
.ftr-mid-logo { width: 107px;}
.ftr-mid-contact p br { display: none;}
.ftr-btm-main > div.ftr-btm-lft { flex: 0 1 100%; width: 100%; order: 2; padding-top: 20px; border-top: 1px solid rgba(143, 1, 10, 0.30); margin-top: 30px; }
.ftr-scl-links ul li a { filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(6352%) hue-rotate(342deg) brightness(55%) contrast(124%);}
.ftr-scl-links ul li a:hover { filter: brightness(0) saturate(100%) invert(14%) sepia(5%) saturate(30%) hue-rotate(329deg) brightness(104%) contrast(90%);}
.foot-btm-rht ul.ftr-btm-menu { width: 100%; flex-wrap: nowrap; justify-content: center;}
.foot-btm-rht ul.ftr-btm-menu li a { color: #8F010A;}
.foot-btm-rht ul.ftr-btm-menu li a:hover { color: #303030;}
.foot-btm-lft p { display: none;}
.foot-btm { width: 100%;}
.foot-btm > div { flex: 0 1 100%;}

/* inner banner*/
.inner-slider .banner-caption { max-width: 350px; padding-left: 15px; padding-right: 40px; padding-top: 15px; padding-bottom: 20px;}
.inner-slider .banner-caption h1 { font-size: 58px; line-height: 68px; letter-spacing: normal;}
.inner-slider-nav { width: 100%; left: 15px; bottom: 30px;}
.inner-slider .camera-ico {bottom: 30px;}
.inner-ban-cnt { left: 15px; padding: 20px 0 0;}


.inner-puntos-list { padding-top: 0;}

.banner-ban-main .banner-cnt-main { row-gap: 30px;}
.banner-ban-main .banner-cnt-main > div:first-child { padding-right: 0;}
.banner-ban-main .banner-cnt-main h2 br { display: none;}
.banner-ban-main { padding-bottom: 70px;}
.donde-slide-sec .swiper-btm { justify-content: right;}
.donde-slide-sec .swiper-nav-rel {width: auto; justify-content: right;}
.donde-slide-sec .menjar-slide { position: relative;}
.donde-slide-sec .experiencias-lft .venure-btn { top: auto; width: auto; order: inherit; bottom: 0px; left: 0; right: auto; z-index: 1;}

.rutes-slide-sec { padding: 40px 0 60px;}
.rutes-slide-slider h2 {font-size: 42px; line-height: 50px; }
.rutes-slide-slider { width: calc(100% + 15px); margin-right: -15px;}
.rutes-slide-slider .swiper-btm { justify-content: right;}
.rutes-slide-slider .swiper-nav-rel {width: auto; justify-content: right;}
.rutes-slide-slider .venure-btn { top: auto; width: auto; order: inherit; bottom: 0px; left: 0; right: auto; z-index: 1;}
.rutes-main .rutes-txt h3 a {font-size: 26px; line-height: 30px;}
.rutes-slide-slider .swiper-container::after { position: absolute;  content: "";  top: 0;  right: 0; width: 100px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); z-index: 1; }

.rutas-filter-sec { padding: 30px 0;}
.rutas-filter-main { row-gap: 25px;}
.rutas-filter-list { order: 2; width: 100%;}
.view-tab { float: left; width: 100%;}
.view-tab ul.tab-list { justify-content: right;}
.rutas-filter-list ul {padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto;scrollbar-width: none; flex-wrap: nowrap; column-gap: 10px; justify-content: left;}
.rutas-filter-list ul li { display: inline-block; white-space: nowrap;}
.rutas-list-sec { padding: 50px 0;}
.rutas-list ul { row-gap: 40px; }
.pagination { column-gap: 25px; margin-top: 40px; }
a.prev-arw, a.next-arw { text-indent: -999px;}
.rutes-main .rutes-txt { padding: 15px 0px 0px;}
.rutes-main .rutes-txt h3 { margin-bottom: 10px;}

.breadcrumb { padding: 20px 0;}
.inner-title-sec { padding: 10px 0 20px;}
.inner-title-sec h1 { font-size: 48px; line-height: 58px;}
.inner-title-sec p { font-size: 18px; line-height: 28px; padding-top: 20px;}

.single-ruta-sec { padding: 0 0 50px; }
.single-ruta-main .ruta-lft { width: 100%;}
.single-ruta-main .ruta-rgt { width: 100%; padding-left: 0px;}
.single-ruta-content p { padding-bottom: 25px; }
.single-ruta-img { padding-bottom: 25px;}
.ruta-img-slide .swiper-nav-rel { padding: 0 15px; margin-right: 0;}
.ruta-img-slide .swiper-btm { bottom: 30px; }
ul.data-list { margin-bottom: 30px;}


.download-sec { padding: 40px 0 60px;}
.download-list ul { row-gap: 50px;}
.download-list ul li { flex: 0 1 47%;}
.download-main .download-img { margin-bottom: 20px;}
.download-main .download-img span { right: 15px; top: 15px;}
.download-main .download-img span img { width: 28px;}
.download-main .download-cnt { padding: 20px 30px; }
.download-main .download-cnt h3 { font-size: 28px; line-height: 38px;}
.download-main .download-link { padding: 0 40px;}

.mapa-list-top { padding-top: 30px; }
.otros-sec { padding: 60px 0;}
.otros-sec h2 {font-size: 42px; line-height: 50px; }
.otros-main .otros-cnt h3 { font-size: 26px; line-height: 32px;}

.arribar-map .banner-cnt { position: relative;}
.arribar-map .banner-caption form { flex-wrap: wrap;}
.arribar-map .banner-caption { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; clip-path: inherit;}
.calculate-btn a { padding: 0 15px;}
.arribar-map .banner-caption form input[type="text"] { width: calc(100% - 246px); padding: 0 15px;}

.arribar-list-sec { padding: 50px 0;}
.arribar-list { row-gap: 20px;}
.arribar-list .arribar-info { flex: 0 1 100%;}
.arribar-list .arribar-img { flex: 0 1 100%; order: inherit;}
.arribar-list .arribar-info h2 { font-size: 30px; line-height: 38px; margin-bottom: 15px;}
.arribar-list-sec.lght-bg { padding: 50px 0;}

.directorio-sec { padding: 0 0 50px;}
.directorio-filter ul li a { padding: 0 35px;}
.directorio-sec table, .directorio-sec thead, .directorio-sec tbody, .directorio-sec th, .directorio-sec td, .directorio-sec tr {display:block; width:100%;}
.directorio-sec thead {display:none;}
.directorio-sec tbody tr {margin-bottom:15px;}
.directorio-sec tbody tr:last-child { margin-bottom: 0;}
.directorio-sec tbody td {border-radius:0; padding:10px 20px; font-size: 15px;}
.directorio-sec tbody td::before {content:attr(data-label); display:block; font-size:15px; color:#8f1d24; text-transform:uppercase;}
.directorio-sec .info { margin-top: 10px;}

.contact-sec { padding: 50px 0px; }
ul.contact-lst > li { width: 48.5%;}
.contact-form-sec { padding: 50px 0; }
.contact-lft { flex: 0 1 36%;}
.contact-rht { flex: 0 1 60%;}
.contact-lft h2 { font-size: 38px; line-height: 44px;}
.inner-banner .banner-caption {padding-left: 15px; max-width: 350px; padding-right: 50px;}
.inner-banner .banner-caption h1 { font-size: 52px; line-height: 62px;}

.agenda-sec { padding: 40px 0 50px;}
.agenda-main-list .agenda-lft { width: 100%;}
.agenda-main-list .agenda-rgt { width: 100%; padding-left: 0;}
.calendar-sec { margin-bottom: 20px; }
.search-sec-bg .banner-caption { width: 75%; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px;}
.search-sec-bg .banner-caption form input[type="text"] { padding: 0 20px;}
.agenda-rgt h2 { font-size: 30px; line-height: 38px; padding-bottom: 15px;}
.agenda-main .agenda-img { width: 142px; display: flex; height: 100%;}
.agenda-main .agenda-txt { width: calc(100% - 142px); padding-left: 15px;}
.agenda-main .agenda-txt h3 a { font-size: 22px; line-height: 28px;}
.agenda-main { align-items: flex-start; height: 100%;}
.agenda-main .agenda-txt .agenda-tags > div h4 { font-size: 14px; line-height: 20px;}
.agenda-main .fav-icon { left: 15px; bottom: 15px;}
.agenda-main .fav-icon a { width: 32px; height: 32px;}
.agenda-main .fav-icon a img { width: 18px; height: auto;}
.agenda-main .agenda-img img { height: 100%; object-fit: cover;}

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; padding:0px 15px; }

header { height: 91px;}
.head-top { height: 91px;}
.head-top-in { padding: 15px 20px;}
.cbp-hrmenu, .scl-links { display: none;}
.logo img { width: 100px;}
.hdr-links ul li:last-child { display: none;}
body.home-page .head-top { position: relative;}
.hamburger-menu { display: block;}
.hdr-links { margin-left: 0;}
.head-rgt { column-gap: 20px;}
.mob-search { display: block;}
.sub-menu-content { width: 90%;}

/*banner*/
.slider .swiper-slide .banner-caption { max-width: 320px; padding-left: 35px; padding-right: 40px; padding-top: 20px; padding-bottom: 30px;}
.slider .swiper-slide .banner-caption h1 { font-size: 50px; line-height: 60px; letter-spacing: normal;}
.slider .swiper-slide .banner-caption h1 span { font-size: 18px; line-height: 24px;}
.slider .swiper-slide img { height: 600px; object-fit: cover; object-position: 80% 0px; }
.slider .swiper-container-horizontal .swiper-pagination-bullets { left: -30px; justify-content: center;}
.home-slider-nav { width: 100%; left: 15px; bottom: 25px;}
.camera-ico { right: 15px; bottom: 25px;}

.banner-content-sec { padding: 50px 0;}
.banner-cnt-main { row-gap: 15px;}
.banner-cnt-main > div:first-child { flex: 0 1 100%;}
.banner-cnt-main > div:last-child { flex: 0 1 100%;}
.banner-cnt-main h2 { font-size: 32px; line-height: 38px;}
.banner-cnt-main h2 br { display: none;}
.banner-cnt-main p { padding-bottom: 20px;}

.inner-ban-list-sec { padding: 50px 0; }
.inner-ban-lst ul { row-gap: 10px;}
.inner-ban-lst ul li { flex: 0 1 100%;}
.inner-ban-main { padding: 20px; border-radius: 0px; flex-direction: row; justify-content: flex-start; background: #8F010A; border: 2px solid #8F010A; column-gap: 20px;}
.inner-ban-main .inner-icon { min-height: inherit; flex: 0 1 40px; justify-content: center;}
.inner-ban-main h2 { background: url("../images/link-arrow-right.svg") no-repeat right center; padding-right: 25px; text-align: left; font-size: 20px; line-height: 28px; flex: 0 1 calc(100% - 60px); min-height: inherit; color: #FFFFFF;}
.inner-ban-main .inner-icon img { height: 30px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(197deg) brightness(112%) contrast(101%); transition: all 0.5s ease;}
.inner-ban-main:hover {background: #FDB137; border: 2px solid #FDB137;}

.el-municipio-sec { flex-wrap: wrap;}
.el-municipio-sec > div:first-child { flex: 0 1 100%; padding: 50px 15px; clip-path: inherit;}
.el-municipio-sec > div:last-child { flex: 0 1 100%; padding: 50px 15px; text-align: center;}
.el-municipio-sec h3 { font-size: 32px; line-height: 38px; padding-bottom: 15px;}
.el-municipio-sec p { padding-bottom: 0px;}
.el-municipio-sec p br { display: none;}
.el-municipio-sec .saber-mas-btn a { padding: 0 30px;}
.el-municipio-sec > div:last-child .saber-mas-btn { margin-top: 30px; width: 100%;}
.el-municipio-sec .saber-mas-btn a:hover {background: #8F010A; border: 1px solid #8F010A; color: #FFFFFF;} 

.descubre-loarre-sec { padding: 50px 0;}
.puntos-title-div h2 { font-size: 32px; line-height: 40px; margin-bottom: 10px;}
.puntos-list { padding-top: 25px;}
.puntos-list ul { column-gap: 2%;}
.puntos-list ul li { flex: 0 1 49%;}
.puntos-main .puntos-txt h3 { font-size: 24px; line-height: 30px;}
.abs-btn-lst { position: relative; right: 0px; top: 0; width: 100%; float: left; margin-top: 30px;}
.puntos-main .puntos-txt::after { position: absolute; content: ""; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%); width: 100%; height: 100px; z-index: -1;}

.hm-area-ban img { height: 570px; object-fit: cover; }
.ban-content { padding-left: 15px; max-width: 90%; padding-right: 60px; padding-top: 30px; padding-bottom: 30px;}
.ban-content h3 { font-size: 32px; line-height: 38px;}
.ban-content p br { display: none;}
.ban-content p { font-size: 16px; line-height: 24px; padding-bottom: 30px;}

/* segueix */
.siguenos-sec { padding: 50px 0;}
.siguenos-sec h2 { font-size: 32px; line-height: 38px; margin-bottom: 20px;}
.share-links { padding-top: 20px;}
.share-links ul { column-gap: 30px;}
.share-links li a { font-size: 16px; padding-left: 28px;}

.experiencias-sec { padding: 0;}
.experiencias-cont { row-gap: 0; }
.experiencias-cont .experiencias-lft { padding: 50px 0; width: 100%;}
.experiencias-cont .experiencias-rgt { padding: 50px 0; padding-left: 15px; padding-right: 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; background: rgba(255,247,235,0.70);}
.experiencias-cont h2 { font-size: 36px; line-height: 40px; padding-bottom: 15px; }
ul.filter-menu-lst { margin-right: -15px; width: calc(100% + 15px); padding-right: 15px; column-gap: 20px; white-space: nowrap; flex-wrap: nowrap; overflow: auto; scrollbar-width: none; margin-bottom: 20px; }
.menjar-main .menjar-txt h3 { margin-bottom: 10px; line-height: normal;}
.menjar-main .menjar-txt h3 a { font-size: 24px; line-height: 28px;}
.dormir-main .dormir-txt h3 a { font-size: 24px; line-height: 28px;}
.dormir-main .dormir-txt h3 { margin-bottom: 10px;}
.menjar-main .menjar-txt p { font-size: 15px;}
.dormir-main .dormir-txt p { font-size: 15px;}
.dormir-slide .swiper-btm { margin-top: 40px;}
.menjar-slide .swiper-container::after, .dormir-slide .swiper-container::after { position: absolute; content: ""; top: 0; right: 0; width: 80px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); z-index: 1;}
ul.filter-menu-lst li a { font-size: 15px; display: inline-block;}
.venure-btn a { height: 38px; font-size: 14px; padding: 0px 18px;}
.experiencias-rgt .venure-btn a {background: #8F010A; color: #FFFFFF;}
.experiencias-rgt .venure-btn a:hover {background: #FDB137; color: #303030; border: 2px solid #FDB137;}
.swiper-btm { margin-top: 40px;}
.swiper-nav-rel { flex: 0 1 auto; margin-right: 15px; column-gap: 15px; }
.menjar-slide, .dormir-slide { margin-right: -15px; width: calc(100% + 15px); }
.menjar-slide .swiper-button, .dormir-slide .swiper-button { width: 65px;}
.menjar-slide .swiper-pagination-bullet { width: 8px; height: 8px;}
.dormir-slide .swiper-pagination-bullet { width: 8px; height: 8px;}
.menjar-slide .swiper-pagination-menjar, .dormir-slide .swiper-pagination-dormir { column-gap: 7px;}

footer { padding: 40px 0;}
.ftr-menu-links { width: 100%; flex-wrap: wrap; gap: 0; row-gap: 20px;}
.menu-column { flex: 0 1 32%; row-gap: 20px;}
.menu-title { margin-bottom: 0; font-size: 18px;}
.ftr-top-main { order: 3; padding-bottom: 0px; padding-top: 20px;}
.ftr-top-logos ul { flex-wrap: nowrap; column-gap: 20px;}
.ftr-top-logos ul li:nth-child(4), .ftr-top-logos ul li:nth-child(5) { display: none;}
.menu-link { display: none;}
.menu-column > .menu-column { margin-top: 0;}
.ftr-mid-lft { order: 2; width: 100%;}
.ftr-mid-main { display: flex; flex-wrap: wrap; border-top: none; border-bottom: none; padding: 0;}
.ftr-btm-main { padding-top: 30px; flex-direction: column; align-items: flex-start;}
.ftr-mid-logo img.desk-logo { display: none;}
.ftr-mid-logo img.mob-logo { display: block;}
.ftr-mid-rgt { width: 100%; align-items: center; flex-wrap: nowrap; padding-bottom: 30px; border-bottom: 1px solid rgba(143, 1, 10, 0.30); margin-bottom: 30px;}
.ftr-mid-contact { width: calc(100% - 100px); padding-left: 10px;}
.ftr-mid-logo { width: 100px;}
.ftr-mid-contact p { font-size: 15px;}
.ftr-mid-contact p br { display: none;}
.ftr-mid-contact p a { font-size: 15px;}
.ftr-btm-main > div.ftr-btm-lft { flex: 0 1 100%; width: 100%; order: 2; padding-top: 20px; border-top: 1px solid rgba(143, 1, 10, 0.30); margin-top: 30px; }
.ftr-scl-links ul li a { filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(6352%) hue-rotate(342deg) brightness(55%) contrast(124%);}
.ftr-scl-links ul li a:hover { filter: brightness(0) saturate(100%) invert(14%) sepia(5%) saturate(30%) hue-rotate(329deg) brightness(104%) contrast(90%);}
.foot-btm-rht ul.ftr-btm-menu { flex-wrap: nowrap; column-gap: 10px;}
.foot-btm-rht ul.ftr-btm-menu li a { color: #8F010A;}
.foot-btm-rht ul.ftr-btm-menu li a:hover { color: #303030;}
.foot-btm-lft p { display: none;}

.directorio-sec { padding: 0 0 40px;}
.directorio-filter ul {padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto;scrollbar-width: none; flex-wrap: nowrap; column-gap: 10px; justify-content: left;}
.directorio-filter ul li { display: inline-block; white-space: nowrap;}
.directorio-filter ul li a { font-size: 14px; min-width: auto; height: 38px; padding: 0 25px;}
.directorio-sec table, .directorio-sec thead, .directorio-sec tbody, .directorio-sec th, .directorio-sec td, .directorio-sec tr {display:block; width:100%;}
.directorio-sec thead {display:none;}
.directorio-sec tbody tr {margin-bottom:15px;}
.directorio-sec tbody tr:last-child { margin-bottom: 0;}
.directorio-sec tbody td {border-radius:0; padding:10px 20px; font-size: 15px;}
.directorio-sec tbody td::before {content:attr(data-label); display:block; font-size:15px; color:#8f1d24; text-transform:uppercase;}
.directorio-sec .info { margin-top: 10px;}

/* inner banner*/
.inner-slider .banner-cnt { top: 16%; transform: inherit;}
.inner-slider .banner-caption { max-width: 320px; padding-left: 35px; padding-right: 40px; padding-top: 15px; padding-bottom: 20px;}
.inner-slider .banner-caption h1 { font-size: 50px; line-height: 60px; letter-spacing: normal;}
.inner-slider .swiper-slide img { height: 500px; object-fit: cover; object-position: 50% 0px; }
.inner-slider .swiper-container-horizontal .swiper-pagination-bullets { left: -30px; justify-content: center; margin: 0 auto;}
.inner-slider-nav { width: 100%; left: 15px; bottom: 25px;}
.inner-slider .camera-ico {bottom: 25px;}
.inner-ban-cnt { left: 35px; padding: 20px 0 0;}

.inner-puntos-list { padding-top: 0;}

.inner-banner .banner-cnt { top: 16%; transform: inherit;}
.inner-banner .banner-caption { max-width: 320px; padding-left: 35px; padding-right: 40px; padding-top: 15px; padding-bottom: 20px;}
.inner-banner .banner-caption h1 { font-size: 50px; line-height: 60px; letter-spacing: normal;}
.inner-banner > img { height: 300px; object-fit: cover; object-position: 60% 0px; }

.banner-ban-main .banner-cnt-main { row-gap: 20px;}
.banner-ban-main .banner-cnt-main > div:first-child { padding-right: 0;}
.banner-ban-main .banner-cnt-main h2 br { display: none;}
.banner-ban-main { padding-bottom: 50px;}
.donde-slide-sec .swiper-btm { justify-content: right;}
.donde-slide-sec .swiper-nav-rel {width: auto; justify-content: right;}
.donde-slide-sec .menjar-slide { position: relative;}
.donde-slide-sec .experiencias-lft .venure-btn { top: auto; width: auto; order: inherit; bottom: 0px; left: 0; right: auto; z-index: 1;}
.donde-slide-sec .menjar-slide .swiper-pagination-menjar { column-gap: 7px;}

.rutes-slide-sec { padding: 30px 0 40px;}
.rutes-slide-slider h2 { font-size: 36px; line-height: 40px; padding-bottom: 15px;}
.rutes-slide-slider { width: calc(100% + 15px); margin-right: -15px;}
.rutes-slide-slider .swiper-btm { justify-content: right;}
.rutes-slide-slider .swiper-nav-rel {width: auto; justify-content: right;}
.rutes-slide-slider .venure-btn { top: auto; width: auto;  order: inherit; bottom: 0px; left: 0; right: auto; z-index: 1;}
.rutes-main .rutes-txt h3 a {font-size: 24px; line-height: 30px;}
.rutes-slide-slider .swiper-container::after { position: absolute;  content: "";  top: 0;  right: 0; width: 80px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); z-index: 1; }
.rutes-slide-slider .swiper-pagination-rutes { column-gap: 7px;}

.rutas-filter-sec { padding: 20px 0;}
.rutas-filter-main { row-gap: 20px;}
.rutas-filter-list { order: 2; width: 100%;}
.view-tab { float: left; width: 100%;}
.view-tab ul.tab-list { justify-content: right;}
.rutas-filter-list ul {padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto;scrollbar-width: none; flex-wrap: nowrap; column-gap: 10px; justify-content: left;}
.rutas-filter-list ul li { display: inline-block; white-space: nowrap;}
.rutas-filter-list ul li a { font-size: 14px; min-width: auto; height: 38px; padding: 0 35px;}
.rutas-list-sec { padding: 40px 0;}
.rutas-list ul { row-gap: 30px; }
.rutas-list ul li { flex: 0 1 48.5%;}
.pagination { column-gap: 20px; margin-top: 30px; }
a.prev-arw, a.next-arw { text-indent: -999px;}

.breadcrumb { padding: 20px 0;}
.inner-title-sec { padding: 10px 0 20px;}
.inner-title-sec h1 { font-size: 42px; line-height: 52px;}
.inner-title-sec p { font-size: 18px; line-height: 26px; padding-top: 15px;}

.single-ruta-sec { padding: 0 0 40px; }
.single-ruta-main .ruta-lft { width: 100%;}
.single-ruta-main .ruta-rgt { width: 100%; padding-left: 0px;}
.single-ruta-content p { padding-bottom: 20px; line-height: 24px; }
.single-ruta-img { padding-bottom: 20px;}
.ruta-img-slide .swiper-nav-rel { padding: 0 15px; margin-right: 0;}
.ruta-img-slide .swiper-btm { bottom: 20px; }
ul.data-list { margin-bottom: 20px;}

.download-sec { padding: 30px 0 40px;}
.download-list ul { row-gap: 40px;}
.download-list ul li { flex: 0 1 47%;}
.download-main .download-img { margin-bottom: 15px;}
.download-main .download-img span { right: 10px; top: 10px;}
.download-main .download-img span img { width: 22px;}
.download-main .download-cnt { padding: 15px 25px; }
.download-main .download-cnt h3 { font-size: 24px; line-height: 30px;}
.download-main .download-link { padding: 0 30px; height: 38px; font-size: 14px;}

.mapa-list-top { padding-top: 25px;}
.otros-sec { padding: 40px 0;}
.otros-list ul { row-gap: 15px;}
.otros-list ul li { flex: 0 1 50%;}
.otros-main { padding: 20px 15px 25px;}
.otros-sec h2 { font-size: 36px; line-height: 40px; padding-bottom: 15px;}
.otros-main .otros-cnt h3 { font-size: 24px; line-height: 30px;}
.mapa-list-top ul li a { font-size: 14px; height: 38px; border-radius: 5px;}

.arribar-map .banner-cnt { position: relative;}
.arribar-map .banner-caption form { flex-wrap: wrap;}
.arribar-map .banner-caption { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; clip-path: inherit;}
.calculate-btn a { padding: 0 15px;}
.arribar-map .banner-caption form input[type="text"] { width: calc(100% - 246px); padding: 0 15px;}

.arribar-list-sec { padding: 40px 0;}
.arribar-list { row-gap: 15px;}
.arribar-list .arribar-info { flex: 0 1 100%;}
.arribar-list .arribar-img { flex: 0 1 100%; order: inherit;}
.arribar-list .arribar-info h2 { font-size: 28px; line-height: 32px; margin-bottom: 10px;}
.arribar-list .arribar-info ul li { font-size: 15px; line-height: 23px;}
.arribar-list .arribar-info ul.train li { background: url(../images/train-ico.svg) no-repeat 0 2px;}
.arribar-list .arribar-info ul.cotxe li { background: url(../images/car-ico.svg) no-repeat 0 6px;}
.arribar-list-sec.lght-bg { padding: 40px 0;}
.arribar-list .arribar-info ul { row-gap: 5px;}

.contact-sec { padding: 40px 0px; }
ul.contact-lst { row-gap: 25px;} 
ul.contact-lst > li { flex: 0 1 100%; padding-left: 35px;}
ul.contact-lst > li h2 {font-size: 20px; line-height: 28px;margin-bottom: 10px;}


.contact-form-sec{padding: 40px 0;}
.contact-out { row-gap: 25px;}
.contact-lft {flex: 0 1 100%;}
.contact-rht {flex: 0 1 100%;}
.contact-lft h2 { font-size: 36px; line-height: 42px; margin-bottom: 10px;}
.contact-form .form-box input[type="text"], .contact-form .form-box input[type="email"],.contact-form .form-box input[type="tel"], .form-box textarea {height: 48px; font-size: 15px;}
.contact-form .form-box input[type="submit"]{ height: 48px; font-size: 16px; border-radius: 10px;}
.contact-form .form-box .frm-input .floating-label{font-size: 14px;}
.contact-form .form-box input[type="submit"]{width: auto;}
.contact-form .floating-label { top: 10px; left: 20px;}
.contact-form input[type="text"]:focus ~ .floating-label, .contact-form input[type="text"]:not(:focus):valid ~ .floating-label, 
.contact-form input[type="email"]:focus ~ .floating-label, .contact-form input[type="email"]:not(:focus):valid ~ .floating-label, 
.contact-form input[type="tel"]:focus ~ .floating-label, .contact-form input[type="tel"]:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: 2px; left: 15px;}
.contact-form .btn-ctr { margin-top: 15px;}

.agenda-sec { padding: 30px 0 40px;}
.agenda-main-list .agenda-lft { width: 100%;}
.agenda-main-list .agenda-rgt { width: 100%; padding-left: 0;}
.calendar-sec { margin-bottom: 15px; padding: 15px 10px;}
.search-sec-bg .banner-caption { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; clip-path: inherit;}
.search-sec-bg .banner-caption form input[type="text"] { padding: 0 20px;}
.agenda-btn-cnt ul { padding: 0; row-gap: 10px;}
.search-sec-bg .banner-caption form input[type="text"] { width: calc(100% - 50px);}
.search-sec-bg .calculate-btn { width: 45px;}
.agenda-rgt h2 { font-size: 28px; line-height: 38px; padding-bottom: 10px;}
.agenda-main .agenda-img { width: 112px; display: flex; height: 100%;}
.agenda-main .agenda-txt { width: calc(100% - 112px); padding-left: 15px;}
.agenda-main .agenda-txt p {display: none;}
.agenda-main .agenda-txt h3 a { font-size: 18px; line-height: 24px; margin-bottom: 0;}
.agenda-main { align-items: flex-start; height: 100%;}
.agenda-main .agenda-txt .agenda-tags > div h4 { font-size: 14px; line-height: 20px;}
.agenda-main .fav-icon { left: 10px; bottom: 10px;}
.agenda-main .fav-icon a { width: 28px; height: 28px;}
.agenda-main .fav-icon a img { width: 16px; height: auto;}
.agenda-main .agenda-img img { height: 100%; object-fit: cover;}
.agenda-list ul { row-gap: 20px; }
.agenda-main .agenda-txt .agenda-tags { row-gap: 2px;}
.agenda-btn-cnt ul li a { font-size: 14px; height: 38px; padding: 0 10px;}

} 
 
/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.download-main .download-cnt h3 { font-size: 20px; line-height: 28px;}
.arribar-map .banner-caption form { justify-content: center;}
.arribar-map .banner-caption form input[type="text"] { width: 100%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.puntos-list ul li { flex: 0 1 100%;}
.puntos-main a { border-radius: 0;}
.puntos-main .puntos-img img { height: 210px; object-fit: cover; object-position: 0 -80px;}    
.menjar-slide .swiper-container::after, .dormir-slide .swiper-container::after { width: 60px;}

.share-links { text-align: center;}
.share-links ul  { row-gap: 10px;}
.share-links ul li { flex: 0 1 100%;}
.siguenos-inst ul > li { flex: 0 1 50%;}
.menu-column { flex: 0 1 48%; }

.mobile-nav ul li a { font-size: 24px; line-height: 30px;}
.mobile-sub-nav ul li a { font-size: 20px; line-height: 28px;}

.inner-slider .banner-caption { max-width: 250px;}
.inner-slider .banner-caption h1 { font-size: 38px; line-height: 48px;}

.rutas-list ul { row-gap: 20px; }
.rutas-list ul li { flex: 0 1 100%;}
.rutes-main .rutes-txt { padding: 10px 0px 0px;}
.rutes-main .rutes-txt h3 { margin-bottom: 5px;}
.rutas-filter-list ul li a { padding: 0 25px;}

.inner-title-sec h1 { font-size: 32px; line-height: 40px; }
.inner-title-sec p { font-size: 16px; line-height: 22px; padding-top: 10px; }

.download-list ul li { flex: 0 1 100%;}
.download-list ul { row-gap: 25px; }

.otros-list ul li { flex: 0 1 100%;}

}

@media screen and (max-width:359px) {
.head-top-in { padding: 15px 0;}
.inner-ban-cnt { left: 15px;}
.slider .swiper-slide .banner-caption { padding-left: 15px;}
.inner-slider .banner-caption { padding-left: 15px;}
.ban-content h3 { font-size: 30px; line-height: 36px;}
.venure-btn { order: 2; width: calc(100% - 15px); float: left; margin-top: 20px;}
.venure-btn a { width: 100%;}
.swiper-nav-rel {justify-content: space-between; flex: 0 1 100%;}
.donde-slide-sec .swiper-nav-rel { width: 100%; justify-content: space-between; }
.donde-slide-sec .experiencias-lft .venure-btn { float: left; width: calc(100% - 15px); position: relative; margin-top: 20px;}
.rutes-slide-slider .swiper-nav-rel { width: 100%; justify-content: space-between; }
.rutes-slide-slider .venure-btn { float: left; width: calc(100% - 15px); position: relative; margin-top: 20px;}
.foot-btm-rht ul.ftr-btm-menu { flex-wrap: wrap;}

}
@media screen and (max-width:319px) {


}