@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: 'Inter-Regular'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;  line-height: 30px; font-weight: normal;}
a{ color: #192432; outline:none; transition:all .5s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1170px; margin:auto; padding:0px;}
.row1 { width:100%; max-width: 1358px; margin:auto; padding:0px;}

/****************header css starts*****************/
header {float: left;width: 100%;position: relative;z-index: 9999;padding: 0px 0 0 0; }
.head-row { width:1480px; margin:auto; padding:0px; }
.head-top { float: left; width: 100%; position: absolute; }
.head-top-in{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between; padding: 10px 0px; }
.head-top::after { display: none; content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 1480px; margin: 0px auto; height: 1px; border-bottom: 1px solid rgba(255,255,255, 0.5); z-index: 999;}
.is-sticky header .head-top {background: #004C01; box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.is-sticky header .head-top::after { border: none;}
.logo-top {float: left;padding: 0px;z-index: 9;}
.logo-top img { float: left;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;z-index: 9999;position: relative;}
.head-rgt {flex-wrap: wrap;display: flex;align-items: center;width: auto; justify-content: end; }
.is-sticky .logo-top img { max-width: 80px;}

.inner-header .head-top { position: relative;}
.stick-logo{ display: none; }
.inner-header .cbp-hrmenu > ul > li > a, .inner-header .contacto-links ul li a { color: #333333; }
.inner-header .cbp-hrmenu > ul > li > a.active, .inner-header .cbp-hrmenu > ul > li > a:hover { color: #004C01; background: rgba(47, 173, 102, 0.13);  font-family: 'Inter-Semibold'; border: 2px solid rgba(47, 173, 102, 0.28) }
.inner-header .contacto-links ul li a:hover, .inner-header .contacto-links ul li a.active { color: #004C01; background: rgba(47, 173, 102, 0.13);  font-family: 'Inter-Semibold'; border: 2px solid rgba(47, 173, 102, 0.28) }
.inner-header .select-lang .nice-select { color: #333333; }
.inner-header .select-lang .nice-select::after { border-bottom: 2px solid #333333; border-right: 2px solid #333333;}
.inner-header .scl-links ul li a.fb {background: url(../images/ico-facebook-b.svg) no-repeat;}
.inner-header .scl-links ul li a.in {background: url(../images/ico-instagram-b.svg) no-repeat;}
.inner-header .scl-links ul li a.tw {background: url(../images/header-x-blu.svg) no-repeat;}
.inner-header .scl-links ul li a.yt {background: url(../images/ico-YouTube-b.svg) no-repeat;}
.inner-header .hdr-links ul li a.heart {background: rgba(47, 173, 102, 0.11) url(../images/ico-heart-b.svg) no-repeat center center; border: 2px solid rgba(2,57,124,0.24); }
.inner-header .hdr-links ul li a.search {background: rgba(47, 173, 102, 0.11) url(../images/ico-search-b.svg) no-repeat center center; border: 2px solid rgba(2,57,124,0.24); }

.is-sticky .inner-header .desk-logo{ display: none; }
.is-sticky .inner-header .stick-logo{ display: block; }
.is-sticky .inner-header .cbp-hrmenu > ul > li > a { color: #fff; }
.is-sticky .inner-header .scl-links ul li a.fb {background: url(../images/header-facebook.svg) no-repeat;}
.is-sticky .inner-header .scl-links ul li a.in {background: url(../images/header-instagram.svg) no-repeat;}
.is-sticky .inner-header .scl-links ul li a.tw {background: url(../images/header-x.svg) no-repeat;}
.is-sticky .inner-header .scl-links ul li a.yt {background: url(../images/header-youtube.svg) no-repeat;}
.is-sticky .inner-header .hdr-links ul li a.heart {background: rgba(47, 173, 102, 0.11) url(../images/ico-heart.svg) no-repeat center center; }
.is-sticky .inner-header .hdr-links ul li a.search {background: rgba(47, 173, 102, 0.11) url(../images/ico-search.svg) no-repeat center center; }
.is-sticky .inner-header .select-lang .nice-select { color: #fff; }
.is-sticky .inner-header .select-lang .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff;}

.contacto-links { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0px; margin-right: 25px;position: relative; z-index: 2;}
.contacto-links ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px;}
.contacto-links ul li { flex: 0 1 auto; display: flex; align-items: center;}
.contacto-links ul li a  { color:#fff;font-family: 'Inter-Regular'; font-size:16px;line-height: 23px; padding: 5px 14px; border: 2px solid transparent; letter-spacing: -0.18px; position: relative; transition: all 0.5s ease;}
/* WCAG 1.6: content:attr() generava contingut des del CSS. .contacto-links no es renderitza al tema live (només al mockup); regla eliminada.
   ABANS: .contacto-links ul li a::before {display: block; content: attr(title); font-size: 16px; font-family: 'Inter-Black'; letter-spacing: -0.18px; height: 1px;color: transparent;overflow: hidden;visibility: hidden;} */
.contacto-links ul li a:hover, .contacto-links ul li a.active { color: #ffffff; border: 2px solid rgba(255,255,255,0.18); border-radius: 4px; font-family: 'Inter-Black'; }

.menu-wrap {float: left; margin-right: 15px;margin-top: 0px;/* position: absolute; */left: 0;right: 0;/* margin: 0 auto; */}

.hidden-mob .is-sticky header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }
.inner-mobile header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }

.scl-links {margin-top: 0px;position: relative; z-index: 2;}
.scl-links ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;column-gap: 18px;}
.scl-links ul li {flex: 0 1 auto;}
.scl-links ul li a { transition: all .5s ease; }
.scl-links ul li a.fb {background: url(../images/ico-facebook.svg) no-repeat;width: 8px;height: 14px;display: block; background-size: cover;}
.scl-links ul li a.in {background: url(../images/ico-instagram.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.scl-links ul li a.tw {background: url(../images/header-x.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.scl-links ul li a.yt {background: url(../images/ico-YouTube.svg) no-repeat;width: 14px;height: 10px;display: block;background-size: cover;}
.scl-links ul li a:hover { opacity: 0.7;}

.hdr-links {float: right;margin-right: 0;padding: 0;margin-left: 35px;margin-top: 0px; z-index: 9999; position: relative;}
.hdr-links > ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px;}
.hdr-links > ul > li {/*float: left;*/margin-right: 0px;position: relative;display: inline-flex;}
.hdr-links ul li:last-child {margin-right: 0px;margin-left: 15px;}
.hdr-links ul li .nice-select li.option:last-child{margin-left: 0;}
.hdr-links ul li a { display: inline-block; transition: all 0.5s ease;}
.hdr-links ul li a.heart {background: rgba(255, 255, 255, 0.14) url(../images/ico-heart.svg) no-repeat center center;width: 41px;height: 41px;position: relative; border: none; border-radius: 22px;}
.hdr-links ul li a.search {background: rgba(255, 255, 255, 0.14) url(../images/ico-search.svg) no-repeat center center;width: 41px;height: 41px;position: relative; border: none; border-radius: 22px;}
.hdr-links ul li a:hover { opacity: 0.7;}

.select-lang {float: right;width: 50px;position: relative; }
.select-lang .nice-select { font-size: 14px; font-family: 'Inter-Bold'; color: #fff; letter-spacing: 0.23px; }
.select-lang .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
.select-lang .nice-select .list { left: auto; right: 0px; }
.select-lang .nice-select .option { background: #fff; }
.select-lang .nice-select .option:hover { background-color:  #004F11;}
.select-lang .nice-select:hover:after {border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}

.mob-search { display: none; }
.mob-search a.search {display: inline-block; background: url(../images/ico-search.svg) no-repeat;width: 19px;height: 19px;position: relative; }

.hide-scroll .head-top { box-shadow: none; }
.hide-scroll .is-sticky .head-top { box-shadow: none; background: none; }

.inner-header .cbp-hrmenu > ul > li > a.active::after, .inner-header .cbp-hrmenu > ul > li > a:hover::after  { background: #FFC300;}
.inner-header.dark-bg .cbp-hrmenu > ul > li > a.active::after, .inner-header.dark-bg .cbp-hrmenu > ul > li > a:hover::after { background: #fff;}

.is-sticky header::after, .hide-scroll header::after { display: none;}
.is-sticky .inner-header .cbp-hrmenu > ul > li > a.active::after, .is-sticky .inner-header .cbp-hrmenu > ul > li > a:hover::after  { background: #fff;}

.is-sticky header.dark-bg .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }

.inner-mobile .is-sticky header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }

header.dark-bg .logo-top img { max-width: 105px;}
header.dark-bg .inner-header .cbp-hrmenu > ul > li > a, header.dark-bg .inner-header .contacto-links ul li a { color: #ffffff;}
header.dark-bg.inner-header .cbp-hrmenu > ul > li > a, header.dark-bg.inner-header .contacto-links ul li a { color: #ffffff;}
header.dark-bg.inner-header .cbp-hrmenu > ul > li > a.active, header.dark-bg.inner-header .cbp-hrmenu > ul > li > a:hover { color: #ffffff;}
.is-sticky .inner-header .contacto-links ul li a { color: #ffffff;}

.is-sticky .inner-header .scl-links ul li a.fb {background: url(../images/ico-facebook.svg) no-repeat;width: 8px;height: 14px;display: block; background-size: cover;}
.is-sticky .inner-header .scl-links ul li a.in {background: url(../images/ico-instagram.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.is-sticky .inner-header .scl-links ul li a.tw {background: url(../images/header-x.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.is-sticky .inner-header .scl-links ul li a.yt {background: url(../images/ico-YouTube.svg) no-repeat;width: 14px;height: 10px;display: block;background-size: cover;}

header.dark-bg.inner-header .scl-links ul li a.fb {background: url(../images/ico-facebook.svg) no-repeat;}
header.dark-bg.inner-header .scl-links ul li a.in {background: url(../images/ico-instagram.svg) no-repeat;}
header.dark-bg.inner-header .scl-links ul li a.tw {background: url(../images/header-x-blu.svg) no-repeat;}
header.dark-bg.inner-header .scl-links ul li a.yt {background: url(../images/ico-YouTube.svg) no-repeat;}

/************desktop search**************/
.desktop-search { float: left; width: 100%; height: 100%; background: rgba(0,76,1,0.95); background-size: cover; padding: 160px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 0; transition: all 0.4s ease; z-index: 9999;
display: flex; align-items: center; justify-content: center; overflow-y: scroll;}
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #fff; font-size: 60px; line-height: 60px; font-family: 'Inter-Italic';  margin-bottom: 20px; letter-spacing: 0.19px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;margin-bottom: 80px;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 18px; line-height: 20px; font-family: 'Inter-Regular'; color: #1D1D1D; padding: 0 75px 0 35px; height: 70px;border-radius: 70px;box-shadow: 0px 0px 36px rgba(0,0,0,0.5); }
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #424242;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #424242;}
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #424242;}
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #424242;}
.search-inn button { position: absolute; border: none; background: #004C01 url(../images/ico-search.svg) no-repeat center center; width: 52px; height: 52px; right: 10px; top: 8px; cursor: pointer; border-radius: 100%;}
.search-inn button:hover { background: #FFC300 url(../images/ico-search.svg) no-repeat center center;}
.desktop-search.search-open { opacity: 1; visibility: visible;}
.search-tags { float: left; width: 100%;text-align: center; }
.search-tags h3 { color: #fff; font-size: 16px; line-height: 28px; font-family: 'Inter-Bold'; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 20px; }
.search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; row-gap: 10px; padding: 0px 245px;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { display: inline-block; background: none; color: #fff; font-size: 13px; line-height: 17px; font-family: 'Inter-Medium'; padding: 5px 10px; border: 1px solid rgba(255,255,255,0.5); letter-spacing: 0.44px; border-radius: 30px;transition:all .5s ease;}
.search-tags ul li a:hover { background: #fff; border: 1px solid #fff; color: #004C01;}
.search-in  { float: left; width: 100%; margin-top: 75px; }
.search-det { height: 100%; overflow-y: scroll; }
/* Works on Firefox */
.desktop-search { scrollbar-width: thin; scrollbar-color: #fff transparent; }
/* Works on Chrome, Edge, and Safari */
.desktop-search::-webkit-scrollbar { width: 10px; }
.desktop-search::-webkit-scrollbar-track { background: transparent; }
.desktop-search::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 0px; border: 2px solid transparent; }
body.hide-scroll { overflow-y: hidden; }
a.search-close { float: right; color: #fff; font-size: 16px; line-height: 18px; font-family: 'Inter-Regular'; text-decoration: underline; }
header.inner-header .hamburger span, header.inner-header .hamburger span::before, header.inner-header .hamburger span::after { background: #004C01;}
.is-sticky header.inner-header .hamburger span, .is-sticky header.inner-header .hamburger span::before, .is-sticky header.inner-header .hamburger span::after { background: #fff;}
.hidden-mob header.inner-header .hamburger span, .hidden-mob header.inner-header .hamburger span::before, .hidden-mob header.inner-header .hamburger span::after { background: #fff;}
header.inner-header .hamburger.active span { background-color: transparent;}
.inner-mobile header.inner-header .logo-top img.desk-logo { display: none;}
.inner-mobile header.inner-header .logo-top img.stick-logo { display: block;}
.inner-mobile header.inner-header .cbp-hrmenu > ul > li > a { color: #FFFFFF;}
.inner-mobile header.inner-header .cbp-hrmenu > ul > li > a.active { color: #FFFFFF;}
/*.inner-mobile .scl-links ul li a, .inner-mobile .hdr-links ul li a.search, .inner-mobile .hdr-links ul li a.heart { filter: brightness(0) saturate(100%) invert(100%) sepia(84%) saturate(2%) hue-rotate(197deg) brightness(108%) contrast(100%);}*/
.inner-mobile header.inner-header .select-lang .nice-select { color: #FFFFFF; }
.inner-mobile header.inner-header .select-lang .nice-select::after { border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF;}

.slider {float: left;width: 100%; background: #004C01; position: relative;}
.slider .swiper-slide::after  { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 255px; background: linear-gradient(180deg, rgba(0, 52, 83, 0.65) 0%, rgba(0, 52, 83, 0) 100%);}
.slider .swiper-slide img {float: left;width: 100%;}
.slider .swiper-slide .banner-cnt { position: absolute;width: 100%; top: 44%; transform: translateY(-50%); z-index: 9; }
.slider .swiper-slide .banner-caption { width: 100%; padding: 0px 20px; text-align: center;}
.slider .swiper-slide .banner-caption h1 {font-size: 75px;line-height: 1.1;color: #fff; font-family: 'Inter-Black'; margin-bottom: 30px; letter-spacing: -2.54px;}
.slider .swiper-slide .banner-caption h1 span { color: #FFC300;}
.banner-caption a.saber-btn{ width: 223px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: space-between; align-items: center;
font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 5px 0 25px; transition: all 0.5s ease;}
.banner-caption a.saber-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }
.banner-caption a.saber-btn span img { float: right; width: auto;}

.home-slider-nav { float: none;width: 1360px; margin: 0px auto; position: absolute; bottom: 40px; left: 0px; right: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 15px;}
.slider .swiper-slide-active { pointer-events: auto !important; }
.slider .swiper-container-horizontal .swiper-pagination-bullets { position: relative; justify-content: left; left: auto; width: auto; bottom: auto; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 12px 0px 0px; }
.slider .swiper-pagination-bullet { width: 8px; height: 8px; background:rgba(255, 255, 255, 0.50); box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.14); }
.slider .swiper-pagination-bullet-active, .slider .swiper-pagination-bullet:hover{ background: #fff;}

.slider .swiper-button{ position: relative; right: auto; z-index: 10; width: auto;align-items: center; justify-content: space-between; display: flex; column-gap: 8px;}
.slider .swiper-button-prev{background: url("../images/arrow-left.svg") no-repeat 0 0; background-size: cover; width: 64px; height: 64px; cursor: pointer; transition:all .5s ease; position: relative; right: auto; top: auto; left: 2px; margin: 0px; }
.slider .swiper-button-next{background: url("../images/arrow-right.svg") no-repeat 0 0;background-size: cover; width: 64px; height: 64px; cursor: pointer; transition:all .5s ease; position: relative; right: 2px; top: auto; margin: 0px; }
.slider .swiper-button-prev:hover, .slider .swiper-button-next:hover{opacity: 0.7; }

/****************accesibilidad css starts*****************/
.right-top { position: fixed; right: 0; top: 190px; z-index:100; width: 60px; height: 205px; display: none;}
.right-top a{background: #004C01; padding: 9px; border-radius: 10px 0 0 10px; color: #ffffff;font-size: 16px;line-height: 30px;font-family: 'Inter-Regular';letter-spacing: 0.8px;font-style: normal;text-transform: uppercase;writing-mode: sideways-rl;display: flex;justify-content: center;align-items: center; column-gap: 12px; height: 100%; box-shadow: 0px 5px 15px rgba(0, 9, 68, 0.25); transition:all 0.5s ease;}
.right-top a strong{font-weight: normal;}
.right-top a span{background: url(../images/ico-accesibilidad.svg) no-repeat 0 0; background-size: cover; width: 44px; height: 44px;}
.right-top a:hover {background: #ffffff; color: #004C01; }
.right-top a:hover span {filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(2067%) hue-rotate(85deg) brightness(92%) contrast(103%);}
.hme-right-top { display: block;}

.chat-sec { position: absolute; right: 95px; bottom: 140px; z-index:100; display: flex;align-items: center;justify-content: center;}
.chat-sec a { background: linear-gradient(180deg, #367347 0%, #023F1E 100%); width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.64);}
.chat-sec span  { background: url(../images/ico-chatbot.svg) no-repeat center center; background-size: contain; display: block; width: 58px; height: 48px;}
.chat-sec a:hover {background: #ffffff; color: #004C01; }
.chat-sec a:hover span {filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(2067%) hue-rotate(85deg) brightness(92%) contrast(103%);}

.hm-map-sec { float: left; width: 100%; text-align: center; position: relative; /* background: linear-gradient(180deg, rgba(0, 26, 42, 0.05) 0%, rgba(0, 26, 42, 0) 100%);*/}
.hm-map-sec::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 1035px; background: url(../images/background-02.svg) no-repeat 0 0; opacity: 0.8;}
.hm-map-sec .row, .hm-map-sec .row1 { position: relative; z-index: 1;}
.ban-btm-cont { display: inline-block; width: 100%; max-width: 970px; background: #ffffff;margin-top: -120px;position: relative;z-index: 1;padding: 60px;}
.ban-btm-cont p { font-size: 24px; line-height: 1.5; color: #333333;font-family: 'Inter-Regular'; letter-spacing: -0.39px;}
.ban-btm-cont p span { font-family: 'Inter-Bold';}
.hm-map-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 90px 0 100px; }
.hm-map-lft { flex: 0 1 48%;}
.hm-map-rgt { flex: 0 1 43%; position: relative;}
.hm-map-main img { width: auto; float: left;}
.hm-map-rgt span { position: absolute; left: 0; right: 0; margin: 0 auto; width: 235px; top: 5px; font-size: 18px;line-height: 1; padding-left: 50px; font-family: 'Inter-Bold'; color: #004C01;}

.conoce-slide { float: left; width: 100%; }
.conoce-slide .swiper-slide a { float: left; width: 100%; padding-bottom: 15px;}
.conoce-main { float: left; width: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10); border-radius: 8px; }
.conoce-main .conoce-img { width: 100%; float: left; border-radius: 8px 8px 0 0; overflow: hidden; position: relative;}
.conoce-main .conoce-img img { float: left; width: 100%; transition:all .5s ease;}
.conoce-main .conoce-txt { position: relative; left: 0px; bottom: 0px; width: 100%; float: left; padding: 14px 28px; background: #ffffff; border-radius: 0 0 8px 8px; box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.10);min-height: 95px;display: flex;align-items: center;}
.conoce-main .conoce-txt h3 { font-size: 30px; line-height: 1.1; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -0.45px; text-align: left; transition: all 0.5s ease; }
.conoce-main:hover .conoce-txt h3  { opacity: 0.7; }
.conoce-main:hover .conoce-img img { transform: scale(1.03);}

.conoce-slide .swiper-nav-rel { display: none;}
.conoce-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.conoce-slide .swiper-pagination-bullet { background-color: #dee7f0; border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.conoce-slide .swiper-pagination-bullet-active, .conoce-slide .swiper-pagination-bullet:hover { background-color: #333333; border-radius: 25px;}
.conoce-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.conoce-slide .swiper-button{ width: 84px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(247,180,2,0.12);
border: 3px solid rgba(247,180,2,0.44); border-radius: 50px; padding: 0px 15px; }
.conoce-slide .swiper-button-prev-conoce{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.conoce-slide .swiper-button-next-conoce{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.conoce-slide .swiper-button-prev-conoce:hover, .conoce-slide .swiper-button-next-conoce:hover{opacity: 0.7; }

.autent-sec { float: left; width: 100%;padding: 120px 0 110px; background: linear-gradient(180deg, rgba(247, 247, 247, 0.05) 0%, rgba(238, 238, 238, 0) 100%);}
.autent-grid{float: left;width: 100%;  }
.autent-grid h2 { font-size: 50px; line-height: 1; font-family: 'Inter-Black'; color: #333333; letter-spacing: -1.5px; text-align: center; margin-bottom: 35px; }
.autent-grid ul {float: left;width: 100%;display: grid;grid-gap: 15px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));grid-auto-rows: auto;grid-auto-flow:dense;}
.autent-grid ul li {float: left;width:100%;position:relative;}
.autent-grid ul li a { float: left; width: 100%; height: 100%;}
.autent-grid ul li.wide { grid-column: span 2; grid-row: span 1;}
.autent-grid ul li.sml { grid-row: span 1;}
.autent-grid ul li.wide-2 { grid-column: span 2; grid-row: span 1;}
.autent-grid ul li .que-facer-img {float:left;width:100%;height: 100%;overflow: hidden;border-radius: 8px; position: relative;}
.autent-grid ul li .que-facer-img img{float: left;width:100%;border-radius: 0;height: 100%;transition: all .5s ease;}
.autent-grid ul li .que-facer-cont{position:absolute;bottom:30px;padding: 0 30px;}
.autent-grid ul li .que-facer-cont h3 {float: left;width:100%;font-size: 35px;line-height: 1.1;letter-spacing: -0.53px;font-family: 'Inter-Bold';color: #fff; margin-bottom: 15px;}
.autent-grid ul li .que-facer-cont span{color: #28CF71;font-family: 'Inter-Bold'; text-decoration: underline; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; transition: all .5s ease;}
.autent-grid ul li:hover .que-facer-img img{transform: scale(1.05);}
.autent-grid ul li .que-facer-img:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 165px; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 62%);}
.autent-grid ul li:hover .que-facer-cont span { color: #ffffff;}

/* map sec css */
.encuentra-map-sec { float: left; width: 100%;}
.mapa-main {width: 100%; float: left; display: flex; flex-wrap: wrap;  height: 777px; /*! overflow: hidden; */position: relative; }
.mapa-lft { flex:0 1 588px; padding-left: calc((100% - 1280px) / 1.4); padding-right: 95px; display: flex; flex-wrap: wrap; align-items: center;position: relative;left: 0;top: 0;z-index: 1;height: 100%;}
.mapa-lft::after { position: absolute; content: ''; background: linear-gradient(180deg, #004F11 0%, #2FAD66 100%);; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.88;}
.mapa-lft > div { position: relative; z-index: 1;}
.mapa-lft h2 { float: left; width: 100%; color: #ffffff; font-size: 50px; line-height: 1.1; font-family: 'Inter-Black'; letter-spacing: -1.5px; margin-bottom: 25px;}
.mapa-lft p { float: left; width: 100%; color: rgba(255,255,255,0.79); font-size: 16px; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 20px;}
.mapa-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: left; column-gap: 7px; row-gap: 10px; padding: 0px 0px;}
.mapa-lst ul li { flex: 0 1 auto;}
.mapa-lst ul li a { display: inline-block; background: rgba(0, 76, 1, 0.20); color: rgba(255,255,255,0.79); font-size: 16px; line-height: 1.4; letter-spacing: -0.5px; font-family: 'Inter-Regular'; padding: 5px 15px; border: 3px solid rgba(255,255,255,0.32); border-radius: 28px;transition:all .5s ease;}
.mapa-lst ul li a:hover { background: #fff; border: 3px solid #fff; color: #004C01;}
.mapa-lft a.mapa-link { display: inline-flex; align-items: center; justify-content: center; background: none; height: 56px; width: 186px; border-radius: 28px; padding: 0 10px; color: #FFFFFF; font-family: 'Inter-Bold'; font-size: 16px; line-height: 20px;border: 4px solid rgba(255,255,255,0.32); margin-top: 40px; transition: all 0.5s ease;}
.mapa-lft a.mapa-link:hover { background: #fff; border: 4px solid #fff; color: #004C01;}

.encuentra-map-sec .mapa-select-div { flex: 0 1 calc(100% - 588px); position: relative; height: 100%; }
.mapa-select-div .mampa-img { object-fit: cover; width: 100%; height: 100%; display: block;}
.mapa-select-div {flex: 0 1 100%; padding: 0; position: relative; overflow: hidden;}
.mapa-select-div, .map-out-div, .mapa-cont-div { position: relative; width: 100%; height: 100%;}
.map-out-div { float: left; width: 100%; padding: 0px 0px 0px 0px; overflow: visible !important;}
.maresme-map { float: left; width: 100%; height: 100%;}
.maresme-map #map { height: 777px; float: left; width: 100%;}
.mapa-cont-div { float: left; width: 100%; position: relative; cursor: default !important; }
.mapa-cont-div img { float: left; width: 100%;position: relative;z-index:8;}
.pop-cont { display: none; position:absolute;  background: #fff; padding: 0px; border-radius: 6px; overflow: hidden; top: auto; bottom: 28px; left:-95px; margin: auto; width:240px; text-align: left; margin-bottom:0px; z-index:4; box-shadow: 0px 0px 19px rgba(0,0,0,0.25);}
.mapa-cont-div ul.map-list li.show .pop-cont { display: block; }
ul.map-list li.golf-map13 .pop-cont, ul.map-list li.golf-map8 .pop-cont, ul.map-list li.golf-map9 .pop-cont, ul.map-list li.golf-map10 .pop-cont { bottom: auto; top: 50px;}
ul.map-list li.golf-map1 .pop-cont, ul.map-list li.golf-map2 .pop-cont, ul.map-list li.golf-map3 .pop-cont { top: auto;}
ul.map-list li.golf-map4 .pop-cont { bottom: auto; top: 50px;}
.overlay-map { position: absolute; right: 25px; top: 25px; width: 30px; }
.overlay-map ul { display: flex; flex-wrap: wrap; row-gap: 25px; align-items: center; justify-content: center;}
.overlay-map ul li { flex: 0 1 100%; }
.overlay-map ul li a { float: left; padding:0px;  box-shadow: 0px 5px 15px rgba(0, 9, 68, 0.25); transition: all 0.4s ease;}
.overlay-map ul li img { width: auto; float: left;}
.mapa-cont-div ul.map-list li:last-child img { height: 14px;}

.gm-style .gm-style-iw-c { padding: 0; top: 35px;overflow:visible !important;}
.gm-style-iw-chr { position: absolute; top: 0px; right: 10px; z-index: 9;}
.gm-style .gm-style-iw-tc { display: none;}

.gm-ui-hover-effect span {filter: brightness(0) invert(1);}
.maresme-map .pop-cont { display: block; position: relative; left: 0; bottom: 0;padding: 18px 18px 50px 18px;}
.maresme-map .pop-in-img { float: left; width: 100%;}
.maresme-map .pop-in-img img { float: left; width: 100%;}
.maresme-map .pop-cont .pop-in-cont {width: 100%;float: left;padding: 18px 18px 50px 18px;}
.maresme-map .pop-cont h3 { font-size: 16px; line-height:1.2; color:#2D2D2D; font-family: 'Inter-Bold'; letter-spacing: 0.12px; margin-bottom: 10px;}
.maresme-map .pop-cont p { font-size: 14px; line-height:1.4; color:#666666; letter-spacing: -0.2px; margin-bottom: 15px;}
.maresme-map .pop-cont a{color: #28CF71;font-family: 'Inter-Bold'; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; text-decoration: underline; transition: all .5s ease;}
.maresme-map .pop-cont a:hover { color: #2D2D2D;}
.maresme-map .pop-cont img { width: 14px;float: none;display: inline-block;}
.maresme-map .pop-cont .pop-in-img{width: 100%; float: left; position: relative;}
.maresme-map .pop-cont .pop-in-img::after { position: absolute; content: ''; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; left: 0; top: 0;}
.maresme-map .pop-cont .pop-in-img img{width: 100%; float: left; height: auto;}
.maresme-map .pop-cont .pop-in-img span.wishlist-ico { background: url("../images/ico-heart.svg") no-repeat scroll 0 0; width: 15px; height: 13px; background-size: contain; z-index: 9; display: block; position: absolute; top: 15px; left: 15px;}

.hm-rutas-sec { float: left; width: 100%; padding: 90px 0px 110px; position: relative;}
.experiencias-cont { float: left; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px;}
.experiencias-cont h2 {color:#333333; font-size:50px; line-height:1.1; letter-spacing: -1.5px; font-family: 'Inter-Black';}


.exp-slide { float: left; width: 100%; padding-left: calc((100% - 1170px) / 2); position: relative;}
/* .exp-slide .swiper-container { overflow: visible;} */
.exp-main .exp-img { width: 100%; float: left; border-radius: 5px; overflow: hidden; position: relative;}
.exp-main .exp-img img { float: left; width: 100%; transition:all .5s ease;}
.exp-main .fav-icon { position: absolute; left: 0px; top: 0px; background: rgba(51, 51, 51, 0.3); border-radius: 5px 0 0; overflow: hidden;}
.exp-main .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.exp-main .fav-icon a span { background: url(../images/ico-heart.svg) no-repeat center center; width: 19px; height: 17px; display: block;}
.exp-main span.tag { position: absolute; left: 15px; bottom: 15px; background: #004C01; border: 3px solid rgba(255, 255, 255, 0.32); border-radius: 28px; overflow: hidden; font-size: 16px; color: #ffffff; letter-spacing: -0.5px; padding: 4px 12px;}
.exp-main .exp-txt { width: 100%; float: left; padding: 22px 0px 0; }
.exp-main .exp-txt h3 a { font-size: 35px; line-height: 1.1; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -0.53px; margin-bottom: 15px; float: left; width: 100%; transition: all 0.5s ease; }
.exp-main .exp-txt h4  { font-size: 16px; line-height: 1.1; font-family: 'Inter-Bold'; color: #004C01; letter-spacing: -0.5px; margin-bottom: 8px; transition: all 0.5s ease; }
.exp-main .exp-txt p  { font-size: 16px; line-height: 1.1; font-family: 'Inter-Regular'; color: #333333; letter-spacing: -0.5px; margin-bottom: 23px; transition: all 0.5s ease; }
.exp-main .exp-txt a.mas-btn {color: #2FAD66;font-family: 'Inter-Bold'; text-decoration: underline; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; text-transform: uppercase; transition: all .5s ease;}
.exp-main:hover .exp-txt h3 a { color: #2FAD66;}
.exp-main:hover .exp-img img { transform: scale(1.03);}
.exp-main:hover .fav-icon a { background: #004C01; }
.exp-main:hover .exp-txt a.mas-btn  { color: #004C01;}
a.more-btn{ width: 138px; height: 56px; border-radius: 28px; border: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%);margin-bottom: 5px;  display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; transition: all 0.5s ease;}
a.more-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

.swiper-pagination-exp { display: none;}
.exp-slide .swiper-nav-rel {width: 1170px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: absolute; top: 32%; transform: translateY(-50%); margin: 0px 0 0; z-index: 1;}
.exp-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.exp-slide .swiper-pagination-bullet { background-color: #dee7f0; border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.exp-slide .swiper-pagination-bullet-active, .exp-slide .swiper-pagination-bullet:hover { background-color: #333333; border-radius: 25px;}
.exp-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.exp-slide .swiper-button{ width: 100%; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px;}
.exp-slide .swiper-button-prev-exp{background: url("../images/arrow-g-slider.svg") no-repeat 0 0; background-size: cover; width: 90px; height: 90px; cursor: pointer; position: absolute; left: -45px; transition:all .5s ease; transform: rotateZ(-180deg);}
.exp-slide .swiper-button-next-exp{background: url("../images/arrow-g-slider.svg") no-repeat 0 0;background-size: cover; width: 90px; height: 90px; cursor: pointer; position: absolute; right: -45px; transition:all .5s ease;}
.exp-slide .swiper-button-prev-exp:hover, .exp-slide .swiper-button-next-exp:hover{opacity: 0.7;}
.exp-slide .swiper-button-prev-exp.swiper-button-disabled, .exp-slide .swiper-button-next-exp.swiper-button-disabled {
    opacity: 0; cursor: auto; pointer-events: none; }

.hm-cerca-ban { float: left; width: 100%; position: relative; overflow: hidden;}
.hm-cerca-ban.bg-form::after{position: absolute;content: "";right: -140px;top:20px;background: url(../images/descubre-bg.svg) no-repeat 0 0; background-size: cover; width: 780px;height: 680px; z-index: 9;}
.hm-cerca-ban img { float: left; width: 100%;}
.hm-cerca-cont { position: absolute; width: 100%; left: 0px; top: 41%; transform: translateY(-50%);text-align: center;}
.cerca-content { float: none; width: 100%; text-align: center;display: inline-block;}
.cerca-content h3 {float: left; width: 100%; color: #fff; font-size: 70px; line-height: 1; font-family: 'Inter-Black'; letter-spacing: -2.1px; margin-bottom: 30px;}
.cerca-content h3 span {display: block;}
.cerca-content p{float: left; width: 100%; font-family: 'Inter-Medium'; color: #fff; font-size: 16px; line-height: 1.6; letter-spacing: -0.5px; padding: 0 23%; margin-bottom: 45px;}
.cerca-content a.saber-btn{background: url(../images/botton-02.svg) no-repeat 0 0; background-size: cover; width: 229px; height: 62px; display: flex; align-items: center; justify-content: center; font-family: 'Inter-Bold'; font-size: 16px; line-height: 26px; color: #000000; transition:all .5s ease;}
.cerca-content a.saber-btn{ width: 148px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); transition: all 0.5s ease;}
.cerca-content a.saber-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

.como-llegar-sec { float: left; width: 100%; position: relative; z-index: 1; padding-bottom: 50px; }
.como-sec h2 { font-size: 50px; line-height: 1; font-family: 'Inter-Black'; color: #ffffff; letter-spacing: -1.5px; text-align: center; margin-bottom: 50px; }
.como-list { float: left; width: 100%; margin-top: -170px;}
.como-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; column-gap: 2%; row-gap: 32px;}
.como-list ul li { flex: 0 1 32%;}
.como-list ul li a { float: left; width: 100%; background: #004C01; min-height: 331px; border-radius: 9px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);}
.como-list ul li:nth-child(2n) a, .como-list ul li:nth-child(5n) a { background: #2FAD66;}
.como-list ul li:nth-child(3n) a { background: #A4C217;}
.como-list ul li:nth-child(4n) a { background: #004C01;}
.como-list ul li .como-icon { float: left; width: 100%; margin-bottom: 60px;}
.como-list ul li .como-cont { float: left; width: 100%; }
.como-list ul li .como-cont h3 { font-size: 40px; line-height: 1.1; font-family: 'Inter-Black'; color: #ffffff; letter-spacing: -1.2px;transition:all .5s ease;}
.como-list ul li .como-cont p { font-size: 16px; line-height: 1.1; font-family: 'Inter-Regular'; color: rgba(255,255,255, 0.7);transition:all .5s ease;}
.como-list ul li a:hover h3 { text-decoration: underline;}

.hm-eventos-sec { float: left; width: 100%; padding: 50px 0px 100px; position: relative;}
.experiencias-cont { float: left; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 35px;}
.experiencias-cont h2 {color:#333333; font-size:50px; line-height:1.1; letter-spacing: -1.5px; font-family: 'Inter-Black';}
.eventos-tab-main ul { display: inline-flex; align-items: center; background: #C3C3C3; padding: 3px; border-radius: 60px; box-shadow: 0 0 0 3px rgba(149, 149, 149, 0.32);}
.eventos-tab-main ul li { list-style: none;}
.eventos-tab-main .tab-btn { width: 120px; height: 46px; border: none; border-radius: 50px; background: transparent; color: #ffffff;
    font-size: 16px; font-family: 'Inter-Medium'; cursor: pointer; transition: all 0.4s ease;}
.eventos-tab-main .tab-btn.active { background: #004C01; color: #ffffff; font-family: 'Inter-Black';}
.tab-content { display: none; width: 100%;}
.tab-content.active { display: block;}

.eventos-slide { float: left; width: 100%; padding-left: calc((100% - 1170px) / 2); position: relative;}
/* .eventos-slide .swiper-container { overflow: visible;} */
.eventos-main .eventos-img { width: 100%; float: left; border-radius: 5px; overflow: hidden; position: relative;}
.eventos-main .eventos-img img { float: left; width: 100%; transition:all .5s ease;}
.eventos-main .fav-icon { position: absolute; left: 0px; top: 0px; background: rgba(51, 51, 51, 0.3); border-radius: 5px 0 0; overflow: hidden;}
.eventos-main .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.eventos-main .fav-icon a span { background: url(../images/ico-heart.svg) no-repeat center center; width: 19px; height: 17px; display: block;}
.eventos-main span.tag { position: absolute; left: 15px; bottom: 15px; background: #004C01; border: 3px solid rgba(255, 255, 255, 0.32); border-radius: 28px; overflow: hidden; font-size: 16px; color: #ffffff; letter-spacing: -0.5px; padding: 4px 12px;}
.eventos-main .eventos-txt { width: 100%; float: left; padding: 22px 0px 0; }
.eventos-main .eventos-txt h3 a { font-size: 35px; line-height: 1.2; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -0.53px; margin-bottom: 15px; float: left; width: 100%; transition: all 0.5s ease; }
.eventos-main .eventos-txt h4  { font-size: 18px; line-height: 1.3; font-family: 'Inter-Light'; color: #004C01; letter-spacing: -0.11px; margin-bottom: 20px; transition: all 0.5s ease; }
.eventos-main .eventos-txt h4 span { font-family: 'Inter-Bold'; }
.eventos-main .eventos-txt p  { font-size: 16px; line-height: 1.3; font-family: 'Inter-Regular'; color: #333333; letter-spacing: -0.5px; margin-bottom: 20px; transition: all 0.5s ease; }
.eventos-main .filter-tag{width: 100%; float: left;}
.eventos-main .filter-tag ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.eventos-main .filter-tag ul li{flex: 0 1 auto; border: 3px solid rgba(0,76,1,0.2); padding: 5px 13px; border-radius: 28px; color: #004C01; font-family: 'Inter-Medium'; font-size: 16px; line-height: 20px; letter-spacing: -0.5px;}
.eventos-main .filter-tag ul li.active{background: #007F6F; border: 1px solid #007F6F; color: #fff;  font-family: 'Poppins-SemiBold';}
.eventos-main:hover .filter-tag ul li.active{color: #fff;}
.eventos-main:hover .eventos-txt h3 a { color: #2FAD66;}
.eventos-main:hover .eventos-img img { transform: scale(1.03);}
.eventos-main:hover .fav-icon a { background: #004C01; }
.eventos-main:hover .eventos-txt a.mas-btn  { color: #004C01;}
a.more-btn{ width: 138px; height: 56px; border-radius: 28px; border: none; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%);margin-bottom: 5px;  display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; transition: all 0.5s ease;}
a.more-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

.swiper-pagination-eventos { display: none;}
.eventos-slide .swiper-nav-rel {width: 1170px; display: none; flex-wrap: wrap; align-items: center; justify-content: space-between; position: absolute; top: 32%; transform: translateY(-50%); margin: 0px 0 0; z-index: 1;}
.eventos-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.eventos-slide .swiper-pagination-bullet { background-color: #dee7f0; border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.eventos-slide .swiper-pagination-bullet-active, .eventos-slide .swiper-pagination-bullet:hover { background-color: #333333; border-radius: 25px;}
.eventos-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.eventos-slide .swiper-button{ width: 100%; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px;}
.eventos-slide .swiper-button-prev-eventos, .eventos-slide .swiper-button-prev-noticias{background: url("../images/arrow-g-slider.svg") no-repeat 0 0; background-size: cover; width: 90px; height: 90px; cursor: pointer; position: absolute; left: -45px; transition:all .5s ease; transform: rotateZ(-180deg);}
.eventos-slide .swiper-button-next-eventos, .eventos-slide .swiper-button-next-noticias{background: url("../images/arrow-g-slider.svg") no-repeat 0 0;background-size: cover; width: 90px; height: 90px; cursor: pointer; position: absolute; right: -45px; transition:all .5s ease;}
.eventos-slide .swiper-button-prev-eventos:hover, .eventos-slide .swiper-button-next-eventos:hover, .eventos-slide .swiper-button-prev-noticias:hover, .eventos-slide .swiper-button-next-noticias:hover{opacity: 0.7;}
.eventos-slide .swiper-button-prev-eventos.swiper-button-disabled, .eventos-slide .swiper-button-next-eventos.swiper-button-disabled, .eventos-slide .swiper-button-prev-noticias.swiper-button-disabled, .eventos-slide .swiper-button-next-noticias.swiper-button-disabled {
    opacity: 0; cursor: auto; pointer-events: none; }

.explora-sec { float: left; width: 100%; padding: 70px 0 80px; background: url("../images/svg-background.svg") no-repeat 0 0;background-size: cover;}
.explora-sec h2 { font-size: 50px; line-height: 1; font-family: 'Inter-Black'; color: #ffffff; letter-spacing: -1.5px; text-align: center; margin-bottom: 50px; }
.explora-list { float: left; width: 100%;}
.explora-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.explora-list ul li { flex: 0 1 25%;}
.explora-list ul li .explora-icon { float: left; width: 100%; margin-bottom: 25px;}
.explora-list ul li .explora-cont { float: left; width: 100%; }
.explora-list ul li .explora-cont h3 { font-size: 25px; line-height: 1.1; font-family: 'Inter-Black'; color: #ffffff; margin-bottom: 12px;transition:all .5s ease;}
.explora-list ul li .explora-cont p { font-size: 16px; line-height: 1.1; font-family: 'Inter-Regular'; color: rgba(255,255,255, 0.7);transition:all .5s ease;}
.explora-list ul li a:hover { opacity: 0.6;}

.segueix-nos{float: left;width: 100%;padding: 95px 0;}
.segueix-title {float: left;width: 100%; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; text-align: left;}
.segueix-title h2 {width: 100%; float: left; color: #333333; font-family: 'Inter-Black'; font-size: 40px; line-height: 1.2; letter-spacing: -1.28px; margin-bottom: 25px;}
.segueix-title h2 span { color: #2FAD66;}
.segueix-title  a {font-size: 14px;line-height: 23px;color: #0061EB;font-family: 'BalooBhai2-Bold';border-bottom: 1px solid #0061eb;transition: all 0.5s ease;letter-spacing: 1.17px;}
.segueix-title a:hover{color:#FF5C24;border-color: #FF5C24;}
.segueix-main { float: left; width: 100%;margin-bottom: 30px;}
.segueix-main ul {float: left; width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense;}
.segueix-main ul li {display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
.segueix-main ul li.tall { grid-row: span 2;}
.segueix-main ul li.wide { grid-column: span 2;}
.segueix-main ul li a {width: 100%;}
.segueix-main ul li .img-div { float: left; width: 100%; overflow: hidden; position: relative; height: 100%;}
.segueix-main ul li .img-div img { float: left; width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; height: 100%;}
.segueix-main ul li:hover .img-div img {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.segueix-main ul li.youtube:after{position: absolute;content: "";width: 40px;height: 40px;top:50%;left: 50%;transform: translate(-50% , -50%);background: url(../images/play-button.svg);background-size: cover;}
.segu-ico { position: absolute; right: 15px; bottom: 15px;}
.segu-ico span.ico-ig {background: url("../images/ig-ico-wht.svg")no-repeat right bottom;width: 22px;height: 21px;display: inline-block;background-size: contain;}

.segueix-social{float: left;width: 100%;}
.segueix-social ul{float: left;width: 100%;display: flex;align-items:center;flex-wrap: wrap;column-gap: 30px;justify-content: left;}
.segueix-social ul li{flex: 0 1 auto;position: relative;}
.segueix-social ul li a{display: flex;align-items: center;justify-content: center;transition: all 0.5s ease; column-gap: 10px; font-family: 'Inter-Medium'; color: #333333; font-size: 14px; line-height: 30px; letter-spacing: 0.5px;}
/* .segueix-social ul li a img{ filter: brightness(0) contrast(90%);} */
.segueix-social ul li a:hover{opacity: 0.6;}

.hm-area-ban { float: left; width: 100%; position: relative; overflow: hidden;}
.hm-area-ban.bg-form::after{position: absolute;content: "";right: -140px;top:20px;background: url(../images/descubre-bg.svg) no-repeat 0 0; background-size: cover; width: 780px;height: 680px; z-index: 9;}
.hm-area-ban img { float: left; width: 100%;}
.hm-area-cont { position: absolute; width: 100%; left: 0px; top: 45%; transform: translateY(-50%);}
.ban-content { float: left; width: 100%; max-width: 700px;}
.ban-content h3 {float: left; width: 100%; color: #fff; font-size: 75px; line-height: 1; font-family: 'Inter-Black'; letter-spacing: -2.54px; margin-bottom: 35px;}
.ban-content h3 span {display: block;}
.ban-content p{float: left; width: 100%; font-family: 'Inter-Light'; color: #fff; font-size: 16px; line-height: 26px; margin-bottom: 40px;}
.ban-content a.saber-btn{background: url(../images/botton-02.svg) no-repeat 0 0; background-size: cover; width: 229px; height: 62px; display: flex; align-items: center; justify-content: center; font-family: 'Inter-Bold'; font-size: 16px; line-height: 26px; color: #000000; transition:all .5s ease;}
.ban-content a.saber-btn{ width: 183px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); transition: all 0.5s ease;}
.ban-content a.saber-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

.scroll-up { position: absolute; width: 86px; top: -43px; left: 0; right: 0; margin: 0 auto; text-align: center; cursor: pointer;}
.scroll-up:hover { opacity: 0.6;}

/* footer */
footer { float: left; width: 100%; padding: 0px 0px; background: #EAF7EF; }
.foot-top { float: left; width: 100%; padding:39px 90px; background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%);background-size: cover;  border-radius: 0px; margin-top: -90px; position: relative; border: none; }
.newsletter-box { float: left; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.news-lft {flex: 0 1 43%; display: flex; column-gap: 32px; align-items: last baseline;}
.news-lft h2 {font-size: 45px; color:#fff; line-height:1.2; font-family: 'Inter-Bold'; letter-spacing: -0.5px;}
.news-lft h2 span {display: block;}
.news-rht { flex: 0 1 57%;display: flex; flex-wrap: wrap; column-gap: 6.2%;}
.news-box { float: left; width: 100%; position: relative;}
.news-box-out { flex: 0 1 70%; }
.news-btn { flex: 0 1 23.8%;  }
.news-box input[type="text"] { background: no-repeat; border: none; border-bottom: 1px solid #ffffff; width: 100%; color: #ffffff; font-size: 18px; height: 50px; line-height: 20px; font-family: 'Inter-Bold'; border-radius: 0; padding: 0px 0px;}
.news-rht button {padding: 6px 37px; display: flex; align-items: center; justify-content: center; border: 3px solid rgba(255, 255, 255, 0.32); background: #2FAD66; font-family: 'Inter-Bold'; color: #ffffff; font-size: 16px; line-height: 26px; border-radius: 28px; cursor: pointer;transition:all .5s ease;height: 56px;}
.news-rht button:hover {background: #ffffff; color: #004C01;}
.news-rht .frm-input.checkbox { float: left; width: 100%; margin-top: 15px;}
.news-rht .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.news-rht .frm-input.checkbox label {color:#fff;cursor: pointer;font-size: 12px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; font-family: 'Inter-Regular';}
.news-rht .frm-input.checkbox label::before { background: transparent; content: ""; height: 15px; left: 0; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 15px;}
.news-rht .frm-input.checkbox label::after {background: transparent none repeat scroll 0 0;border: 1px solid #fff;content: "";height: 15px;left: 0;position: absolute;top: 3px;width: 15px;}
.news-rht .frm-input.checkbox input:checked + label::before {background: #fff;}
.news-rht .frm-input.checkbox input:checked + label::after {border-color: #fff;}
.news-rht .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0;}

.foot-mid-top { float: left; width: 100%; padding: 0 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ft-logo-lst { float: left; width: 100%; margin-bottom: 0px;padding: 80px 0px 50px;}
.ft-logo-lst ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 20px; }
.ft-logo-lst ul li a { transition:all .5s ease; }
.ft-logo-lst ul li a img { width: auto;}
.ft-logo-lst ul li a:hover { opacity: 0.7; }

.foot-mid-btm { float: left; width: 100%; padding: 40px 0 45px; display: flex; flex-wrap: wrap; column-gap: 10.3%;border-top: 1px solid rgba(151,151,151, 0.5);}
.foot-mid-lft { flex: 0 1 35.7%;}
.ftr-add { float: left; width: 100%;}
.ftr-add p { font-size: 15px; line-height: 1.6; color: rgba(51, 51, 51, 0.6); letter-spacing: -0.33px;margin-bottom: 20px;}
.ftr-add p span { color: rgba(0, 76, 1, 0.6);font-family: 'Inter-Bold'; }
.ftr-add p a {transition:all .5s ease;}
.ftr-add p a:hover { color: rgba(0, 76, 1, 0.6); }
.foot-mid-rgt { flex: 0 1 54%;display: flex; flex-wrap: wrap; }
.ftr-lst-lft { flex: 0 1 73%;display: flex;flex-wrap: wrap;}
.ftr-lst-lft ul { flex: 0 1 40%; display: flex; flex-wrap: wrap; row-gap: 17px;}
.ftr-lst-lft ul li { flex: 0 1 100%;}
.ftr-lst-lft ul li a { font-size: 18px; line-height: 1.2; color: rgba(51, 51, 51, 0.6);font-family: 'Inter-SemiBold'; letter-spacing: -0.39px;transition:all .5s ease;}
.ftr-lst-lft ul li a:hover { color: rgba(0, 76, 1, 0.6); }
.ftr-lst-rgt { flex: 0 1 27%;}
.ftr-lst-rgt ul {display: flex; flex-wrap: wrap; row-gap: 17px;}
.ftr-lst-rgt ul li { flex: 0 1 100%;}
.ftr-lst-rgt ul li a { font-size: 14px; line-height: 1.3; color: rgba(51, 51, 51, 0.47); letter-spacing: -0.3px;transition:all .5s ease;}
.ftr-lst-rgt ul li a:hover { color: rgba(0, 76, 1, 0.6); }
.foot-mid-links { float: left; width: 100%; margin-top: 25px;}
ul.social-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 25px; }
ul.social-list li { flex: 0 1 auto;}
ul.social-list li a { float: left; width: 40px;height:17px; border: 1px solid rgba(255,225,255, 0.50); border-radius: 20px; transition:all .5s ease;}
ul.social-list li a.fb-foot {background: url(../images/ico-footer-facebook.svg) no-repeat center center; width: 8px;}
ul.social-list li a.in-foot {background: url(../images/ico-footer-insta.svg) no-repeat center center; width: 19px;}
ul.social-list li a.tw-foot {background: url(../images/ico-footer-X.svg) no-repeat center center; width: 16px;}
ul.social-list li a.yt-foot {background: url(../images/ico-footer-youtube.svg) no-repeat center center; width: 21px;}
ul.social-list li a.tk-foot {background: url(../images/ico-footer-tiktok.svg) no-repeat center center; width: 16px;}
ul.social-list li a:hover { opacity: 0.6;}

.foot-mid-lst { float: left; width: 100%; padding: 40px 0px 45px;border-top: 1px solid rgba(151,151,151, 0.5); }
.foot-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.foot-btm p { color: #333333; font-size: 12px; line-height: 1.2; font-family: 'Inter-Regular'; letter-spacing: 0.1px;}
.foot-btm-rht ul { display: flex; flex-wrap: wrap; column-gap: 18px; align-items: center; }
.foot-btm-rht ul li a { color: rgba(51, 51, 51, 0.6); font-size: 12px; line-height: 1.2; letter-spacing: 0.1px; font-family: 'Inter-Regular'; transition:all .5s ease; }
.foot-btm-rht ul li a:hover { color: rgba(0, 76, 1, 0.6); }

/* descubre page */
.inn-banner { float: left; width: 100%; position: relative;}
.inn-banner::after  { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 26, 42, 0.65) 0%, rgba(0, 26, 42, 0) 100%);}
.inn-banner img { float: left; width: 100%; height: 100%; object-fit: cover; }
.inn-banner .inn-ban-cap { position: absolute; left: 0px; top: 50%; transform: translateY(-15%); width: 100%; z-index: 1; text-align: center;}
.inn-banner .in-ban-lft { float: left; width: 100%; display: flex;flex-wrap: wrap;row-gap: 0px; justify-content: center;}
.inn-banner .in-ban-lft h1 {width: 100%; color: #FFFFFF; font-size: 75px; line-height: 1.1; font-family: 'Inter-Black'; text-transform: none; letter-spacing: -2.54px;}
.inn-banner .in-ban-lft.txt-cap h1 {font-size: 65px; line-height: 75px; letter-spacing: 0.03px;}
.inn-banner .in-ban-lft h1 span { color: #FFC300; display: block;}

/* breadcrum css */
.breadcrum { float: left; width: 100%; padding: 30px 0 30px;}
.breadcrum ul { float: left; width: auto; display: flex; flex-wrap: wrap; }
.breadcrum ul li { flex: 0 1 auto; font-family: 'Inter-Regular'; color: #333333; font-size: 14px; line-height: 18px; padding-right: 12px; margin-right: 10px; letter-spacing: 0.16px; position: relative;}
.breadcrum ul li::after { position: absolute; content: "|"; color: #333333; font-size: 14px; line-height: 14px; font-family: 'Inter-Regular'; right: 0; top: 2px;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li a { float: left; font-family: 'Inter-Regular'; color: #333333; font-size: 14px; line-height: 18px; letter-spacing: 0.16px; transition:all .5s ease;}
.breadcrum ul li a:hover { color: #FFC300;}
.breadcrum ul li:last-child:after { content: none;}
.breadcrum.abs-sec { padding: 0;}
.breadcrum.abs-sec ul { width: 100%; justify-content: center;}
.breadcrum.abs-sec ul li::after { color: #FFFFFF;}
.breadcrum.abs-sec ul li { color: #FFFFFF;}
.breadcrum.abs-sec ul li a { color: #FFFFFF;}
.breadcrum.abs-sec ul li a:hover { color: #FFC300;}

.cultura-sec{width: 100%; float: left;padding: 100px 0 90px;  position: relative; }
.cultura-sec::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 1035px; background: url(../images/background-02.svg) no-repeat 0 0; opacity: 0.8;}
.cultura-sec .row { position: relative; z-index: 1;}
.cultura-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 0; row-gap: 30px;}
.cultura-content{flex: 0 1 42.8%;}
.cultura-img{flex: 0 1 40.6%; position: relative; padding-top: 10px;}
.cultura-sec h2 { font-size: 50px; line-height: 1; font-family: 'Inter-Black'; color: #333333; letter-spacing: -0.82px; margin-bottom: 30px; }
.cultura-sec p{width: 100%; float: left; color: #333333; font-family: 'Inter-Regular'; font-size: 16px; line-height: 1.5; letter-spacing: -0.26px; margin-bottom: 15px;}
.cultura-sec p span { font-family: 'Inter-Bold'; }
.cultura-sec p:last-child { margin-bottom: 0;}
a.veure-btn { display: flex; align-items: center; justify-content: center; padding: 0 20px; background: none;cursor: pointer;min-width:182px;max-width: min-content; height: 55px; font-size: 16px; line-height: 24px; font-family: 'Inter-Bold'; color: #333333; border: 2px solid rgba(3,4,94,0.4); border-radius: 28px;transition: all .5s ease;z-index: 99; margin-top: 15px; float: left;}
a.veure-btn:hover { background: #333333; color: #fff;border: 2px solid #333333;}
.img-large{width: 100%; float: left;}
.img-large img{width: auto;}

.descubre-pad { margin-top: 85px;}

.demo{position: absolute;bottom: 15px;left: 0; right: 0; margin: 0 auto; z-index: 2;}
.demo a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.demo a img{width: auto;}
.demo a:hover { opacity: 0.6;}

/* descubre page */
.concej { padding-bottom: 130px;}
.concej::after { display: none;}
.concej .cultura-img { margin-top: -10px; padding-top: 0;}
.concejos-list { float: left; width: 100%;margin-top: 110px;}
.concejos-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; column-gap: 2%; row-gap: 60px;}
.concejos-list ul li { flex: 0 1 32%;}
.concejos-main { float: left; width: 100%;border-radius: 5px; }
.concejos-main .concejos-img { width: 100%; float: left; border-radius: 5px; overflow: hidden; position: relative;}
.concejos-main .concejos-img img { float: left; width: 100%; transition:all .5s ease;}
.concejos-main .concejos-txt { position: relative; left: 0px; bottom: 0px; width: 100%; float: left; padding: 15px 0px 0;display: flex;align-items: center;}
.concejos-main .concejos-txt h3 { font-size: 30px; line-height: 1.1; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -0.45px; text-align: left; transition: all 0.5s ease; }
.concejos-main:hover .concejos-txt h3  { opacity: 0.7; }
.concejos-main:hover .concejos-img img { transform: scale(1.03);}

/* donde-dormir-1 */
.donde-ban::after { display: none;}
.cultura-sec a.buscar-btn{ width: 276px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: space-between; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 5px 0 25px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); margin-top: 35px; transition: all 0.5s ease;}
.cultura-sec a.buscar-btn:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }
.cultura-sec a.buscar-btn span img { float: right; width: auto;}
.cultura-img span { position: absolute; left: 0; right: 0; margin: 0 auto; width: 235px; top: 5px; font-size: 18px;line-height: 1; padding-left: 50px; font-family: 'Inter-Bold'; color: #004C01;}
.donde { padding-bottom: 130px;}
.donde::after { display: none;}
.donde .cultura-img { padding-top: 30px;}
.donde .cultura-img span { width: 352px; top: -20px;}

/* .mapa-svg svg path { fill: #0B5F12; stroke: #7CB58B; stroke-width: 2; transition: all .4s ease; cursor: pointer; }
.mapa-svg svg path.light-area { fill: #E5E8E3; stroke: #D4D8D2; }
.mapa-svg svg path:hover { fill: #37B56A; stroke: #A5DFC0; filter: drop-shadow(0 0 8px rgba(55,181,106,0.45)); }
.mapa-svg svg path.active { fill: #005700; stroke: #7BC38F; }
.mapa-svg svg text { fill: #ffffff; font-size: 18px; font-weight: 700; pointer-events: none; }
.mapa-svg svg text.light-text { fill: #91A88F; }
.mapa-svg svg path:hover { cursor: pointer; }
.mapa-svg { width: 100%; position: relative; }
.svg-region { cursor: pointer; transition: all .35s ease; }
.mapa-svg object { width: auto !important; max-width: 550px; height: auto; pointer-events: auto; display: block; }
.mapa-svg object .region-hover { fill: #2FAD66 !important; stroke: #ffffff !important; stroke-width: 2px !important; filter: drop-shadow(0 0 8px rgba(55,181,106,0.45)); }
path:hover { fill: #2FAD66 !important; stroke: #ffffff !important; stroke-width: 2px !important; filter: drop-shadow(0 0 8px rgba(55,181,106,0.45)); } */

.mapa-svg svg { width: 100% !important; height: auto !important;}
.mapa-svg path { transition: all 0.4s ease;}
/* .mapa-svg path#Fill-1:hover {  fill: #2FAD66 !important; cursor: pointer;} */

/* consejos-ficha */
.iglesia-sec { float: left; width: 100%; padding: 10px 0 0;}
.iglesia-sec h1 { font-size: 70px; line-height: 1; margin-bottom: 35px; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -2.37px;}

.hotel-slider-sec { float: left; width: 100%; position: relative;}
.hotel-slider-sec .swiper-wrapper { margin-bottom: 30px;}
.hotel-slider-sec .swiper-slide img { float: left; width: 100%;}
.hotel-slider-sec .swiper-nav-rel {width: 1170px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); margin: 0px 0 0; z-index: 1;}
.hotel-slider-sec .swiper-pagination-hotel.swiper-pagination-bullets { width: auto; float: left; display: none; padding-left:calc((100% - 1180px + 1rem) / 2);}
.hotel-slider-sec .swiper-pagination-hotel.swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(0, 42, 142, 0.15);}
.hotel-slider-sec .swiper-pagination-hotel.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0d3493;}

.hotel-slider-sec .swiper-container { padding-bottom: 0px;}
.hotel-slider-sec .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 18px;}
.hotel-slider-sec .swiper-pagination-bullet { background-color:  rgba(255, 255, 255, 0.4); border: none; width: 10px; height: 10px; opacity: 1;transition:all .5s ease;}
.hotel-slider-sec .swiper-pagination-bullet-active, .hotel-slider-sec .swiper-pagination-bullet:hover { background-color: #fff; border-radius: 25px;}
.hotel-slider-sec .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.hotel-slider-sec .swiper-button{ width: 100%; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px;}
.hotel-slider-sec .swiper-button-prev-hotel{background: url("../images/arrow-g-slider.svg") no-repeat 0 0; background-size: cover; width: 75px; height: 75px; cursor: pointer; position: absolute; left: -45px; transition:all .5s ease; transform: rotateZ(-180deg);}
.hotel-slider-sec .swiper-button-next-hotel{background: url("../images/arrow-g-slider.svg") no-repeat 0 0;background-size: cover; width: 75px; height: 75px; cursor: pointer; position: absolute; right: -45px; transition:all .5s ease;}
.hotel-slider-sec .swiper-button-prev-hotel:hover, .exp-slide .swiper-button-next-hotel:hover{opacity: 0.7;}

/* ficha alojamiento css */
.ficha-aller-sec { float: left; width: 100%; padding: 35px 0 110px;}
.ficha-inner { float: left; width: 100%; display: flex;  row-gap: 30px;}
.ficha-lft { flex: 0 1 773px; order: 2;}
.ficha-rgt { flex: 0 1 calc(100% - 773px); padding-right: 90px;}
.ficha-cont { float: left; width: 100%; padding-bottom: 40px; padding-right: 30px; }
.ficha-cont h4 { float: left; width: 100%; font-family: 'Inter-Black'; color: #004C01; font-size: 20px; line-height: 1; letter-spacing: -0.08px; padding-bottom: 25px;}
.ficha-cont p { float: left; width: 100%; color: #333333; font-size: 16px; line-height: 1.5; letter-spacing: -0.1px; padding-bottom: 20px;}
.ficha-cont p:last-child { padding-bottom: 0;}
#fichamap { float: left; width: 100%; height: 285px; border-radius: 5px; overflow: hidden;}
.map-lnk { float: left; width: 100%; padding-top: 10px; }
.map-lnk a { float: left; width: auto; color: #2FAD66; font-family: 'Inter-Bold'; font-size: 14px; line-height: 20px; letter-spacing: 0.1px; text-decoration: underline; transition:all .5s ease;}
.map-lnk a:hover { color: #004C01;}

.ficha-rgt h4 { float: left; width: 100%; font-family: 'Inter-Black'; color: #004C01; font-size: 20px; line-height: 1; letter-spacing: -0.08px; padding-bottom: 25px;}
.ficha-cnct { float: left; width: 100%; padding-bottom: 40px;}
.ficha-cnct ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px;}
.ficha-cnct ul li { flex: 0 1 100%; padding-left: 32px;}
.ficha-cnct ul li p { float: left; width: 100%; font-size: 18px; line-height: 1.3; color: #333333; letter-spacing: -0.11px;}
.ficha-cnct ul li p span { font-family: 'Inter-Bold';}
.ficha-cnct ul li.loc { background: url("../images/ico-info-loc.svg") no-repeat left 5px;}
.ficha-cnct ul li.ph { background: url("../images/ico-info-ltel.svg") no-repeat left 5px;}
.ficha-cnct ul li.ph a { font-size: 18px; line-height: 1.3; letter-spacing: -0.11px; color: #333333; text-decoration: none; transition:all .5s ease;}
.ficha-cnct ul li.ph a:hover { color: #004C01; text-decoration: underline;}
.ficha-cnct ul li.link a { font-family: 'Inter-Bold'; font-size: 18px; letter-spacing: -0.11px; text-decoration: underline; color: #004C01;}
.ficha-cnct ul li.link a:hover { color: #2FAD66;}
.ficha-cnct ul li.mail { background: url("../images/ico-info-mail.svg") no-repeat left 3px;}
.ficha-cnct ul li.web { background: url("../images/ico-info-link.svg") no-repeat left 3px;}

.ficha-map { float: left; width: 100%;}
#fichamap { float: left; width: 100%; height: 594px; border-radius: 5px; overflow: hidden;}

.horaris-sec { float: left; width: 100%;}
.horaris-main { float: left; width: 100%; background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); margin-top: -80px; padding: 70px 65px 50px; border-radius: 0px; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; z-index: 1; }
.horaris-lft { flex:0 1 30%;}
.horaris-lft h2 { color:#ffffff; font-size: 50px; line-height: 1.3; letter-spacing: -0.2px; font-family: 'Inter-Black'; margin-bottom: 0px; }
.horaris-rgt { flex:0 1 70%;}
ul.horaris-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; align-items: flex-start; }
ul.horaris-lst li { flex: 0 1 42%; display: flex; flex-wrap: wrap; align-content: flex-start; color: #37374B; font-size: 16px; line-height: 24px; letter-spacing: 0.20px; font-family: 'Inter-Regular'; padding-left: 30px; }
ul.horaris-lst li:first-child { padding-right: 30px;}
ul.horaris-lst li:nth-child(2n - 2) { flex: 0 1 33%; }
ul.horaris-lst li:last-child { flex: 0 1 25%; }
ul.horaris-lst li h3 { font-size: 16px; line-height: 1; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: -0.1px; margin-bottom: 5px; }
ul.horaris-lst li p { float: left; width: 100%; font-size: 16px; line-height: 1.4; color: #ffffff; font-family: 'Inter-Regular'; letter-spacing: -0.1px; margin-bottom: 0px; }
ul.horaris-lst li a { font-size: 16px; line-height: 1.4; color: #ffffff; font-family: 'Inter-Regular'; letter-spacing: -0.1px; transition: all 0.5s ease; }
ul.horaris-lst li a:hover { color: #C7242B; }
ul.horaris-lst li.loc { background: url(../images/ico-c-loc.svg) no-repeat left 0 top 3px; }
ul.horaris-lst li.mail { background: url(../images/ico-c-mail.svg) no-repeat left 0 top 3px; }
ul.horaris-lst li.phn { background: url(../images/ico-c-tel.svg) no-repeat left 0 top 2px; }

.hm-rutas-sec.cerca-pad { padding: 120px 0 150px;}
.cerca-pad a.more-btn {color: #2FAD66;font-family: 'Inter-Bold'; text-decoration: underline; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; background: none; border: none;width: auto; height: auto; padding: 0; text-transform: uppercase; transition: all .5s ease;}
.cerca-pad a.more-btn:hover { color: #004C01;}

/*fliter*/
.filter-rutea{width: 100%; float: left;background: rgba(47, 173, 102, 0.09); padding: 30px 0 35px;}
.rutes-filter-list{width: 100%; float: left;}
.rutes-filter-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 1.2%; row-gap: 15px;}
.rutes-filter-list ul li{flex: 0 1 32.5%;}
.rutes-filter-list ul li .nice-select.select_box {flex: 0 1 49%; background:#fff; width:100%; height: 60px; color: #3F3F3F; padding:0px 25px; font-size: 16px; line-height:28px;font-family: 'Inter-Regular'; border: 2px solid rgba(33, 33, 33, 0.2); border-radius: 43px;display: flex; align-items: center;}
.rutes-filter-list ul li .nice-select::after{border-bottom: 2px solid #3F3F3F;border-right: 2px solid #3F3F3F; width: 10px; height: 10px; right: 25px;}
.rutes-filter-list ul li .nice-select.select_box .list{width: 100%; left: 0;}
.rutes-filter-list ul li .nice-select.open .list li { height:auto; flex: 0 1 100%;}
.rutes-filter-list ul li .nice-select.open .list li {width: 100%; text-align: left; font-size: 14px; line-height:24px; font-family: 'Inter-Regular'; padding:6px 20px;}
.rutes-filter-list ul li .nice-select.open .list li:hover { background:#BE5240; color:#fff;}
.rutes-filter-list ul li ul{row-gap: 0;}
.rutes-filter-list ul li ul li ul li  {border-right: 2px solid #282828;}
.rutes-filter-list ul li .srch-bx-lst {width: 100%; position: relative;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"] { float: left; width: 100%; border: 2px solid rgba(33, 33, 33, 0.2); border-radius: 43px; padding: 15px 25px; font-size: 16px; line-height:28px; font-family: 'Inter-Regular'; height: 60px; color: #202020;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn {cursor: pointer; width: 50px; height: 50px; border:none; float: left; background: #004C01; border-radius: 43px; transition: all .5s ease; position: absolute; right: 5px; top: 5px;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn:hover { background: #BE5240; border: 2px solid #BE5240;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]::-webkit-input-placeholder {color: #202020;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]::-moz-placeholder {color: #202020;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]:-ms-input-placeholder {color: #202020;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]::placeholder {color: #202020;opacity: 1;}

/*tab*/
.map-filter {display: flex;width: 100%;float: left;column-gap: 30px;align-items: center;}
.view-tab {float: left;width: auto;}
.view-tab ul.tab-list {float: right;width: auto;display: flex;column-gap: 15px;cursor: pointer; align-items: center;}
.view-tab ul.tab-list li {flex: 0 1 auto;}
.view-tab ul.tab-list li span {float: left;width: auto;}
.filter-rutea .view-tab ul.tab-list li span.grid-list {background: url("../images/ico-grid.svg") no-repeat scroll 0 0;width: 25px;height: 25px; background-size: cover; }
.filter-rutea .view-tab ul.tab-list li.current span.grid-list {background: url("../images/ico-grid-selected.svg") no-repeat scroll 0 0;}
.filter-rutea .view-tab ul.tab-list li span.map-list {background: url("../images/ico-map-not-selected.svg") no-repeat top 0px center;width: 29px;height: 26px; background-size: cover;}
.filter-rutea .view-tab ul.tab-list li.current span.map-list {background: url("../images/ico-map-selected.svg") no-repeat top 0px center;}
.trobat-sec .tab-content{display: none; float: left; width: 100%; background: #fff; border-radius: 0px 0px 8px 8px;}
.trobat-sec .tab-content.current{display: inherit;}
.patrimonials-map{width: 100%; float: left;}
.patrimonials-map img{width: 100%; float: left;}

.trobat-sec{width: 100%; float: left; }
#tab-1 {padding: 50px 0 85px 0;}
.trobat-sec h5{width: 100%; float: left;font-family: 'Inter-Regular';color: #242424; font-size: 14px; line-height: 24px; letter-spacing: 0.3px; margin-bottom: 25px;}
.trobat-sec h5 span{font-family: 'Inter-Black';}
.trobat-list{width: 100%; float: left;}
.trobat-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 55px;}
.trobat-list ul li{flex: 0 1 31.6%;}
.trobat-list ul li .star ul{column-gap: 8px; margin-bottom: 10px;}
.trobat-list ul li .star ul li{flex: 0 1 auto;}
.trobat-sec .eventos-main .eventos-txt h3 a { font-size: 30px;}

/* pagination */
.pagination { float: left; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 18px; margin-top: 80px;}
.pagination ul { float: left; width: auto; display: flex; column-gap: 1px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}
.pagination ul li a { color:#282828;display:flex;align-items: center;justify-content: center; width:35px; height:35px; border-radius: 100%; font-family: 'Inter-Regular'; font-size: 16px; letter-spacing: -0.33px; transition: all .5s ease;}
.pagination ul li a.active { background: #004C01; color: #FFFFFF; font-family: 'Inter-Regular';}
.pagination ul li a.active:hover { background: #004C01; color: #FFFFFF;}
.pagination ul li a:hover{ background: #004C01; color: #FFFFFF;}
a.next-arw {float: left;width:auto; padding-right: 15px; background: url("../images/arrow-siguiente.svg") no-repeat scroll right center;  font-family: 'Inter-Regular'; font-size:16px;line-height: 21px; color: #282828; letter-spacing: 0.2px; position: relative; transition: all 0.5s ease;}
a.next-arw:hover{filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(2067%) hue-rotate(85deg) brightness(92%) contrast(103%);}
a.prev-arw {float: left;width:auto; padding-left: 15px; background: url("../images/arrow-anterior.svg") no-repeat scroll left center;  font-family: 'Inter-Regular'; font-size:16px;line-height: 21px;color: rgba(40, 40, 40, 0.51); letter-spacing: 0.2px; position: relative; transition: all 0.5s ease;}
a.prev-arw:hover{filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(2067%) hue-rotate(85deg) brightness(92%) contrast(103%);}
.pagination.align-left {justify-content: left;}

/* donde-dormir-ficha css */
.ficha-aloj-sec { float: left; width: 100%; padding: 10px 0 75px;}
.ficha-aloj-title { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding-bottom: 45px; position: relative;}
.ficha-aloj-title h2 { float: left; width: 100%; color: #333333; font-family: 'Inter-Bold';  font-size: 65px; line-height: 1.1; letter-spacing: -2.2px; padding-bottom: 15px;}
.ficha-aloj-title ul { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; margin-right: 25px; min-height: 34px;}
.ficha-aloj-title ul li { flex: 0 1 auto;} 
.ficha-aloj-title .fav-icon {  background: rgba(47, 173, 102, 0.11); border-radius: 50px; overflow: hidden; transition:all .5s ease;}
.ficha-aloj-title .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.ficha-aloj-title .fav-icon a span { background: url(../images/ico-heart-g.svg) no-repeat center center; width: 19px; height: 17px; display: block;transition:all .5s ease;}
.ficha-aloj-title .fav-icon:hover { background: #004C01;}
.ficha-aloj-title .fav-icon:hover a span {background: url(../images/ico-heart.svg) no-repeat center center; }
.ficha-aloj-title .filter-tag{width: auto; float: left;}
.ficha-aloj-title .filter-tag ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; margin-right: 0;}
.ficha-aloj-title .filter-tag ul li{flex: 0 1 auto; border: 3px solid rgba(0,76,1,0.2); padding: 5px 11px; border-radius: 28px; color: #004C01; font-family: 'Inter-Medium'; font-size: 16px; line-height: 20px; letter-spacing: -0.5px;}
.aloj-sec .ficha-lft { flex: 0 1 674px;}
.aloj-sec .ficha-rgt { flex: 0 1 calc(100% - 674px); padding-right: 130px;}

.ficha-img-slide { float: left; width: 100%; position: relative; margin-bottom: 60px;}
.ficha-img-slide .swiper-slide { float: left; width: 100%; height: auto; position: relative; overflow: hidden; border-radius: 5px;}
.ficha-img-slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.ficha-img-slide .swiper-slide::after { position: absolute; content: ""; background: linear-gradient(180deg,rgba(13, 65, 59, 0) 0%, rgba(6, 34, 31, 0.61) 100%); bottom: 0; left: 0; width: 100%; height: 350px;}

.ficha-img-slide .swiper-nav { float: left; width: 100%; position: absolute; bottom: 50px; z-index: 1;}
.ficha-img-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(255, 255, 255, 0.20); border:none; opacity:1; border-radius:15px;}
.ficha-img-slide .swiper-pagination-bullet-active { background:#FFFFFF; }
.ficha-img-slide .swiper-pagination-bullets { display: inline-flex; column-gap: 15px; left: 50px; bottom: 0; width: auto; text-align: left; position: absolute; justify-content: left; align-items: center; }
.ficha-img-slide .swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.ficha-img-slide .swiper-nav-ficha-img { margin: 0; align-items: center; justify-content: space-between; position: absolute; right: 50px; left: auto; bottom: 0px; display: flex; column-gap: 20px; z-index: 1; }
.ficha-img-slide .swiper-button-prev-ficha-img{background: url("../images/thin_long_left.svg") no-repeat 0 0; background-size: cover; width: 28px; height: 10px; cursor: pointer; transition:all .5s ease;}
.ficha-img-slide .swiper-button-next-ficha-img{background: url("../images/thin_long_right.svg") no-repeat 0 0;background-size: cover; width: 28px; height: 10px; cursor: pointer; transition:all .5s ease;}
.ficha-img-slide .swiper-button-prev-ficha-img:hover, .ficha-img-slide .swiper-button-next-ficha-img:hover{opacity: 0.7; } 

.ficha-aloj-sec .ficha-cont p { padding-bottom: 13px;}
.ficha-aloj-sec .ficha-cont p:last-child { padding-bottom: 5px;}
.ficha-aloj-sec #fichamap { height: 286px;}

.ficha-scl-lnks { float: left; width: 100%;}
.ficha-scl-lnks ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; padding-left: 40px;}
.ficha-scl-lnks ul li { flex: 0 1 auto;}
.ficha-scl-lnks ul li a { float: left; width: auto; transition: all 0.5s ease;}
.ficha-scl-lnks ul li a:hover img { filter: brightness(0) saturate(100%) invert(21%) sepia(47%) saturate(1783%) hue-rotate(187deg) brightness(93%) contrast(113%);}

.serveis-sec{width: 100%; float: left; background: url("../images/servicios-bg.png") no-repeat 0 0;background-size: cover; padding: 100px 0;}
.serveis-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: 20px;}
.serveis-list > div:first-child { flex: 0 1 400px;}
.serveis-list > div:last-child { flex: 0 1 calc(100% - 400px);}
.serveis-sec h2 { float: left; width: 100%; color: #333333; font-family: 'Inter-Black'; font-size: 50px; line-height: 1; letter-spacing: -0.2px;}
.serveis-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 25px;} 
.serveis-sec ul li { flex: 0 1 28%;}
.serveis-sec ul li:nth-child(3), .serveis-sec ul li:nth-child(6) { flex: 0 1 32%;}
.serveis-sec ul li a { float: left; color: #333333; font-family: 'Inter-Medium'; display: flex; column-gap: 12px; align-items: center; transition:all .5s ease; letter-spacing: -0.06px; font-size: 16px; line-height: 24px;}
.serveis-sec ul li a span { width: 29px;}
.serveis-sec ul li a span img {float: left;}
.serveis-sec ul li:hover a { color: #02397C;}

.gallery-list { float: left; width: 100%; padding: 80px 0 75px;}
.gallery-list h2 { float: left; width: 100%; color: #333333; font-family: 'Inter-Black'; font-size: 50px; line-height: 1; letter-spacing: -0.2px; padding-bottom: 30px;}
.gallery-div { float: left; width: 100%;}
.gallery-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 3%; row-gap: 25px;}
.gallery-div ul li { flex: 0 1 31.33%; border-radius: 5px; overflow: hidden; }
.gallery-div ul li a { float: left; width: 100%; position: relative;}
.gallery-div ul li img { float: left; width: 100%;}
.gallery-div ul li a::before { position: absolute; opacity: 0; visibility: hidden; content: ""; background: rgba(47, 173, 102,0.8); top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease;}
.gallery-div ul li a:hover:before { opacity: 1; visibility: visible;}
.gallery-div ul li a::after { position: absolute; opacity: 0; visibility: hidden; content: ""; background: url("../images/zoom-ico.svg") no-repeat scroll center center; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 50px; height: 50px; transition: all 0.5s ease;}
.gallery-div ul li a:hover:after { opacity: 1; visibility: visible;}

.fitch-de-share{float: left; width: 100%; background: #004C01; padding: 23px 0;}
.fitch-de-share-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 2%; row-gap: 20px;}
.fitch-de-share-list { flex: 0 1 auto; }
.fitch-de-share ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8px; align-items: center;  }
.fitch-de-share ul li { flex: 0 1 auto; }
.fitch-de-share ul li:first-child { margin-right: 10px; }
.fitch-de-share ul li span { color: #ffffff; font-family: 'Inter-Bold'; font-size: 12px; line-height: 12px; letter-spacing: 0.4px; text-transform: uppercase; }
.fitch-de-share ul li a { transition: all .5s ease; display: flex; }
.fitch-de-share ul li a img { width: 100%; transition: all 0.5s ease; }
.fitch-de-share ul li a:hover img { opacity: 0.5; }
.fitch-de-imp { flex: 0 1 auto; }
.fitch-de-imp a { width: 100%; font-family: 'Inter-Bold'; font-size: 12px; line-height: 12px; letter-spacing: 0.4px; color: #ffffff; border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 12px 20px; display: inline-flex; justify-content: center; align-items: center; column-gap: 10px; min-height: 40px; transition: all 0.5s ease; }
.fitch-de-imp a span img { float: left; width: 100%;}
.fitch-de-imp a:hover { background: #ffffff; color: #004C01; }
.fitch-de-imp a:hover img {filter: brightness(0) saturate(100%) invert(16%) sepia(85%) saturate(2250%) hue-rotate(93deg) brightness(94%) contrast(110%);}

.aloj-pad { padding: 80px 0; background: rgba(47, 173, 102,0.1);}
.exp-slide .star ul{ display: flex; flex-wrap: wrap;  column-gap: 8px; margin-bottom: 10px;}
.exp-slide .star ul li{flex: 0 1 auto;}
.aloj-pad .eventos-main .filter-tag ul li { background: #ffffff;}
.mas-blog .eventos-main .filter-tag ul li { background: none;}

/* que-hacer */
.que-hacer-sec { float: left; width: 100%; padding: 75px 0 140px; position: relative;}
.que-hacer-sec::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 805px; background: url(../images/background-02.svg) no-repeat 0 0; opacity: 0.8;}
.que-hacer-sec .row { position: relative; z-index: 1;}
.que-content { float: left; width: 100%; padding: 0 65px; margin-bottom: 65px;}
.que-hacer-sec h2 { font-size: 50px; line-height: 1; margin-bottom: 30px; font-family: 'Inter-Black'; color: #333333; letter-spacing: -0.82px;}
.que-hacer-sec p{width: 100%; float: left; color: #333333; font-family: 'Inter-Regular'; font-size: 16px; line-height: 1.5; letter-spacing: -0.26px; margin-bottom: 15px;}
.que-hacer-sec p span { font-family: 'Inter-Bold'; }

.que-hacer-list { float: left; width: 100%;}
.que-hacer-list ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 3.4%; row-gap: 38px;}
.que-hacer-list ul li { flex: 0 1 48.3%;}
.que-hacer-list ul li .que-main { float: left; width: 100%; position: relative;}
.que-hacer-list ul li .que-img { width: 100%; float: left; border-radius: 8px; overflow: hidden; position: relative;}
.que-hacer-list ul li .que-img img { float: left; width: 100%; transition:all .5s ease;}
.que-hacer-list ul li .que-cont { position: absolute; left: 30px; bottom: 30px;}
.que-hacer-list ul li .que-cont h3 { font-size: 45px; line-height: 1.1; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: -0.68px; margin-bottom: 18px;}
.que-hacer-list ul li .que-cont span {color: #2FAD66;font-family: 'Inter-Bold'; text-decoration: underline; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; text-transform: uppercase; transition: all .5s ease;}
.que-hacer-list ul li:hover .que-img img { transform: scale(1.03);}
.que-hacer-list ul li:hover .que-cont span { color: #ffffff;}

.evento-pad { float: left; width: 100%; margin-bottom: 10px;}
.evento-pad ul { display: flex; flex-wrap: wrap; column-gap: 35px; align-items: center;}
.evento-pad ul li { flex: 0 1 auto; font-size: 16px;font-family: 'Inter-Medium'; color: #004C01; letter-spacing: -0.5px; display: flex; align-items: center; column-gap: 7px; }

/* catalogos */
.inner-bdr { box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);}
.catalogos-sec { float: left; width: 100%; padding: 10px 0 140px; position: relative;}
.catalogos-sec h2 { font-size: 70px; line-height: 1; margin-bottom: 30px; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -2.37px;}
.catalogos-sec p{width: 100%; float: left; color: #333333; font-family: 'Inter-Light'; font-size: 20px; line-height: 1.6; letter-spacing: 0px; margin-bottom: 0px;}
.catalogos-list{width: 100%; float: left; margin-top: 50px;}
.catalogos-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 55px;}
.catalogos-list ul li{flex: 0 1 31.6%;}
.catalogos-list ul li .catalogos-img { float: left; width: 100%; height: 430px; background: rgba(47, 173, 102,0.09); border-radius: 5px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;transition:all 0.5s ease;}
.catalogos-list ul li .catalogos-cont { float: left; width: 100%; padding-top: 20px;}
.catalogos-list ul li .catalogos-cont h3 { font-size: 35px; line-height: 1.2; font-family: 'Inter-Bold'; color: #333333; letter-spacing: -0.53px; text-align: left;}
.catalogos-list ul li:hover .catalogos-img { box-shadow: 0 4px 25px 0 rgba(0,0,0,0.29); }
.cargar-btn { float: left; width: 100%; text-align: center; margin-top: 110px;}
.cargar-btn a{ width: 206px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); transition: all 0.5s ease;}
.cargar-btn a:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

/************com arribar*******************/
.platja-sec { float: left; width: 100%; padding: 15px 0 150px 0; position: relative;}
.platja-sec .row { position: relative; z-index: 1;}
.platja-title { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; row-gap: 20px;}
.platja-title h1 { color: #333333; font-size:70px; line-height:1; font-family: 'Inter-Bold'; letter-spacing: -2.37px; margin-bottom: 0px; }

.map-como { float: left; width: 100%;}
.map-como iframe { float: left; width: 100%; height: 557px;}
.contact-btm { position: absolute; bottom: 45px; width: 100%; max-width: 1020px; margin: 0 auto; left: 0; right: 0;} 
.contact-btm ul { display: flex; flex-wrap: wrap; column-gap: 2%;}
.contact-btm > ul > li { flex:0 1 36.6%; }
.contact-btm > ul > li:last-child { flex:0 1 22.6%; }
.contact-btm ul li input[type="text"] { box-shadow: 0 10px 20px rgba(0, 0, 0, 18.51%); background: #fff; letter-spacing: 0.23px; font-size: 16px; line-height:28px;font-family: 'Inter-Regular'; border: 1px solid rgba(13, 65, 59, 0.2); border-radius: 28px;height: 56px; line-height: 56px; padding: 0 30px 0 25px; width: 100%; color: #333333; position: relative;}
.contact-btm ul li input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #0D413B;}
.contact-btm ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0D413B; opacity:1;}
.contact-btm ul li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#0D413B; opacity:1;}
.contact-btm ul li input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#0D413B;}
.contact-btm ul li input::-ms-input-placeholder { /* Microsoft Edge */ color: #0D413B;}
.contact-btm ul li input::placeholder { /* Most modern browsers support this now. */ color: #0D413B;}
.contact-btm ul li .nice-select.select_box { background:#fff; width:100%; height: 56px; box-shadow: 0 10px 20px rgba(0, 0, 0, 18.51%); color: #333333; padding:0px 25px; font-size: 16px; line-height:28px;font-family: 'Inter-Regular'; border: 1px solid rgba(13, 65, 59, 0.2); border-radius: 28px;display: flex; align-items: center;}
.contact-btm ul li .nice-select::after{border-bottom: 2px solid #3F3F3F;border-right: 2px solid #3F3F3F; width: 10px; height: 10px; right: 25px;}
.contact-btm ul li .nice-select.select_box .list{width: 100%; left: 0;}
.contact-btm ul li .nice-select.open .list li { height:auto; flex: 0 1 100%;}
.contact-btm ul li .nice-select.open .list li {width: 100%; text-align: left; font-size: 14px; line-height:24px; font-family: 'Inter-Regular'; padding:6px 20px;}
.contact-btm ul li .nice-select.open .list li:hover { background:#BE5240; color:#fff;}
.contact-btm ul li button { width: 100%; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center;
    font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 25%); transition: all 0.5s ease;}
.contact-btm ul li button:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);; }

.arribar-sec { float: left; width: 100%; margin: 0 0 65px 0;}
.arribar-map { float: left; width: 100%; margin-bottom: 45px; position: relative;box-shadow: 0 10px 20px 0 rgba(0, 0 , 0, 4.9%);}
.arribar-map #map { height: 520px; margin-bottom: 0;}
.arribar-sec p { float: left; width: 100%; font-size: 20px; line-height: 1.5; color: #333333;font-family: 'Inter-Light';}

.arribar-list { float: left; width: 100%;margin-bottom: 30px; }
.arribar-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 55px; }
.arribar-list > ul > li { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px solid rgba(0, 0, 0, 0.5); padding-bottom: 60px; }
.arribar-list ul li .arribar-img { flex: 0 1 45%;}
.arribar-list ul li .arribar-img img { float: left; width: 100%; height: auto;}
.arribar-list ul li .arribar-info { flex: 0 1 48%; padding-right: 92px;}
.arribar-list ul li .arribar-info h2 { font-size: 45px; line-height: 1; color: #333333; font-family: 'Inter-Black'; margin-bottom: 25px; letter-spacing: 0px;}
.arribar-list ul li .arribar-info p { font-size: 16px; line-height: 26px; font-family: 'Inter-Regular';color: #333333; margin-bottom: 25px; letter-spacing: 0px;}
.arribar-list ul li .arribar-info ul { row-gap: 17px;}
.arribar-list ul li .arribar-info ul li { flex: 0 1 100%;}
.arribar-list ul li .arribar-info ul li a { font-family: 'Inter-Bold'; padding-left: 35px; text-decoration: underline; font-size: 16px; line-height: 24px; color: #2FAD66; transition: all 0.4s ease;} 
.arribar-list ul li .arribar-info ul li  span { color: #333333; font-family: 'Inter-Regular';}
.arribar-list ul li .arribar-info ul li a:hover, .arribar-list ul li .arribar-info p a:hover { color: #000000; filter: brightness(0) saturate(100%);}
.arribar-list ul li .arribar-info ul.plane li a { background: url(../images/ico-plane-comollegar.svg) no-repeat 0 0px;}
.arribar-list ul li .arribar-info ul.train li a { background: url(../images/ico-tren-comollegar.svg) no-repeat 0 0px;}
.arribar-list ul li .arribar-info ul.bus li a { background: url(../images/ico-coche-comollegar.svg) no-repeat 0 3px;}
.arribar-list ul li .arribar-info ul.boat li a { background: url(../images/ico-barco-comollegar.svg) no-repeat 0 0px;}
.arribar-list > ul > li:last-child { border: none; margin: 0; padding: 0;}
.arribar-list > ul > li:nth-child(even) .arribar-img { order: 2;}

.oficinas-sec { float: left; width: 100%; padding: 65px 0 75px;}
.oficinas-content { float: left; width: 100%; padding: 0 60px;}
.oficinas-sec h2 { font-size: 50px; line-height: 1; font-family: 'Inter-Black';color: #333333; letter-spacing: -0.82px; margin-bottom: 25px;}
.oficinas-sec p {width: 100%; float: left; color: #333333; font-family: 'Inter-Regular'; font-size: 16px; line-height: 1.6; letter-spacing: -0.26px; margin-bottom: 0px;}
.oficinas-lst .trobat-list ul { column-gap: 1.8%;}
.oficinas-lst .trobat-list ul li{flex: 0 1 32.1%;}
.oficinas-lst .eventos-main .eventos-txt { padding: 22px 30px 0 0;}
.oficinas-lst .eventos-main .filter-tag ul li{flex: 0 1 auto;}
.hm-rutas-sec.oficinas-pad { padding: 80px 0 110px;}

/* RAZONES css */
.razones-section { float:left; width:100%; margin-top:0px; position: relative;}
.block-crossfade-slide-overlay-content.light.txt1 { float: left;  width:100%; text-align:center; padding-top:275px !important; position:relative; z-index:99; }
.razones-txt h1 { float: left; width: 100%; font-size:75px; margin-top: 0; font-family: 'Inter-Black'; color:#ffffff; float:left; width:100%; line-height:75px; letter-spacing: -2.54px; margin-bottom:30px; text-transform: inherit;}
.razones-txt h1 span{display: block;}
.razones-txt a{ width: 183px; height: 56px; border-radius: 28px; outline: 3px solid rgba(255, 255, 255, 0.32); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6); transition: all 0.5s ease;}
.razones-txt a:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);outline: 3px solid rgba(255, 255, 255, 0.32);}
#viewport .razones-txt p.razones-mob-para{ display: none;}
a.triangle-white { position:fixed; width: 86px; height: 86px; right: 0px; left: 0; margin: 0 auto; background:url(../images/arrow-down-round.svg) no-repeat 0 0; background-size: cover; bottom:40px; z-index:9; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
a.triangle-white:hover { opacity:0.7;}
.triangle-white.scroll.fixed_crossfade.reverse_swing { -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); transform:rotate(180deg)}
#crossfade-6.block-crossfade-slide .cover-h-center-v-middle.block-crossfade-slide-cover {background-position: 0px 0px;}
.razoes-foot{position:relative;z-index: 999;float: left;width: 100%;}

.razone-slider{float: left;width: 100%;display: none;position: relative;}
.razone-slider .swiper-container{float: left;width: 100%;}
.razone-slider .swiper-container .swiper-slide{float: left;width: 100%;}
.razone-slider .swiper-container .swiper-slide img{float: left;width: 100%;height: 100%;object-fit: cover;}
.razone-slider .razones-txt{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);float: left;width: 100%;padding: 0 15px;text-align: center;}
.razone-slider .swiper-button{position: absolute;right: 10px;bottom: 25px;width: 100px;z-index: 99;height: 50px;}
.razone-slider .swiper-button-prev-razona { width: 46px; height: 46px; transition: all 0.4s ease;border-radius: 5px; position: absolute; left: 0;}
.razone-slider .swiper-button-prev-razona::after { content: ""; font-size: 20px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; display: flex;align-items: center; justify-content: center;background: url(../images/left-arrow-blue.svg)no-repeat; cursor: pointer;filter: brightness(0)invert(1);}
.razone-slider .swiper-button-next-razona { width: 46px; height: 46px;   transition: all 0.4s ease;right:-90px; position: absolute; right: 0;}
.razone-slider .swiper-button-next-razona::after { content: ""; font-size: 20px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;; display: flex;align-items: center; justify-content: center;background: url(../images/right-arrow-blue.svg)no-repeat; cursor: pointer;filter: brightness(0)invert(1);}
.razone-slider .swiper-button-next-razona:hover,.razone-slider .swiper-button-prev-razona:hover{opacity: 0.6;}

.breadcrumb-sec { float: left; width: 100%; position: absolute; top: 160px; z-index: 9;}
.breadcrumb-sec ul { display: flex; flex-wrap: wrap;}
.breadcrumb-sec ul li { color: #ffffff; font-size: 14px; letter-spacing: -0.16px; line-height: 20px; font-family: 'Inter-Regular'; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ffffff;}
.breadcrumb-sec ul li a { color: #ffffff; transition: all 0.4s ease; font-family: 'Inter-Regular';}
.breadcrumb-sec ul li:last-child { border: none; margin-right: 0; padding-right: 0;}
.breadcrumb-sec ul li a:hover { opacity: 0.7;}

/* .inner-head .head-top {position: relative;} */

.nota-legal{width: 100%; float: left; padding: 40px 0 50px 0; background: rgba(47, 173, 102, 0.098);}
.nota-legal .breadcrum{padding: 0; margin-bottom: 20px;}
.nota-legal .breadcrum ul li, .nota-legal .breadcrum ul li a{color: #333333;}
.nota-legal .breadcrum ul li::after{color: #333333;}
.nota-legal h1{width: 100%; float: left; color: #333333; font-family: 'Inter-Bold'; font-size: 70px; line-height: 73px; letter-spacing: -2.37px; margin-bottom: 25px;}
.nota-legal p{width: 100%; float: left; color: #333333; font-family: 'Inter-Regular'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}

.nota-sec{width: 100%; float: left; padding: 75px 0 75px 0;}
.nota-cnt{width: 100%; float: left; margin-bottom: 80px;}
.nota-sec h2{width: 100%; float: left; color: #333333; font-family: 'Inter-Black'; font-size: 45px; line-height: 45px; letter-spacing: -0.18px; padding-bottom: 15px; border-bottom: 2px solid #333333; margin-bottom: 20px;}
.nota-sec h5{width: 100%; float: left; color: #333333; font-family: 'Inter-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; margin-bottom: 30px;}
.nota-list-cnt{width: 100%; float: left; margin-bottom: 40px;}
.nota-list-cnt h3{width: 100%; float: left; color: #333333; font-family: 'Inter-Bold'; font-size: 30px; line-height: 30px; letter-spacing: -0.12px;  margin-bottom: 20px;}
.nota-list-cnt p{width: 100%; float: left; color: #333333; font-family: 'Inter-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}
.nota-list-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 10px; margin-left: 25px;}
.nota-list-cnt ul li{flex: 0 1 100%; padding-left: 25px; color: #333333; font-family: 'Inter-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; position: relative;}
.nota-list-cnt ul li::before{position: absolute; content: ""; left: 0; top: 8px; width: 7px; height: 7px; border-radius: 10px; background: #2FAD66;}
.nota-list-cnt:last-child, .nota-cnt:last-child{margin-bottom: 0;}
.table-wrap { float: left; width: 100%; overflow-x: auto; max-width: 850px;}
.table-wrap table {background: rgba(47, 173, 102, 0.098);border-collapse: separate;float: left;width: 100%; border-radius: 12px;}
.table-wrap table td {padding: 12px 30px 12px 30px;border-right: 1px solid rgba(51, 51, 51, 0.5); border-bottom: 1px solid rgba(51, 51, 51, 0.5); font-family: 'Inter-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}
.table-wrap table td span{color: #333333; font-family: 'Inter-Bold'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}
.table-wrap table tr td:last-child{border-right: none;}
.table-wrap table tr:last-child td{border-bottom: none;}

.contact-form-sec { float: left; width: 100%; background: rgba(47, 173, 102, 0.098); padding: 50px 0px 100px;}
.contact-form-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 150px;}
.contact-form-lft { flex: 0 1 calc(100% - 500px);}
.contact-form-lft h2 {float: left; width: 100%; color: #333333; font-size: 45px;line-height: 50px; font-family: 'Inter-Bold'; letter-spacing: -0.18px; margin-bottom: 15px;}
.contact-form-lft h2 span{display: block;}
.contact-form-lft p {float: left; width: 100%; color: rgba(68, 68, 68, 0.8); font-size: 16px;line-height: 28px; font-family: 'Inter-Regular'; letter-spacing: 0px; margin-bottom: 30px;}
.contact-form-rgt { flex: 0 1 350px;}

.contact-form { float: left; width: 100%; }
.contact-form .form-box1 .frm-input { float: left; width: 100%; margin-bottom: 15px; position: relative;}
.contact-form .form-box1 .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
/* .contact-form .form-box1 input[type="text"], .form-box1 textarea { width:100%; color:#444444; font-family: 'Inter-Regular'; padding: 10px 20px 10px; height: 50px; border-radius: 6px; border: none; font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); letter-spacing: -0.3px; }
.contact-form .form-box1 input[type="text"]:focus, .contact-form .form-box1 textarea:focus { border: 1px solid #004C01;}
.contact-form .form-box1 textarea { resize:none; border-radius: 6px; height:130px; line-height:22px; padding: 15px 20px 10px; color:#333;} */
.contact-form .form-box1 .frm-input .floating-label { color:#333; cursor: pointer; font-size: 16px; line-height:24px;  font-family: 'Inter-Regular'; width: auto; letter-spacing: -0.3px; display: inline-block; }
.contact-form .form-box1 .frm-input .floating-label sup { color: #DA2929; position: absolute;}
/* .contact-form .floating-label { position: relative; } */
.contact-form .floating-label { position: absolute; pointer-events: none; top: 13px; left: 20px; transition: all 0.5s ease;}
/* .contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label,
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: 5px; bottom: auto; left: 20px; font-size: 12px !important; opacity: 1; color: #444444 !important; font-family: 'Inter-Regular' !important; line-height: 12px !important; padding: 0 5px; letter-spacing: 0.49px;} */

.contact-form .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 6px; margin-bottom: 0;}
.contact-form .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-form .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .frm-input.checkbox label { color: #000; cursor: pointer;  font-family: 'Inter-Regular'; font-size: 14px; padding-left: 25px; position: relative; float: left; width: auto; line-height:26px; margin-bottom:0px; text-align:left;}
.contact-form .frm-input.checkbox label::before {  background: none; content: ""; height: 16px; left: 0; position: absolute; top: 6px; transition: all 0.3s ease-in-out 0s; width: 16px; border-radius: 20px; z-index: 9;}
.contact-form .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 16px; height: 16px;left: 0; position: absolute; top: 6px; border-radius: 20px; border: 1px solid rgba(0, 76, 1, 0.5);}
.contact-form .frm-input.checkbox input:checked + label::before {background: rgba(0, 76, 1, 0.5);}
.contact-form .frm-input.checkbox:last-child label { padding-bottom: 0; }
.contact-form .frm-input.checkbox span { font-size:9px; color: #333; float: none; width:100%; line-height:16px; letter-spacing: 0.4px; }
.contact-form .frm-input.checkbox span a {color: #333; text-decoration:underline; transition:all .5s ease; }
.contact-form .frm-input.checkbox span a:hover { color:#333; }
.contact-form .frm-input:last-child { margin-bottom: 0; margin-top: 10px; }
.contact-form .frm-input.checkbox label a { text-decoration: underline; color: #000000; font-family: 'Inter-Regular'; transition:all .5s ease;}
.contact-form .frm-input.checkbox label a:hover { color: #333; }

.contact-form .btn-ctr { float: left; width: 100%; margin-top: 30px; }
.contact-form button{ width: 200px; height: 56px; border-radius: 28px; border: none; outline: 3px solid rgba(255, 255, 255, 0.32); background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%);margin-bottom: 5px;  display: inline-flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 20px 0 20px; transition: all 0.5s ease; box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);}
.contact-form button:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);}

.oficina-address{width: 100%; float: left;}
.oficina-address h3{width: 100%; float: left; color: #004C01; font-family: 'Inter-Bold'; font-size: 20px; line-height: 20px; letter-spacing: -0.08px; margin-bottom: 20px;}
.oficina-address ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px;}
.oficina-address ul li{flex: 0 1 100%; color: #000000; font-family: 'Inter-Regular'; font-size: 18px; line-height: 26px; letter-spacing: -0.06px; position: relative; padding-left: 32px;}
.oficina-address ul li a{color: #000000; font-family: 'Inter-Regular'; font-size: 18px; line-height: 26px; letter-spacing: -0.06px; transition:all .5s ease;}
.oficina-address ul li a:hover{text-decoration: underline; color: #004C01;font-family: 'Inter-Bold';}
.oficina-address ul li::after{position: absolute; content: ""; left: 0;}
.oficina-address ul li.location::after{background:url(../images/ico-info-loc.svg) no-repeat 0 0; width: 16px;height: 18px; top: 6px;}
.oficina-address ul li.clock::after{background:url(../images/ico-event-clock.svg) no-repeat 0 0; width: 19px;height: 18px; top: 4px;}
.oficina-address ul li.phone::after{background:url(../images/ico-info-ltel.svg) no-repeat 0 0; width: 18px;height: 18px; top: 4px;}
.oficina-address ul li.mail::after{background:url(../images/ico-info-mail.svg) no-repeat 0 0; width: 18px;height: 16px; top: 4px;}
.oficina-address ul li.link::after{background:url(../images/ico-info-link.svg) no-repeat 0 0; width: 16px;height: 16px; top: 4px;}


/* agenda css */
.agenda-sec {float: left; width: 100%; padding: 0 0 100px;}
.agenda-title{width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.agenda-sec h2 {float: left; width: 100%; font-family: 'Inter-Bold'; font-size: 70px; line-height: 75px; letter-spacing: -2.37px; color: #333333;}
.agenda-inner { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: space-between;}
.agenda-rgt { flex: 0 1 calc(100% - 360px); padding-left: 50px;}
.agenda-rgt .agenda-list { float: left; width: 100%; }
.agenda-rgt .agenda-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 60px;}
.agenda-rgt .agenda-list ul li { flex: 0 1 48.5%;}
.agenda-rgt .agenda-list ul li ul li{flex: 0 1 auto;}
.agenda-lft { flex: 0 1 360px;}
.agenda-filter-lst { float: left; width: 100%; }
.agenda-filter-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 25px;}
.agenda-filter-lst ul li { flex: 0 1 100%;position: relative;}
.filter-srch-bx { float: left; width: 100%; position: relative;}
.filter-srch-bx input[type="text"] { float: left; width: 100%; border: 3px solid rgba(0, 76, 1, 0.23); border-radius: 30px; padding: 15px 45px 15px 20px; font-family: 'Inter-Regular'; height: 60px; font-size: 16px; color: #202020;}
.filter-srch-bx button.srch-btn { display: inline-flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 7px; top: 5px; cursor: pointer; width: 50px; height: 50px; border: none; float: left; background: #0D413B; border-radius: 50px; transition: all .5s ease;}
.filter-srch-bx button.srch-btn:hover { background: #2FAD66;}
.filter-srch-bx input[type="text"]::-webkit-input-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]::-moz-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]:-ms-input-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]::placeholder {color: #333333;opacity: 1;}

.agenda-filter-lst ul li .nice-select { width: 100%; border: 2px solid rgba(33, 33, 33, 0.2); border-radius: 30px; height: 60px; padding: 12px 30px; font-size: 16px; line-height: 28px; color: #3F3F3F; display: flex;align-items: center; font-family: 'Inter-Regular';}
.agenda-filter-lst ul li .nice-select::after { border-bottom: 2px solid #676767 !important;border-right: 2px solid #676767 !important; right: 25px; width: 10px; height: 10px;}
.agenda-filter-lst ul li .nice-select.open .list {width: 100%; row-gap: 0;float: left; left: 0; right: 0; transform-origin: top; transition:all .5s ease; transform:none;} 
.agenda-filter-lst ul li .nice-select .option {flex: 0 1 100%; width: 100%; font-size: 14px; line-height: 20px; letter-spacing: 0.23px; color: #0D413B; padding: 10px 30px;text-align: left;}
.agenda-filter-lst ul li .nice-select .option:hover { color: #fff; background: #2FAD66;}
.agenda-filter-lst .agenda-btn-cnt { float: left; width: 100%; }
.agenda-filter-lst .agenda-btn-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;column-gap: 3%; margin: 0;}
.agenda-filter-lst .agenda-btn-cnt ul li { flex: 0 1 auto;}
.agenda-btn-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 10px;}
.agenda-btn-cnt ul li{flex: 0 1 100%;}
.agenda-btn-cnt ul li a{ width: auto; height: 56px; border-radius: 28px; background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; color: #ffffff; font-family: 'Inter-Bold'; letter-spacing: 0px; padding: 0 35px 0 35px; transition: all 0.5s ease;}
.agenda-btn-cnt ul li a:hover { background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);}

.calendar-sec { float: left; width: 100%; border: 2px solid rgba(25, 63, 34, 0.20); padding: 20px; border-radius: 5px; margin-bottom: 30px;}
.toggle {display:inline-flex; align-items:center; cursor:pointer; user-select:none;}
.toggle__input {position:absolute; opacity:0; width:1px; height:1px;}
.toggle__track {width:38px; height:20px; border-radius:999px; background:#0D413B; border:3px solid #e7efe9; position:relative; box-sizing:border-box; transition:background .2s ease;}
.toggle__track::before {content:""; position:absolute; top:50%; left:0px; width:16px; height:16px; border-radius:50%; background:#ffffff; transform:translateY(-50%); transition:transform .22s ease; box-shadow:0 6px 14px rgba(0,0,0,.18);}
.toggle__input:checked + .toggle__track::before {transform:translate(16px, -50%); left: 2px;}
.toggle__input:focus-visible + .toggle__track {outline:3px solid rgba(32,201,151,.45); outline-offset:3px;}
.toggle__input:not(:checked) + .toggle__track {background:#dfe7e2;}
.agenda-fil .filter-srch-bx { width: 100%;}
.agenda-fil .filter-srch-bx input[type="text"] { width: 100%;}
/*mob-filter */
.mob-filter { float: left; width: 100%; display: flex; justify-content: flex-end;display: none;}
.mob-filter a {  display: inline-flex;flex-wrap: wrap;justify-content: flex-end;}
.mob-filter a span {background: #007F6F url("../images/filter-white.svg") no-repeat center center; width: 40px; height: 40px; display: inline-flex; padding: 10px; border-radius: 7px;}
.mob-filter a.close span {background: #FFB300 url("../images/filter-white-close.svg") no-repeat center center;}
.mobile-filter { float: left; width: 100%;}

.heart-ico, .heart-ico a{float: left; width: 100%; position: relative;}
.agenda-main .agenda-img { width: 100%; float: left; overflow: hidden; position: relative; border-radius: 5px; margin-bottom: 20px;}
.heart-ico a:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 76, 1, 0.5); transition: all .5s ease; opacity: 0;}
.agenda-main .agenda-img img { float: left; width: 100%; transition:all .5s ease;}
.agenda-main .fav-icon { position: absolute; left: 0; top: 0; background: rgba(51, 51, 51, 0.3); border-radius: 6px 0 6px 0; overflow: hidden; z-index: 2;}
.agenda-main .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.agenda-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}
.agenda-main .agenda-txt { width: 100%; float: left; padding: 0 15px 0 0;}
.agenda-main .agenda-txt h5{float: left; width: 100%; font-family: 'Inter-Light'; color: #004C01; font-size: 18px; line-height: 30px; letter-spacing: -0.11px; margin-bottom: 15px;}
.agenda-main .agenda-txt h5 span{font-family: 'Inter-Bold';}
.agenda-main .agenda-txt h3 {float: left; width: 100%;  margin-bottom: 15px;}
.agenda-main .agenda-txt h3 a {float: left; font-size: 32px; line-height: 38px; letter-spacing: -0.53px; font-family: 'Inter-Bold'; color: #333333; transition: all 0.5s ease;display: block;}
.agenda-main .agenda-txt p {float: left; width: 100%; font-size: 16px; line-height: 22px; letter-spacing: -0.5px; color: #333333; font-family: 'Inter-Regular'; transition: all 0.5s ease; margin-bottom: 15px;}
.agenda-main:hover .fav-icon img { transform: none;}
.agenda-main:hover .agenda-img img { transform: scale(1.03);}
.agenda-main:hover .agenda-txt h3 a { color: #2FAD66;}
.agenda-main:hover .agenda-txt p { color: #2FAD66;}
.agenda-main:hover .heart-ico a::after {opacity: 1;}
.agenda-rgt .agenda-list ul li .filter-tag{width: 100%; float: left;}
.agenda-rgt .agenda-list ul li .filter-tag ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px;}
.agenda-rgt .agenda-list ul li .filter-tag ul li{flex: 0 1 auto; border: 3px solid rgba(0, 76, 1, 0.21); padding: 2px 20px; border-radius: 28px; color: #004C01;font-family: 'Inter-Medium'; font-size: 16px; line-height: 24px; letter-spacing: -0.5px;}

.pagination.left {justify-content: left;margin-top: 60px;}

.quisque-sec{width: 100%; float: left; padding: 0 0 100px 0;}
.quisque-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 40px;}
.quisque-lft{flex: 0 1 calc(100% - 390px);}
.quisque-img{width: 100%; float: left; overflow: hidden; border-radius: 5px; margin-bottom: 30px;}
.quisque-img img{width: 100%; float: left;}
.quisque-cnt{width: 100%; float: left; margin-bottom: 60px;}
.quisque-cnt p{width: 100%; float: left;font-family: 'Inter-Light'; color: #333333; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; margin-bottom: 15px;}
.quisque-cnt:last-child, .quisque-cnt p:last-child{margin-bottom: 0;}
.quisque-rgt{flex: 0 1 350px;}
.quisque-sidebar{width: 100%; float: left;padding-left: 25px; border-left: 1px solid #333333; min-height: 400px;}
.quisque-sidebar h4{width: 100%; float: left; color: #004C01; font-family: 'Inter-Bold'; font-size: 18px; line-height: 30px; letter-spacing: -0.11px; margin-bottom: 25px;}
.quisque-sidebar h4 span{font-family: 'Inter-Light'; display: block;}
.quisque-sidebar .tags{width: 100%; float: left;}
.quisque-sidebar .tags ul{width: 100%; float: left;display: flex;flex-wrap: wrap;row-gap: 10px;}
.quisque-sidebar .tags ul li{flex: 0 1 100%;}
.quisque-sidebar .tags ul li span { float: left; border: 3px solid rgba(0,76,1,0.2);padding: 5px 15px;border-radius: 28px;color: #004C01;font-family: 'Inter-Medium';font-size: 16px;line-height: 20px;letter-spacing: -0.5px;}


.pico-sec{width: 100%; float: left; padding-bottom: 100px;}
.pico-inner{width: 100%; float: left;}
.pico-lft{width: calc(100% - 410px); float: left;}
.pico-rgt{width: 370px; float: right;}
.pico-slide {width: 100%; float: left; position: relative; margin-bottom: 20px;}
.pico-slide .swiper-container{width: 100%; float: left;}
.pico-slide .swiper-wrapper{width: 100%; float: left;}
.pico-slide .swiper-slide{width: 100%; float: left; overflow: hidden; border-radius: 5px;}
.pico-slide .swiper-slide img{width: 100%; float: left;}

.pico-slide .swiper-nav-pico {width: calc(100% - 30px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: absolute; bottom: 50px; margin: 0px auto; left: 0; right: 0; z-index: 1;}
.pico-slide .swiper-button{ width: 100%; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px;}
.pico-slide .swiper-button-prev-pico{background: url("../images/arrow-g-slider.svg") no-repeat 0 0; background-size: cover; width: 60px; height: 60px; cursor: pointer; position: absolute; left: 0; transition:all .5s ease; transform: rotateZ(-180deg);}
.pico-slide .swiper-button-next-pico{background: url("../images/arrow-g-slider.svg") no-repeat 0 0;background-size: cover; width: 60px; height: 60px; cursor: pointer; position: absolute; right: 0; transition:all .5s ease;}
.pico-slide .swiper-button-prev-pico:hover, .pico-slide .swiper-button-next-pico:hover{opacity: 0.7;}

.graphic-ruta-map{width: 100%; float: left; margin-bottom: 30px;}
.graphic-ruta-map img{width: 100%; float: left;}
.pico-content{width: 100%; float: left;}
.pico-content p{width: 100%; float: left; color: #333333; font-family: 'Inter-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.1px; margin-bottom: 15px;}

.pico-list{width: 100%; float: left;background: rgba(47, 173, 102, 0.09); border-radius: 5px; padding: 30px 30px; margin-bottom: 40px;}
.pico-list h3{width: 100%; float: left; color: #004C01; font-family: 'Inter-Black'; font-size: 20px; line-height: 20px; letter-spacing: -0.08px; margin-bottom: 20px;}
.pico-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 12px;}
.pico-list ul li{flex: 0 1 100%; padding-left: 28px; color: #333333; font-family: 'Inter-SemiBold'; font-size: 18px; line-height: 30px; letter-spacing: -0.11px; display: flex;justify-content: space-between; position: relative;}
.pico-list ul li::after{position: absolute; content: ""; left: 0; top: 6px; background:url(../images/ico-info-loc.svg) no-repeat 0 0; width: 16px;height: 18px;}
.pico-list ul li span{ font-family: 'Inter-Light';}

.gpx-btn{width: 100%; float: left; padding-right: 20px;}
.gpx-btn ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 20px;}
.gpx-btn ul li{flex: 0 1 47%;}
.gpx-btn ul li a{width: 100%; height: 56px; border-radius: 28px; font-family: 'Inter-Bold'; font-size: 16px; line-height: 24px; transition:all .5s ease;}
.gpx-btn ul li a.grn-btn { background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center; color: #ffffff; padding: 0 20px 0 20px; transition: all 0.5s ease;}
.gpx-btn ul li a.grn-btn:hover {background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);}
.gpx-btn ul li a.wht-btn {outline: 3px solid rgba(0, 76, 1, 0.40); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32); background: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; color: #004C01; padding: 0 20px 0 20px; transition: all 0.5s ease;}
.gpx-btn ul li a.wht-btn:hover {background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%); color: #fff; outline: 3px solid rgba(255, 255, 255, 0.32);}

ul.consejos-lst{width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
ul.consejos-lst li{flex: 0 1 100%; padding-left: 20px; color: #fff; position: relative; padding-left: 32px; font-family: 'Inter-Regular'; font-size: 16px; line-height: 22px; letter-spacing: -0.1px;}
ul.consejos-lst li::after{position: absolute; content: ""; left: 0; top: 3px; background:url(../images/tick.svg) no-repeat 0 0; width: 16px;height: 13px;}

/*17*/
.bg-color { background: rgba(47, 173, 102, 0.10);}
.inner-ban-sec { float: left; width: 100%; position: relative; padding: 0 0 40px; z-index: 9; background: rgba(47, 173, 102, 0.10);}
.inner-ban-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; position: relative;}
.inner-cap { float: left; width: auto; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 25px;}
.inner-cap h1 { float: left; width: 100%; font-family: 'Inter-Bold'; color: #333333; font-size: 70px; line-height: 75px;}
.eventos {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.pasados{display: flex; flex-wrap: wrap;align-items: center; column-gap: 40px;}
.view-tab {width: auto;}
.view-tab ul.tab-list { float: right; width: auto; display: flex; align-items: center; column-gap: 15px; cursor: pointer;}
.view-tab ul.tab-list li { flex: 0 1 auto;}
.view-tab ul.tab-list li span { float: left; width: auto;}
.view-tab ul.tab-list li span.grid-list { background: url("../images/ico-grid.svg") no-repeat scroll 0 0; width: 25px; height: 25px;background-size: cover;}
.view-tab ul.tab-list li.current span.grid-list { background: url("../images/grid-active.svg") no-repeat scroll 0 0;background-size: cover;}
.view-tab ul.tab-list li span.line-list { background: url("../images/line-icon-inactive.svg") no-repeat scroll 0 0; width: 25px; height: 25px;background-size: cover;}
.view-tab ul.tab-list li.current span.line-list { background: url("../images/line-icon-active.svg") no-repeat scroll 0 0;background-size: cover;}
.view-tab ul.tab-list li span.map-list { background: url("../images/map-icon-inactive.svg") no-repeat scroll 0 0; width: 35px; height: 30px;background-size: cover;}
.view-tab ul.tab-list li.current span.map-list { background: url("../images/map-icon-active.svg") no-repeat scroll 0 0;background-size: cover;}
/* Toggle */
.agenda-filt {display: flex;justify-content: right;align-items: center;column-gap: 15px;font-size: 14px;color: #636363;font-weight: normal;font-family: 'Inter-Medium';}
.toggle { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #1F2F57;}
.switch { position: relative; display: inline-block; width: 40px; height: 20px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider-bar { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 20px;}
.slider-bar:before { position: absolute; content: ""; height: 14px; width: 14px; border-radius: 50%; left: 3px;bottom: 3px;background-color: #2FAD66; transition: .4s;}
input:checked + .slider-bar { background-color: #023F1E;}
.switch input:focus + .slider-bar { box-shadow: 0 0 1px #023F1E;}
.agenda-filt .toggle { margin-right: 30px;}
.agenda-filt input:checked + .slider-bar { background-color: #023F1E;}
input:checked + .slider-bar:before { transform: translateX(20px);}
 /* When checked */
.switch input:checked + .slider-bar {
    background-color: #023F1E;
}

.switch input:checked + .slider-bar:before {
    transform: translateX(20px);
}

.blog-main-sec { float: left; width: 100%; background: rgba(47, 173, 102, 0.10); position: relative; z-index: 1; padding-bottom: 80px;}
.blog-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 30px;}
.blog-main-sec h1 { float: left; width: 100%; font-family: 'Pretendard-Black'; color: #000000; font-size: 75px; line-height: 75px; letter-spacing: -2.54px; padding-bottom: 40px;}
.blog-main .blog-main-lft { flex: 0 1 60%;}
.blog-main .blog-main-rgt { flex: 0 1 35%;}
.filter-panel { float: left; width: 100%; background:#FFFFFF; padding:42px 32px 32px 42px; border-radius:12px;}
.filter-panel h2 { font-size:18px; color: #333333;font-family: 'Inter-Bold'; margin-bottom:20px;}
.filter-panel .tags { display:flex; flex-wrap:wrap; gap:12px 5px; margin-bottom:55px; padding-right: 35px;}
.filter-panel .tag a { display:inline-flex; align-items:center; justify-content:center; height:37px; font-family: 'Inter-Medium'; padding:0 18px; border:3px solid rgba(0, 76, 1, 0.21); border-radius:33px; background:transparent; color:#004C01; font-size:18px; line-height:1; letter-spacing: -0.6px; white-space:nowrap; transition: all 0.4s ease;}
.filter-panel .tag a:hover { background: #004C01; color: #FFFFFF;}
.blog-filter-lst { float: left; width: 100%;}
.blog-filter-lst .section-title { float: left; width: 100%; font-size:18px; color: #333333; font-family: 'Inter-Bold'; margin-bottom:22px;}

ul.cer-filter-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
ul.cer-filter-lst li { flex: 0 1 100%;}
ul.cer-filter-lst li .select_box_input{ display: inline-flex; align-items: center; background:none; width:100%; padding:0px 45px 0px 25px;border: 2px solid rgba(47, 173, 102, 0.24); border-radius: 50px; color: #3F3F3F; height:60px; font-size:16px; letter-spacing: 0px; font-family: 'Inter-Regular';}
ul.cer-filter-lst li .select_box_input.open { color:#004C01; border: solid 2px #004C01;}
ul.cer-filter-lst li .nice-select::after { right: 35px; width: 8px; height: 8px; border-color: #676767; border-width: 2px;}
ul.cer-filter-lst li .nice-select.open::after { border-bottom: 2px solid #004C01; border-right: 2px solid #004C01;}
ul.cer-filter-lst li .nice-select .list { width: 100%; border-radius: 0px; row-gap: inherit;}
ul.cer-filter-lst li .nice-select .list li { text-align: left; width: 100% !important; margin: 0px 0px; font-family: 'Inter-Regular'; font-size:14px; padding:2px 12px !important; color: #000;}
ul.cer-filter-lst li .nice-select .option:hover { color: #ffffff; background: #004C01;}
ul.cer-filter-lst li .nice-select:hover::after { border-bottom: 2px solid #004C01; border-right: 2px solid #004C01;}
ul.cer-filter-lst li input[type="text"].datepicker-here{ background:none; width:100%; padding:0px 45px 0px 25px;border: 2px solid rgba(47, 173, 102, 0.24); border-radius: 50px; color: #3F3F3F; height:60px; font-size:16px; letter-spacing: 0px; font-family: 'Inter-Regular';
background: url(../images/calendar.svg) no-repeat top 20px right 25px;}
ul.cer-filter-lst li input[type="text"].datepicker-here:focus{ color:#004C01; border: solid 2px #004C01;background: url(../images/calendar-icon.svg) no-repeat top 20px right 25px; }

.rel-post-main { float: left; width: 100%;}
.rel-post-main .rel-post-img { float: left; width: 100%; position: relative; border-radius: 5px; overflow: hidden;}
.rel-post-img .fav-icon { position: absolute; left: 0px; top: 0px; background: rgba(51, 51, 51, 0.3); border-radius: 5px 0 0; overflow: hidden;}
.rel-post-img .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.rel-post-img .fav-icon a strong { background: url(../images/ico-heart.svg) no-repeat center center; width: 19px; height: 17px; display: block;}
.rel-post-main:hover .rel-post-img .fav-icon a{background: #004C01;}
.rel-post-main .rel-post-img img { float: left; width: 100%; transition: all 0.5s ease;}
.rel-post-main:hover .rel-post-img img {transform: scale(1.03);}
.rel-post-main .rel-post-img span { position: absolute; left: 25px; bottom: 25px; background: #004C01; outline: 3px solid rgba(255, 255, 255, 0.32); color: #ffffff; padding: 2px 20px; border-radius: 28px; font-family: 'Inter-Regular'; font-size: 16px; line-height: 26px; letter-spacing: -0.5px;}
.rel-post-main .rel-post-cnt { float: left; width: 100%; padding-top: 25px;}
.rel-post-main .rel-post-cnt h3 { float: left; width: 100%; font-family: 'Inter-Bold'; color: #333333; font-size: 35px; line-height: 40px; letter-spacing: -0.53px; padding-bottom: 20px; transition: all 0.5s ease;}
.rel-post-main .rel-post-cnt h4 { float: left; width: 100%; font-family: 'Inter-Light';  color: #004C01; font-size: 18px; line-height: 30px; letter-spacing: -0.11px; }
.rel-post-main .rel-post-cnt h4 span{font-family: 'Inter-Bold';}
.rel-post-main:hover .rel-post-cnt h3 { color: #004C01;}

.blog-main-list { float: left; width: 100%; padding: 70px 0 90px;}
.blog-main-list .agenda-list { float: left; width: 100%; }
.blog-main-list .agenda-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 60px;}
.blog-main-list .agenda-list ul li { flex: 0 1 48.5%;}
.blog-main-list .agenda-list ul li .filter-tag{width: 100%; float: left;}
.blog-main-list .agenda-list ul li .filter-tag ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.blog-main-list .agenda-list ul li .filter-tag ul li{flex: 0 1 auto; border: 3px solid rgba(0, 76, 1, 0.21); padding: 2px 20px; border-radius: 28px; color: #004C01;font-family: 'Inter-Medium'; font-size: 16px; line-height: 24px; letter-spacing: -0.5px;}

/*16*/
.pb-0 h2 { padding-bottom: 0;}
.ficha-aloj-sec.p-t-0{padding: 0;}
.ficha-inner.angliru .ficha-lft{order: 1;}
.ficha-inner.angliru .ficha-rgt{order: 2; padding: 0 0 0 70px;}
.ficha-inner.angliru .ficha-lft .ficha-cont{padding-right: 0;}
.angliru-img{width: 100%; float: left; overflow: hidden; border-radius: 5px; margin-bottom: 30px;}
.angliru-img img{width: 100%; float: left;}
.map-section { float: left; width: 100%; margin-top: 40px;}
.map-section #map { height:350px; border-radius: 0px; overflow: hidden; border: none; margin-bottom: 20px;}
.maps-btn{color: #2FAD66; font-family: 'Inter-Black'; font-size: 14px; line-height: 24px; text-decoration: underline; transition: all 0.5s ease;}
.maps-btn:hover{color:#004C01;}
.ficha-inner.angliru{border-bottom: 1px solid #333333;}
.ficha-scl-lnks{width: 100%; float: left;}
.ficha-scl-lnks ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px; padding-left: 32px;}
.ficha-scl-lnks ul li{flex: 0 1 auto;}
.ficha-scl-lnks ul li a img{width: auto; transition: all 0.5s ease; height: 18px;}
.ficha-scl-lnks ul li a:hover img{filter: brightness(0) saturate(100%) invert(54%) sepia(66%) saturate(434%) hue-rotate(98deg) brightness(95%) contrast(92%);}
.ficha-cnct ul li.cal { background: url("../images/ico-info-cal.svg") no-repeat left 4px;}
.ficha-cnct ul li.clk { background: url("../images/ico-info-clk.svg") no-repeat left 4px;}
.ficha-cnct ul li p strong{color: #333333; font-family: 'Inter-Black'; font-weight: normal;}
.descargar-btn{width: 100%; float: left; margin-top: 50px;}
.descargar-btn ul{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 10px;}
.descargar-btn ul li{flex: 0 1 100%;}
.descargar-btn ul li a{width: 100%; height: 56px; border-radius: 28px; font-family: 'Inter-Bold'; font-size: 16px; line-height: 24px; transition:all .5s ease;}
.descargar-btn ul li a.grn-btn { background: linear-gradient(90deg, #004F11 0%, #2FAD66 100%); display: inline-flex; justify-content: center; align-items: center; color: #ffffff; padding: 0 20px 0 20px; transition: all 0.5s ease;}
.descargar-btn ul li a.grn-btn:hover {background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%);}
.descargar-btn ul li a.wht-btn {outline: 3px solid rgba(0, 76, 1, 0.40); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32); background: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; line-height: 16px; color: #004C01; padding: 0 20px 0 20px; transition: all 0.5s ease;}
.descargar-btn ul li a.wht-btn:hover {background: linear-gradient(90deg, #2FAD66 0%, #004F11 100%); color: #fff; outline: 3px solid rgba(255, 255, 255, 0.32);}
.angliru-logo{width: 100%; float: left; border: 2px solid rgba(151,151,151, 0.3); border-radius: 10px;  margin-top: 50px;}
.angliru-logo a{width: 100%; height: 100%; padding: 35px 35px; display: flex; align-items: center; justify-content: center;}
.angliru-logo a img{width: auto; transition: all 0.5s ease;}
.angliru-logo a:hover img{opacity: 0.7;}
.hm-rutas-sec.aloj-pad.cerca-pad { padding: 80px 0 110px;}