@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-visible, :focus-visible{ outline:2px solid #0047BB; outline-offset:2px; }
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:100%; max-width: 1360px; margin:auto; padding:0px;}
.row1 { width: 1180px; margin: auto; padding: 0;}
.row2 { width: 1080px; margin: auto; padding: 0;}

.div-center { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.align-end { display: flex; justify-content: flex-end; align-items: center;}

.access-link { position: fixed; right: -62px; top:58%; z-index: 10; width: 180px; height: 55px; background: #74AF27; transform: rotateZ(90deg); box-shadow: 0px 5px 10px rgba(0,0,0,0.1); border-radius: 0px 0px 10px 10px;}
.access-link a { display: flex; align-items: center; padding: 8px 22px 8px 12px; column-gap: 8px; font-size: 14px; color: #252D31; font-family:'Inter-Regular'; text-transform: uppercase; letter-spacing: 0.7px; }
.access-link a img { transform: rotate(-90deg); max-width: 35px;}
 

/****************header css starts*****************/
.hdr-top { float: left; width: 100%; background: #ffffff; padding: 5px 0;}
.hdr-top .align-end { column-gap: 15px;}
.hdr-top.top-blue { background: #004379;}
.top-blue .scl-links ul li a img { filter: brightness(0) invert(1);}
.top-blue .hdr-links ul li.loc-ico a { background: url(../images/header-lblau-ubi.svg) no-repeat 0 0; }
.top-blue .hdr-links ul li.search-ico a { background: url(../images/header-cerca-icon-lblau.svg) no-repeat 0 0; }
.top-blue .hdr-links ul li.heart-ico a { background: url(../images/header-cor-icon-lblau.svg) no-repeat 0 0; }
.top-blue .select-lang .nice-select { color: #ffffff;}
.top-blue .select-lang .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}

.mob-search-ico { display: none;}
.mob-search-ico a img { display: block; max-width: 21px;}

.scl-links ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;column-gap: 12px;}
.scl-links ul li {flex: 0 1 auto;}
.scl-links ul li a { transition: all .5s ease; display: flex; flex-wrap: wrap; }
.scl-links ul li a:hover { opacity: 0.7;}

.hdr-links ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px;}
.hdr-links ul li { margin-right: 0px;position: relative;display: inline-flex;}
.hdr-links ul li:last-child { margin-right: 0px; margin-left: 0px;}
.hdr-links ul li a { transition: all 0.5s ease; width: 27px; height: 27px; display: inline-block;}
.hdr-links ul li.loc-ico a { background: url(../images/header-ubi-icon-blau.svg) no-repeat 0 0; }
.hdr-links ul li.loc-ico a:hover { background: url(../images/header-icon-ubi-on.svg) no-repeat 0 0; } 
.hdr-links ul li.search-ico a { background: url(../images/header-cerca-icon-blau.svg) no-repeat 0 0; }
.hdr-links ul li.search-ico a:hover { background: url(../images/header-icon-cerca-on.svg) no-repeat 0 0; }
.hdr-links ul li.search-ico.active a { background: url(../images/header-icon-cerca-on.svg) no-repeat 0 0; }

.hdr-links ul li.heart-ico a { background: url(../images/header-cor-icon-blau.svg) no-repeat 0 0; }
.hdr-links ul li.heart-ico a:hover { background: url(../images/header-icon-cor-on.svg) no-repeat 0 0; }
.hdr-links ul li a:hover { opacity: 0.7;}

.hide-scroll .buscador-sec header { background: none;}
.hide-scroll .hdr-links ul li.search-ico a { background: url(../images/header-icon-cerca-on.svg) no-repeat 0 0; }

.select-lang { width: auto; position: relative; }
.select-lang .nice-select { font-size: 12px; font-family:'Inter-Medium'; color: #004379; letter-spacing: 0.2px;}
.select-lang .nice-select::after { border-bottom: 2px solid #004379; border-right: 2px solid #004379; width: 7px; height: 7px; margin-top: -5px;}
.select-lang .nice-select .list { left: auto; right: 0px; z-index: 10;}
.select-lang .nice-select .option { background: #fff; font-size: 12px;}

.home-banner .sticky-wrapper { height: auto !important; }
.hm-header { position: absolute; left: 0; top: 0;}
header { float: left; width: 100%; position: relative; z-index: 9; padding: 0px 0; }
.logo-top { flex: 0 1 250px; position: relative; z-index: 2;}
.logo-top img { width: 100%; float: left;}
.logo-top img.sticky-logo { display: none;}
.head-rgt { display: flex; flex-wrap: wrap; align-items: center; column-gap: 14px;}
.mancom-btn { position: relative; z-index: 1;}
.mancom-btn a { background: #ED0976; font-family: 'Inter-Medium'; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.4s ease; color: #ffffff; display: inline-flex; align-items: center; height: 40px; column-gap: 10px; padding: 0 20px; border-radius: 24px;}
.mancom-btn a img { display: block;}
.mancom-btn a:hover { background: #74AF27;}
.mancom-btn.white-btn a { background: #ffffff; color: #004379; }
.mancom-btn.white-btn a:hover { background: #74AF27; color: #ffffff;}
.mancom-btn.white-btn a:hover img { filter: brightness(0) invert(1);}

.is-sticky header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.is-sticky .hm-header { background: #ffffff;}
.is-sticky .logo-top img.sticky-logo { display: block;}
.is-sticky .logo-top img.desk-logo { display: none;}
.is-sticky .cbp-hrmenu > ul > li > a { color: #004379;}
.is-sticky .mancom-btn.white-btn a { background: #ED0976; color: #ffffff;}
.is-sticky .mancom-btn.white-btn a img { filter: brightness(0) invert(1);}
.is-sticky .mancom-btn.white-btn a:hover { background: #74AF27;}

.is-sticky .stick-menu { background: none;}
.is-sticky .stick-menu .cbp-hrmenu > ul > li > a { color: #ffffff;}
.is-sticky .stick-menu .logo-top .desk-logo { display: block;}
.is-sticky .stick-menu .logo-top .sticky-logo { display: none;}
.is-sticky .cbp-hrmenu > ul > li:hover > a { color: #74AF27;}

.inn-header { background: #ffffff;}
.inn-header .cbp-hrmenu > ul > li > a { color: #004379;}
.inn-header .logo-top img.stick-logo { display: none;}

.is-sticky .inn-header.plain-hdr .logo-top img.desk-logo { display: block;}
.is-sticky .inn-header.plain-hdr .logo-top img.stick-logo { display: none;}

.inn-header.plain-hdr.stick-menu .logo-top img.desk-logo { display: none;}
.inn-header.plain-hdr.stick-menu .logo-top img.stick-logo { display: block;}

.inn-header.stick-menu .cbp-hrmenu > ul > li > a { color: #ffffff;}
.inn-header.stick-menu .cbp-hrmenu > ul > li:hover > a { color: #74AF27;}
.inn-header.stick-menu .cbp-hrmenu > ul > li > a.active { color: #74AF27;}
.inn-header.stick-menu .cbp-hrmenu > ul > li:hover .menu-lft a.menu-btn { color: #ffffff;}

.is-sticky .inn-header.stick-menu { background: none;}
.is-sticky .inn-header.stick-menu .cbp-hrmenu > ul > li > a { color: #ffffff;}
.is-sticky .inn-header.stick-menu .cbp-hrmenu > ul > li:hover > a { color: #74AF27;}
.is-sticky .inn-header.stick-menu .cbp-hrmenu > ul > li > a.active { color: #74AF27;}

.hm-header.stick-menu .cbp-hrmenu > ul > li:hover .menu-lft a.menu-btn { color: #ffffff;}


/************desktop search**************/
.desktop-search { float: left; width: 100%; height: 100%; background: url(../images/cerca-imatge-fons.webp) no-repeat 0 0; background-size: cover; padding: 160px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 38px; height: calc(100vh - 38px); transition: all 0.4s ease; z-index: 9; 
display: flex; align-items: center; justify-content: center; overflow-y: scroll; background-position: center;}
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #fff; font-size: 60px; line-height: 80px; font-family: 'Inter-Bold'; margin-bottom: 20px; letter-spacing: 0.19px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;margin-bottom: 50px;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 18px; line-height: 20px; font-family: 'Larken-Regular'; color: #0D413B; 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: #0D413B url(../images/ico-search-white.svg) no-repeat center center; width: 52px; height: 52px; right: 10px; top: 8px; cursor: pointer; border-radius: 100%; transition: all 0.4s ease;}
.search-inn button:hover { background-color: #24B2A3;}
.desktop-search.search-open { opacity: 1; visibility: visible;}
.search-tags { float: left; width: 100%;text-align: center; }
.search-tags h3 { color: #fff; font-size: 22px; line-height: 1; font-family: 'Inter-Medium'; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 30px; }
.search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; row-gap: 10px; padding: 0px 225px;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { display: inline-block; background: none; color: #fff; font-size: 18px; line-height: 1; font-family: 'Inter-Regular'; padding: 5px 10px; border: 1px solid rgba(255,255,255,0.5); border-radius: 30px;transition:all .5s ease;}
.search-tags ul li a:hover { background: #74AF27; border: 1px solid #74AF27; color: #ffffff;}
.search-in  { float: left; width: 100%; margin-top: 40px; }
.search-det { height: 100%; overflow-y: scroll; }
a.search-close {float: right;color: #fff;font-size: 16px;line-height: 18px; text-decoration: underline; transition: all 0.4s ease; display: none;}
a.search-close:hover { opacity: 0.7;}

/* Search card */
.search-card { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;  margin-bottom: 70px;}
.search-row { display:flex; align-items:center; gap: 12px; position: relative; z-index: 1; }
.search-row .search-input { border: none; width: 100%; font-size: 22px; line-height: 1; font-family: 'Inter-Medium'; color: #1F2F57; padding: 0 75px 0 35px; height: 70px;border-radius: 70px;box-shadow: 0px 20px 30px rgba(0,0,0,0.3); }
.search-row input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #0D413B;}
.search-row input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #0D413B;}
.search-row input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #0D413B;}
.search-row input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #0D413B;}

.search-btn { position: absolute; border: none; background: #74AF27; width: 52px; height: 52px; right: 10px; top: 9px; cursor: pointer; border-radius: 100%; transition: all 0.4s ease;}
.search-btn:hover { background-color: #ED0976;}

/* Dropdown */
.search-card .dropdown{ margin-top: 10px; padding: 70px 35px 0px; display:none; max-height: 280px; overflow:auto; position: absolute; width: 100%;
background: #ffffff; top: 0; border-radius: 34px 34px 30px 30px; }
.search-card .dropdown.open{ display:block; }
.search-card .dropdown .item{ text-align:left; padding: 12px 0px; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
gap: 10px; user-select:none; color: #004379; border-bottom: 1px solid rgba(151,151,151,0.22); font-size: 18px; transition: all 0.4s ease; letter-spacing: 0.3px; }
.search-card .dropdown .item:hover, .search-card .dropdown .item.active{ color: #74AF27; }
.search-card .dropdown .no-results{ text-align:left; padding: 12px 12px; font-size: 18px; }
    
/* Works on Firefox */
.desktop-search { scrollbar-width: thin; scrollbar-color: #fff transparent; }
.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: 'Outfit-Regular'; text-decoration: underline; } */

/**************************************************************************/

.home-banner { float: left; width: 100%; position: relative;}
.slider {float: left;width: 100%; background: rgba(0,187,255, 0.08); position: relative;}
/* .slider .swiper-slide::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 208px; background: linear-gradient(to bottom,  rgba(68,68,68,0.1) 0%,rgba(46,22,71,0.1) 100%); z-index: 2; } */
.slider .swiper-slide img {float: left;width: 100%; height: 800px; object-fit: cover;} 
.slider .swiper-slide .banner-info { display: flex; row-gap: 10px; flex-wrap: wrap; row-gap: 30px;}
.slider .swiper-slide .banner-cnt { position: absolute;width: 100%; top: 50%; transform: translateY(-50%); } 
.slider .swiper-slide .banner-cap { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; flex-direction: column; justify-content: center; align-items: center;}
.slider .swiper-slide .banner-cap img { max-width: 68%; height: auto; object-fit: inherit;} 
.slider .swiper-slide .banner-cap p { font-size: 35px; letter-spacing: -0.88px; line-height: 1; color: #ffffff; font-family: 'Inter-Light';}
.slider .swiper-slide .banner-cap img.mob-sierra { display: none;}

.slider .swiper-slide .banner-logo { float: left; width: 100%;}
.slider .swiper-slide .banner-logo ul { display: flex; flex-wrap: wrap; column-gap: 4%;}
.slider .swiper-slide .banner-logo ul li { flex: 0 1 48%;}
.slider .swiper-slide .banner-logo ul li img { width: auto; max-height: 75px;}
.slider .swiper-slide .banner-logo ul li a { display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; align-items: center; background: #ffffff; border-radius: 30px; border: 2px solid #74AF27; padding: 10px 30px 10px 40px;}
.slider .swiper-slide .banner-logo ul li a p { color: #004379; font-size: 25px; line-height: 1.2; font-family: 'Inter-Medium'; letter-spacing: normal;}
.slider .swiper-slide .banner-logo ul li:last-child img { width: auto; max-height: 65px;}

.banner-btm { float: left; width: 100%; text-align: center;}
.banner-btm p { font-size: 27px; letter-spacing: -0.68px; line-height: 1.3; color: #ffffff;}
.banner-btm p a { text-decoration: underline; font-family: 'Inter-SemiBold';  color: #ffffff; transition: all 0.4s ease;}
.banner-btm p a:hover { opacity: 0.8;}

.home-slider-nav { float: none; width: auto; margin: 0px auto; position: absolute; bottom: 60px; left: 0px; right: calc((100% - 1360px) / 2);; display: flex; flex-wrap: wrap; justify-content: right; align-items: center; column-gap: 20px; z-index: 3;} 
.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 8px 0px 0px; }
.slider .swiper-pagination-bullet { width: 10px; height: 10px; background:rgba(255, 255, 255, 0.5); border: 0px solid #fff; margin-right: 10px;  }
.slider .swiper-pagination-bullet-active, .slider .swiper-pagination-bullet:hover{ background: #fff;}

/* .camera-ico { left: calc((100% - 1170px) / 2); bottom: 45px; position: absolute; z-index: 3;} */
.camera-ico a:hover { filter: invert(45%) sepia(43%) saturate(1827%) hue-rotate(54deg) brightness(118%) contrast(70%); }

.corazon-sec { float: left; width: 100%; padding: 80px 0;}
.corazon-sec h2 { font-size: 80px; line-height: 1; color: #004379; letter-spacing: -2px; font-family: 'Inter-Bold'; text-align: center; margin-bottom: 50px;}
.corazon-sec h2 span { color: #74AF27;}
.corazon-lft { flex: 0 1 40%;}
.corazon-lft img { width: 100%;}
.corazon-rgt { flex: 0 1 55%;}
.corazon-rgt h3, .corazon-rgt .corazon-subtitulo { color: #333333; font-size: 22px; line-height: 1.6; font-family: 'Inter-ExtraLight'; letter-spacing: 0.2px; margin-bottom: 15px;}
.corazon-rgt h3 span, .corazon-rgt .corazon-subtitulo span { font-family: 'Inter-Bold';}
.corazon-rgt p { color: #333333; font-size: 18px; line-height: 1.6; font-family: 'Inter-ExtraLight'; letter-spacing: 0.16px; }
.corazon-rgt p span.grn-txt { color: #74AF27; font-family: 'Inter-Bold';}
.corazon-rgt p span.grey-txt { font-family: 'Inter-Bold';}

.corazon-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; margin-top: 50px;}
.corazon-rgt ul li { flex: 0 1 auto; }
.corazon-rgt ul li a { font-size: 16px; color: #004379; text-transform: uppercase; font-family: 'Inter-SemiBold'; border: 2px solid rgba(31,47,87,0.3); height: 46px; padding: 0 35px; transition: all 0.4s ease; border-radius: 24px; display: inline-flex; line-height: 2.8;}
.corazon-rgt ul li a:hover { background: #004379; color: #ffffff;}

.malaga-list { float: left; width: 100%; margin-top: 100px;}
.malaga-list ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 4%; text-align: center;}
.malaga-list ul li { background: rgba(116,175,39,0.4); padding: 30px 20px; width: 234px; border-radius: 20px; }
.malaga-list ul li img { margin-bottom: 20px;}
.malaga-list ul li p { color: #004379; font-size: 18px; line-height: 1; letter-spacing: 0.18px; margin-bottom: 10px;}
.malaga-list ul li h3, .malaga-list ul li .malaga-titulo { color: #004379; font-size: 24px; line-height: 1; letter-spacing: 0.24px; font-family: 'Inter-Medium';}

.quever-sec { float: left; width: 100%; }
.quever-sec h2 { font-size: 60px; line-height: 1; color: #004379; letter-spacing: -1.5px; font-family: 'Inter-Bold'; margin-bottom: 30px;}
.quever-sec p { color: #1B1B1B; font-size: 18px; line-height: 1; letter-spacing: 0.18px; margin-bottom: 40px; font-family: 'Inter-Light';}

.hm-grid-sec {float:left; width:100%;}
.wrapper {width:100%; max-width:100%; margin:auto; background:#fff;}
.grid {display:grid; grid-template-columns:repeat(24, 1fr); gap:0;}
.grid .card {position:relative; overflow:hidden; color:#fff; text-decoration:none;}
.grid .card img {width:100%; height:100%; object-fit:cover; display:block; transition: all 0.4s ease;}
.grid .card::after {content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.05) 100% ); z-index:1; transition: all 0.4s ease;}
/* .grid .card.blue-overlay::after {background:rgba(4, 45, 99, 0.75);} */
.grid .card h3, .grid .card p {position:absolute; left:28px; bottom:26px; z-index:2; font-size:40px; line-height:1.2; font-family:'Inter-Bold'; max-width:85%; letter-spacing:-1px; color:#fff;}
.grid .card1 {grid-column:span 8; grid-row:span 2;}
.grid .card2 {grid-column:span 6; grid-row:span 2;}
.grid .card3 {grid-column:span 5; grid-row:span 2;}
.grid .card4 {grid-column:span 5; grid-row:span 2;}
.grid .card5 {grid-column:span 6; grid-row:span 2;}
.grid .card6 {grid-column:span 5; grid-row:span 2;}
.grid .card7 {grid-column:span 5; grid-row:span 2;}
.grid .card8 {grid-column:span 8; grid-row:span 2;}
.grid .card:hover img { transform: scale(1.03);}
.grid .card:hover::after { background:rgba(4, 45, 99, 0.75); }

.quever-slider { float: left; width: 100%; display: none;}
.quever-slider .swiper-slide { float: left; width: 100%; position: relative;}
.quever-slider .swiper-slide a { float: left; width: 100%; position: relative;}
.quever-slider .swiper-slide h3, .quever-slider .swiper-slide p { color: #ffffff; position:absolute; left:0; top:0px; padding: 30px 20px; z-index:2; font-size:30px; line-height:1.1; font-family:'Inter-Bold'; max-width:100%; letter-spacing:-1px;}
.quever-slider .swiper-slide a::after { content: ""; position: absolute; display: block; transition: all 0.4s ease; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0.6) 100%); z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
.quever-slider .swiper-slide img { float: left; width: 100%; transition: all 0.4s ease;}
.quever-slider .swiper-slide a:hover::after { background:rgba(4, 45, 99, 0.75);  }
.quever-slider .swiper-slide { pointer-events: inherit !important;}
.quever-slider .swiper-slide a:hover img { transform: scale(1.03);}

.home-blog-sec { float:left; width:100%; padding: 75px 0px 85px; }
.home-blog-sec .hm-noti-in .abs-btn { top: 20px; }
.hm-blog-slide { float: left; width: 100%; }
.hm-blog-main{ float: left; width: 100%; }
.hm-blog-main .hm-blog-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.hm-blog-main .hm-blog-img img { float: left; width: 100%; transition:all .5s ease; }
.hm-blog-main .hm-blog-img span.tag { position: absolute; left: 30px; top:20px; height: 30px; display: inline-flex; align-items: center; padding: 0px 15px; border-radius: 35px; color: #fff; font-family: 'Inter-Bold';
font-size: 17px; line-height: 1; letter-spacing: 0.76px; background: #004379; text-transform: uppercase; transition: all .5s ease; }
.hm-blog-main .hm-blog-img .fav-icon { position: absolute; left: 30px; bottom: 20px; }
.hm-blog-main .hm-blog-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.hm-blog-main .hm-blog-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.hm-blog-main .hm-blog-txt h4 { color: #515151; font-size: 16px; line-height: 1.2; font-family: 'Inter-Light'; letter-spacing: 0.12px; margin-bottom: 12px; }
.hm-blog-main .hm-blog-txt h3 { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; transition: all 0.5s ease; }
.hm-blog-main:hover .hm-blog-txt h3 { color: #74AF27; }
.hm-blog-main:hover .hm-blog-img img { transform: scale(1.03);}
.hm-blog-main:hover .hm-blog-img span.tag {background: #74AF27; }
.hm-blog-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.hm-blog-slide .swiper-nav-blog { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.hm-blog-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.hm-blog-slide .swiper-pagination-bullet { background-color: #b2c7d8; border: none; width: 8px; height: 8px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.hm-blog-slide .swiper-pagination-bullet-active, .hm-blog-slide .swiper-pagination-bullet:hover { background-color: #74AF27; }
.hm-blog-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.hm-blog-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.hm-blog-slide .swiper-button-prev-blog{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.hm-blog-slide .swiper-button-next-blog{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.hm-blog-slide .swiper-button-prev-blog:hover, .hm-blog-slide .swiper-button-next-blog:hover{opacity: 0.7; } 

a.ver-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(31, 47 , 87, 0.28); height: 47px; width: 182px; border-radius: 24px; padding: 5px 15px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.ver-btn:hover { background: rgba(31, 47 , 87, 1); color: #fff;}

.hm-planifica-sec { float:left; width:100%; padding: 85px 0px; background: #004379; }
.hm-planifica-sec h2 { color: #fff; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; text-align: center; margin-bottom: 40px;}
.hm-planifica-slide { float:left; width:100%; padding: 0px 0px; }
.planifica-box { float: left; width: 100%; height: 270px; padding: 10px 20px; display: flex; row-gap: 20px; flex-direction: column; justify-content: center; align-items: center; border: 3px solid #74AF27; border-radius: 20px; transition:all .5s ease; }
.planifica-box .img-div { float: left; width: 100%; height: 110px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.planifica-box .img-div img { float: left; width: auto; }
.planifica-box .planifica-txt { float: left; width: 100%; text-align: center; }
.planifica-box h3, .planifica-box p { color: #fff; font-size: 24px; line-height: 1.1; font-family: 'Inter-Medium'; letter-spacing: 0.21px; }
.planifica-box:hover { background: #74AF27; }
.hm-planifica-slide .swiper-nav-plan { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; display: none; }
.hm-planifica-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.hm-planifica-slide .swiper-pagination-bullet { background-color: #b2c7d8; border: none; width: 8px; height: 8px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.hm-planifica-slide .swiper-pagination-bullet-active, .hm-planifica-slide .swiper-pagination-bullet:hover { background-color: #74AF27; }
.hm-planifica-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.hm-planifica-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.hm-planifica-slide .swiper-button-prev-plan{background: url("../images/arrow-blanc.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; transform: rotateZ(180deg);}
.hm-planifica-slide .swiper-button-next-plan{background: url("../images/arrow-blanc.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.hm-planifica-slide .swiper-button-prev-plan:hover, .hm-planifica-slide .swiper-button-next-plan:hover{opacity: 0.7; } 

.hm-descubre-sec { float:left; width:100%; padding: 100px 0px 75px; background: rgba(0, 67 , 121, 0.2); }
.hm-descubre-sec .row { width: 1450px; }
.hm-descubre-cont { float: left; width: 100%; padding: 0px 0px; position: relative; }
.hm-descubre-title { float: left; width: 950px; margin-bottom: 55px; padding-left: calc((100% - 1080px) / 2); }
.hm-descubre-title h2 { color: #004379; font-size:60px; line-height:1.2; font-family: 'Inter-Bold'; letter-spacing: -1.5px; }
.hm-descubre-title p { color: #333; font-size:18px; line-height:1.6; font-family: 'Inter-Regular'; letter-spacing: 0.18px; margin-top: 15px;}
.hm-descubre-in { float: left; width: 100%; position: relative; }
.hm-descubre-in .abs-btn { top: -100px; display: flex; flex-wrap: wrap; column-gap: 25px;}
.hm-descubre-slide { float: left; width: 100%; }
.hm-descubre-main{ float: left; width: 100%; }
.hm-descubre-main .hm-descubre-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative; }
.hm-descubre-main .hm-descubre-img img { float: left; width: 100%; transition:all .5s ease; }
.hm-descubre-main .hm-descubre-img .fav-icon { position: absolute; left: 17px; top: 20px; }
.hm-descubre-main .hm-descubre-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.hm-descubre-main .hm-descubre-txt { width: 100%; float: left; padding: 30px 0px 0px; }
.hm-descubre-main .hm-descubre-txt h3, .hm-descubre-main .hm-descubre-txt p { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; transition: all 0.5s ease; }
.hm-descubre-main:hover .hm-descubre-txt h3, .hm-descubre-main:hover .hm-descubre-txt p { color: #74AF27; }
.hm-descubre-main:hover .hm-descubre-img img { transform: scale(1.03); }
.hm-descubre-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.hm-descubre-slide .swiper-nav-descubre { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.hm-descubre-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.hm-descubre-slide .swiper-pagination-bullet { background-color: #678eab; border: none; width: 12px; height: 12px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.hm-descubre-slide .swiper-pagination-bullet-active, .hm-descubre-slide .swiper-pagination-bullet:hover { background-color: #004379; }
.hm-descubre-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.hm-descubre-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.hm-descubre-slide .swiper-button-prev-descubre{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.hm-descubre-slide .swiper-button-next-descubre{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.hm-descubre-slide .swiper-button-prev-descubre:hover, .hm-descubre-slide .swiper-button-next-descubre:hover{opacity: 0.7; } 

a.descubre-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(31, 47 , 87, 0.28); height: 47px; width: 182px; border-radius: 24px; padding: 5px 15px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.descubre-btn:hover { background: rgba(31, 47 , 87, 1); color: #fff;}

.abs-btn { position: absolute; top:0px; right: 0; }

.hm-noti-sec { float: left; width: 100%; padding: 75px 0px 100px; }
.hm-noti-cont { float: left; width: 100%; padding: 0px 0px; position: relative;}
.hm-noti-title { float: left; width: 850px; margin-bottom: 45px; }
.hm-noti-title h2 { color: #004379; font-size:60px; line-height:1.2; font-family: 'Inter-Bold'; }
.hm-noti-in { float: left; width: 100%; position: relative;}
.hm-noti-in .abs-btn { top: 20px; }
.hm-noti-slide { float: left; width: 100%; }
.hm-noti-main{ float: left; width: 100%; }
.hm-noti-main .hm-noti-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.hm-noti-main .hm-noti-img img { float: left; width: 100%; transition:all .5s ease; }
.hm-noti-main .hm-noti-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.hm-noti-main .hm-noti-txt .fecha { color: #515151; font-size: 16px; line-height: 1.2; font-family: 'Inter-Light'; letter-spacing: 0.12px; margin-bottom: 12px; display: block; }
.hm-noti-main .hm-noti-txt h3 { font-size: 22px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.4px; transition: all 0.5s ease; }
.hm-noti-main:hover .hm-noti-txt h3 { color: #74AF27; }
.hm-noti-main:hover .hm-noti-img img { transform: scale(1.03);}
.hm-noti-slide .swiper-nav-noti { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.hm-noti-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.hm-noti-slide .swiper-pagination-bullet { background-color: #b2c7d8; border: none; width: 8px; height: 8px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.hm-noti-slide .swiper-pagination-bullet-active, .hm-noti-slide .swiper-pagination-bullet:hover { background-color: #74AF27; }
.hm-noti-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.hm-noti-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.hm-noti-slide .swiper-button-prev-noti{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.hm-noti-slide .swiper-button-next-noti{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.hm-noti-slide .swiper-button-prev-noti:hover, .hm-noti-slide .swiper-button-next-noti:hover{opacity: 0.7; } 

a.pink-btn { display: inline-block; border: 2px solid #ED0976; background: rgba(237, 9 , 118, 0.15); border-radius: 24px; padding: 12px 16px; color:#004379; font-size: 16px; line-height: 1.2; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; text-align: center; }
a.pink-btn:hover { background: #ED0976; color: #fff;}

.hm-valores-sec { float:left; width:100%; padding: 65px 0px 80px; background: #74AF27; }
.hm-valores-sec h2 { color: #fff; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: -1.5px; text-align: center; margin-bottom: 40px;}
.valores-lst { float:left; width:100%; padding: 0px 0px; }
.valores-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; }
.valores-lst ul li { flex: 0 1 23.5%; display: flex; justify-content: center;}
.valores-lst ul li a { float: left; width: 100%; }
.valores-box { float: left; width: 243px; height: 243px; padding: 10px 20px; display: flex; row-gap: 15px; flex-direction: column; justify-content: center; align-items: center; background: #fff; border: 5px solid #74AF27; border-radius: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition:all .5s ease; }
.valores-lst ul li .img-div { float: left; width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.valores-lst ul li .img-div img { float: left; width: auto; }
.valores-lst ul li .valores-txt { float: left; width: 100%; text-align: center; }
.valores-lst ul li h3, .valores-lst ul li p { color: #004379; font-size: 24px; line-height: 1.1; font-family: 'Inter-Medium'; letter-spacing: 0.24px; transition: all 0.4s ease;}
.valores-lst ul li a:hover .valores-box { box-shadow: 0px 0px 20px rgba(0,0,0,0.3); }
.valores-lst ul li a:hover h3, .valores-lst ul li a:hover p { color: #74AF27;}

.siguenos-sec { float:left; width:100%; background:#fff; padding:110px 0px; }
.siguenos-out { width:100%; display: flex; flex-wrap: wrap; align-items: center; }
.siguenos-lft { flex: 0 1 40%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px; }
.siguenos-lft h2 { font-size:60px; line-height:1; color:#004379; font-family: 'Inter-Bold'; }
.siguenos-lft .redes-user { color: #74AF27; font-size:30px; line-height:1; font-family: 'Inter-Medium'; display: block; }
.share-links { float: left; width: 100%; margin-top: 10px;}
.share-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 35px; }
.share-links ul li { flex: 0 1 auto; }
.share-links li a{ padding-left: 35px; display: flex; color: #000; font-size: 18px; line-height: 1.2; font-family: 'Inter-Regular'; letter-spacing: 0.04px; transition:all .5s ease;}
.share-links li a.fb { background:url('../images/icon-facebook-negre.svg') no-repeat left center; padding-left: 22px; }
.share-links li a.ig { background:url('../images/icon-instagram-negre.svg') no-repeat left center; }
.share-links li a.yt { background:url('../images/icon-youtube-negre.svg') no-repeat left center; }
.share-links li a:hover { color: #74AF27; }
.siguenos-rgt { flex: 0 1 60%; display: flex; justify-content: center; }
.instagram-cards { display: flex; justify-content: center; align-items: center; position: relative;max-width: 525px;}
.instagram-cards li { position: relative; transition: 0.3s ease;}
.instagram-cards li a {display: block;}
.instagram-cards li img { display: block; width: 100%; height: auto; }
/* side cards */
.instagram-cards .side { width: 280px; z-index: 1;}
.instagram-cards .left { margin-right: -100px; }
.instagram-cards .right { margin-left: -100px; }
/* center card */
.instagram-cards .center {width: 345px;z-index: 2;}
/* optional hover */
.instagram-cards li:hover {transform: translateY(-6px); opacity: 1;}

.foot-newsletter-sec { float:left; width:100%; position: relative; }
.foot-newsletter-sec img { float: left; width: 100%; height: 450px; object-fit: cover; }
.newsletter-out { float: left; width: 100%; position: absolute; padding: 0px 0px; top:50%; transform: translateY(-50%); z-index: 2;}
.newsletter-cont { float: left; width: 100%; padding: 0px 0px 0px 40px; }
.newsletter-cont-in { width: 500px; }
.newsletter-cont-in h2 { color: #fff; font-size: 60px; line-height: 1; font-family: 'Inter-Medium'; letter-spacing: -0.63px; margin-bottom: 45px; }
.newsletter-cont-in h2 span { font-size: 80px; font-family: 'Inter-ExtraBold'; letter-spacing: -0.84px; }

.news-box { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 30px; }
.news-box-out { float: left; width: 100%; }
.news-box input[type="text"] { font-family: 'Inter-Regular'; background: rgba(255, 255, 255, 0.9); border: none; border-bottom: 3px solid #74AF27; width: 100%; color: #0047BB; font-size: 16px; height: 58px; line-height: 58px; border-radius: 30px; padding: 0px 50px 0px 20px;}
.news-box-out input[type="submit"] { position: absolute; right: 18px; top:15px; width: 26px; height: 26px; background:url('../images/newsletter-arrow.svg') no-repeat center center; border: none; cursor: pointer; text-indent: -9999px; transition:all .5s ease; } 
.news-box-out input[type="submit"]:hover { opacity: 0.7; }
.news-box-out .frm-input.checkbox { float: left; width: 100%; margin-top: 20px; padding-left: 18px; } 
.news-box-out .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.news-box-out .frm-input.checkbox label {color:#fff;cursor: pointer;font-size: 16px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; letter-spacing: 0.46px; }
.news-box-out .frm-input.checkbox label::before { background: transparent; content: ""; height: 14px; left: 0; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 14px; border-radius: 3px; }
.news-box-out .frm-input.checkbox label::after {background: transparent none repeat scroll 0 0;border: 1px solid #fff;content: "";height: 14px;left: 0;position: absolute;top: 3px;width: 14px; border-radius: 3px; }
.news-box-out .frm-input.checkbox input:checked + label::before { background: #fff; } 
.news-box-out .frm-input.checkbox input:checked + label::after { border-color: #fff; } 
.news-box-out .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0; }
.news-box-out .frm-input.checkbox a { color:#fff; text-decoration:underline; transition:all .5s ease; font-family: 'Inter-Bold'; }
.news-box-out .frm-input.checkbox a:hover { opacity: 0.7; }

span.newsletter-shape { position: absolute; left: calc((100% - 1400px) / 2); bottom: 0px; }
span.newsletter-shape img { object-fit: inherit; }

/* footer */
footer { float: left; width: 100%; padding: 0px 0px; background: #004379; }
.row-foot { width: 1250px; margin: auto; padding: 0px 0px; }
.foot-top-sec { float: left; width: 100%; padding: 55px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 65px; }

ul.ft-logo-lst { display: flex; flex-wrap: nowrap; column-gap: 25px; justify-content: space-between; align-items: center; margin: 0px 0px; padding: 0px 0px; }
ul.ft-logo-lst li a { transition:all .5s ease; }
ul.ft-logo-lst li a:hover { opacity: 0.7; }
ul.ft-logo-lst li a img { float: left; }

ul.social-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; column-gap: 12px; }
ul.social-list li { flex: 0 1 auto; }
ul.social-list li a { float: left; transition:all .5s ease; width: 40px;height:40px; border-radius: 20px; border: 1px solid rgba(255,255,255, 0.5); }
ul.social-list li a.fb-foot {background: url(../images/footer-icon-facebook.svg) no-repeat center center; }
ul.social-list li a.in-foot {background: url(../images/footer-icon-instagram.svg) no-repeat center center; }
ul.social-list li a.tw-foot {background: url(../images/footer-icon-x.svg) no-repeat center center; }
ul.social-list li a.yt-foot {background: url(../images/footer-icon-youtube.svg) no-repeat center center; }
ul.social-list li a:hover { opacity: 0.7; }

.foot-btm-sec { float: left; width: 100%; padding: 40px 40px 50px; border-top: 1px solid rgba(0, 0, 0, 0.30); }
.foot-menu-div { float: left; width: 100%; display: flex; flex-wrap: nowrap; column-gap: 2%; margin-bottom: 20px; }
.menu-div-foot { flex: 0 1 18.5%; }
ul.foot-menu { width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; }
ul.foot-menu li { flex: 0 1 100%; }
ul.foot-menu li h3 a, ul.foot-menu li.foot-single a { color: #fff; font-size: 22px; line-height: 1.2; font-family: 'Inter-SemiBold'; transition:all .5s ease; letter-spacing: 0.33px; }  
ul.foot-menu li a { color: #fff; font-size: 16px; line-height: 1.2; font-family: 'Inter-Regular'; letter-spacing: 0.33px; transition:all .5s ease; }
ul.foot-menu li a:hover { color: #74AF27; }
.menu-div-foot:last-child ul.foot-menu { row-gap: 20px; } 

.foot-btm-lst { float: left; width: 100%; padding: 35px 40px 60px; border-top: 1px solid rgba(255, 255, 255, 0.30); }
.foot-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.foot-btm-lft p { color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Inter-Regular'; letter-spacing: 0.38px; }
ul.ftr-btm-menu { display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; }
ul.ftr-btm-menu li a { color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Inter-Regular'; transition:all .5s ease; }
ul.ftr-btm-menu li a:hover { color: #74AF27; }.home-blog-sec { float:left; width:100%; padding: 75px 0px 85px; }
.home-blog-sec .hm-noti-in .abs-btn { top: 20px; }
.hm-blog-slide { float: left; width: 100%; }
.hm-blog-main{ float: left; width: 100%; }
.hm-blog-main .hm-blog-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.hm-blog-main .hm-blog-img img { float: left; width: 100%; transition:all .5s ease; }
.hm-blog-main .hm-blog-img span.tag { position: absolute; left: 30px; top:20px; height: 30px; display: inline-flex; align-items: center; padding: 0px 15px; border-radius: 35px; color: #fff; font-family: 'Inter-Bold';
font-size: 17px; line-height: 1; letter-spacing: 0.76px; background: #004379; text-transform: uppercase; transition: all .5s ease; }
.hm-blog-main .hm-blog-img .fav-icon { position: absolute; left: 30px; bottom: 20px; }
.hm-blog-main .hm-blog-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.hm-blog-main .hm-blog-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.hm-blog-main .hm-blog-txt h4 { color: #515151; font-size: 16px; line-height: 1.2; font-family: 'Inter-Light'; letter-spacing: 0.12px; margin-bottom: 12px; }
.hm-blog-main .hm-blog-txt h3 { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; transition: all 0.5s ease; }
.hm-blog-main:hover .hm-blog-txt h3 { color: #74AF27; }
.hm-blog-main:hover .hm-blog-img img { transform: scale(1.03);}
.hm-blog-main:hover .hm-blog-img span.tag {background: #74AF27; }
.hm-blog-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }


/***avios legal***/
.breadcrumb-nav { float: left; width: 100%; }
.breadcrumb-list {  float: left; width: 100%; border-top: 2px solid rgba(0,67,121, 0.3); padding-top: 20px; }
.breadcrumb-list ul { display: flex; flex-wrap: wrap;}
.breadcrumb-list ul li { flex: 0 1 auto; color: #004379; font-size: 16px; font-family: 'Inter-Light'; position: relative; margin-right: 10px; padding-right: 15px; }
.breadcrumb-list ul li::after { position: absolute; display: block; content: "|"; color: rgba(255, 255, 255, 0.3); top: 0; right: 0;}
.breadcrumb-list ul li a { color: #ffffff; transition: all 0.4s ease; font-family: 'Inter-Regular';}
.breadcrumb-list ul li a:hover { opacity: 0.7;}
.breadcrumb-list ul li:last-child { margin-right: 0; padding-right: 0;}
.breadcrumb-list ul li:last-child::after { display: none;}
.breadcrumb-list.txt-white ul li { color: #ffffff;}
.breadcrumb-list.blue-txt ul li a { color: #004379;}
.breadcrumb-list.blue-txt ul li::after { color: rgba(0,67,121, 0.3);}

.aviso-legal { float: left; width: 100%; padding: 80px 0;}
.aviso-legal h1 { font-size: 60px; line-height: 1.2; color: #004379; letter-spacing: -1.5px; font-family: 'Inter-ExtraBold'; margin-bottom: 60px;}
.aviso-legal h4, .aviso-legal h2 { font-size: 22px; line-height: 1.2; color: #4C4E54; letter-spacing: -0.14px; font-family: 'Inter-SemiBold'; margin: 20px 0; display: block;}
.aviso-legal p { font-size: 16px; line-height: 1.5; color: #4C4E54; letter-spacing: 0.1px; margin-bottom: 15px;}
.aviso-legal p span { font-family: 'Inter-SemiBold';}
.aviso-legal p:last-child { margin-bottom: 0;}


/***buscador***/
.buscador-sec { float: left; width: 100%; position: relative;}
.buscador-sec header { background: #004379;}
.buscador-sec .breadcrumb-list { border-color: rgba(255, 255, 255, 0.5);}

.buscador-ban {float: left;width: 100%;position: relative; background: #004379; min-height: 350px;}
.buscador-cnt {position: absolute;left: 50%;bottom: 20%;transform: translateX(-50%); width: 607px;}
.buscador-ban .search-ico img {width: auto;min-height: auto;}

.search-div {width: 100%; margin: 0 auto; }  
.search-div h2, .search-div h1 { color: #ffffff; font-size: 60px; line-height: 1; font-family: 'Inter-ExtraBold'; letter-spacing: 0.19px; padding-bottom: 15px; }
.buscador-ban .search-div h2, .buscador-ban .search-div h1 {padding-bottom: 30px; text-align: center;}
.search-box {position: relative;width: 100%; margin: 0 auto;} 
.search-div .search-box input { font-size: 20px; line-height: 1; color: #004379; background: #fff; border: 0; height: 72px;width: 100%;padding: 10px 85px 10px 35px;border-radius: 50px !important;box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);font-family: 'Inter-Bold';}
.search-div .search-box input::placeholder{color: #004379;} 
.search-div .search-ico {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease;right: 10px;top: 10px;position: absolute;background: #74AF27;border-radius: 100%;cursor: pointer;}
.search-div .search-ico:hover{background: #ED0976;} 

.result-filter-list-sec { float: left;width: 100%;padding: 42px 0 35px;}
.result-filter-list-sec ul { float: left;width: 100%; column-gap: 30px; border-bottom: 1px solid rgba(51,51,51,0.2); display: flex; align-items: center; justify-content: center;}
.result-filter-list-sec ul li { flex: 0 1 auto;}   
.result-filter-list-sec ul li a { float: left; font-family: 'Inter-Regular'; color: rgba(0,67,121, 0.3); font-size: 18px; line-height: 1;letter-spacing: 0.3px; padding-bottom: 17px;border-bottom: 3px solid #FFFFFF;transition:all .5s ease;position: relative;}
.result-filter-list-sec ul li a span { margin-left: 6px; background: rgba(31,47,87,0.5); border-radius: 3px; padding: 3px 8px; font-family: 'Inter-Regular'; color: #fff; font-size: 12px; letter-spacing: 0.3px; transition:all .5s ease;}
.result-filter-list-sec ul li a.current {color: #74AF27; font-family: 'Inter-Bold';} 
.result-filter-list-sec ul li a.current span { background: #74AF27; color: #FFFFFF; font-family: 'Inter-Bold';}
.result-filter-list-sec ul li a:after{position: absolute;width: 0%;bottom: -3.5px;height: 3px;background: #74AF27;content: "";left: 0;transition: all 0.5s ease;}
.result-filter-list-sec ul li a.current:after{width: 100%;}
.result-filter-list-sec ul li a:hover:after{width: 100%;}
.result-filter-list-sec ul li a:hover {color: #74AF27;} 
.result-filter-list-sec ul li a:hover span {background: #74AF27;color: #FFFFFF;}

.buscaresult {float: left;width: 100%;padding-bottom: 75px;}
.buscaresult h4, .buscaresult h2 { font-family: 'Inter-Regular'; font-weight: normal; font-size: 16px; letter-spacing: 0.34px; text-align: left; color: #242424; margin-bottom: 45px;line-height: 17px;}
.buscaresult h4 span, .buscaresult h2 span {font-family: 'Inter-Bold';}
.buscaresult-list {float: left;width: 100%;}
.buscaresult-list ul {float: left;width: 100%;display: flex;flex-wrap: wrap;row-gap: 50px;}
.buscaresult-list ul li {flex: 0 1 100%; display: flex;flex-wrap: wrap;column-gap: 40px; row-gap: 20px;}
.buscaresult-list ul li .busca-img .fav-icon { position: absolute; left: 24px; bottom: 18px; background: #74AF27; border-radius: 50px; overflow: hidden; transition: all 0.5s ease;}
.buscaresult-list ul li .busca-img .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.buscaresult-list ul li .busca-img {flex: 0 1 375px; overflow: hidden; border-radius: 0px; position: relative;}
.buscaresult-list ul li .busca-img img {width: 100%;height: 100%; object-fit: cover;}
.buscaresult-list ul li .busca-img .fav-icon a { transition: all 0.4s ease;}
.buscaresult-list ul li .busca-img .fav-icon a img { filter: brightness(0) invert(1); width: auto; height: auto; transition: all 0.4s ease;}
.buscaresult-list ul li:hover .busca-img .fav-icon a img { filter: invert(86%) sepia(78%) saturate(2875%) hue-rotate(198deg) brightness(86%) contrast(101%); }
.buscaresult-list ul li .busca-cnt { flex: 0 1 calc(100% - 415px);}
.buscaresult-list ul li .busca-cnt span { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; font-family: 'Inter-Bold'; text-transform: uppercase; float: left; margin-bottom: 20px; background: #74AF27; color: #ffffff; border: none; height: 26px; border-radius: 25px; letter-spacing: 0.5px; padding: 0px 15px;}
.buscaresult-list ul li .busca-cnt h3 {float: left;width: 100%;font-size: 25px;line-height: 1.2;font-family: 'Inter-ExtraBold';color: #004379;margin-bottom: 20px; letter-spacing: 0.25px; transition: all 0.5s ease;}
.buscaresult-list ul li .busca-cnt p {width: 100%;float: left; font-size: 16px; line-height: 24px; color: #3D3D3D; font-family: "Inter-ExtraLight"; letter-spacing: 0.3px;}
.buscaresult-list ul li:hover .busca-cnt h3 { color: #74AF27;}

.pagination { float: left; width: 100%; display: flex; margin-top: 80px; align-items: center; justify-content: center; column-gap: 20px;}
.pagination ul { float: left; width: auto; display: flex; column-gap: 10px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}
.pagination ul li a { color:#333333;display:flex;align-items: center;justify-content: center; width:35px; height:35px; border-radius: 100%; font-size: 16px; letter-spacing: 0.2px; transition: all .5s ease;}
.pagination ul li a.active { background: #74AF27; color: #FFFFFF; font-family: 'Inter-Bold';}
.pagination ul li a.active:hover { background: #333333; color: #FFFFFF;}
.pagination ul li a:hover{ background: #74AF27; color: #FFFFFF;}
a.next-arw {float: left;width:auto; padding-right: 18px; background: url("../images/icon-arrows-next-on.svg") no-repeat scroll right center; font-size:16px;line-height: 21px;color:#0d413c; position: relative; transition: all 0.5s ease;}
a.prev-arw {float: left;width:auto; padding-left: 18px; background: url("../images/icon-arrows-next-off.svg") no-repeat scroll left center; font-size:16px;line-height: 21px; color:#0d413c; position: relative; transition: all 0.5s ease;}
a.prev-arw.unactive { color: rgba(0,67,121, 0.5);}


/*******/
.inn-ban-sec { float: left; width: 100%; position: relative;}
.inn-ban-sec .sticky-wrapper { height: auto !important; }
.inner-ban { float: left; width: 100%;}
.inner-ban img { float: left; width: 100%; height: 425px; object-fit: cover;}

.inner-ban .breadcrumb-list { padding: 0 0 10px 0; border-bottom: 2px solid rgba(255, 255, 255, 0.3); border-top: none;}
.inner-ban-div { position: absolute; top: 30%; transform: none; left: 0; right: 0;}
.inn-caption { width: 100%; display: flex; float: left; flex-wrap: wrap; row-gap: 30px;}
.banner-title-sec { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 100%;}
.ban-title-lft { flex: 1 1 60%;}
.ban-title-lft h1 { color: #ffffff; line-height: 1.1; font-family: 'Inter-ExtraBold'; font-size: 80px;}
.ban-title-lft h5 { color: #ffffff; font-family: 'Inter-Regular'; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; background: #74AF27; border-radius: 10px; display: inline-block; padding: 0 10px;}
.ban-logo-rht { flex: 0 1 30%; background: #ffffff; border-radius: 20px; padding: 15px 30px; justify-content: center; display: flex; flex-wrap: wrap;}
.ban-logo-rht img { width: auto; max-height: 60px;}

.mancomunidad-sec { float: left; width: 100%; padding: 80px 0;}
.mancomunidad-cnt { float: left; width: 100%;}
.mancomunidad-cnt h5, .mancomunidad-cnt .rutas-map-subtitulo, .mancomunidad-cnt .mancomunidad-subtitulo { color: #004379; font-size: 40px; line-height: 1.2; letter-spacing: 0.3px; font-family: 'Inter-Bold'; margin-bottom: 20px;}
.mancomunidad-cnt p { font-size: 22px; line-height: 1.5; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; margin-bottom: 40px;}
.mancomunidad-cnt p:last-child { margin-bottom: 0;}

.accesso-sec { float: left; width: 100%; margin: 60px 0 0; }
.accesso-sec h2 { color: #004379; font-size: 60px; line-height: 1; font-family: 'Inter-Bold'; letter-spacing: -1.5px; margin-bottom: 30px;}
.accesso-sec ul { display: flex; flex-wrap: wrap; column-gap: 2.7%;}
.accesso-sec ul li { flex: 0 1 31.5%;}
.accesso-sec ul li a { border: 2px solid #ED0976; border-radius: 20px; display: flex; padding: 30px; flex-direction: column; min-height: 300px; transition: all 0.4s ease;}
.accesso-sec ul li a .access-img { flex-grow: 1;}
.accesso-sec ul li a img { width: auto; align-self: flex-start;}
.accesso-sec ul li a h3, .accesso-sec ul li a p { color: #333333; font-size: 30px; line-height: 1.2; font-family: 'Inter-Medium';}
.accesso-sec ul li a:hover { background: rgba(0,67,121,0.1); border-color: rgba(0,67,121,0.1);}

.noticias-sec { float: left; width: 100%; position: relative; margin: 80px 0 0;}
.noticias-title { float: left; width: auto; margin-bottom: 40px; }
.noticias-title h2 { color: #004379; font-size:60px; line-height:1.2; font-family: 'Inter-Bold'; }

.noticias-list { float: left; width: 100%;}
.noticias-list ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 60px;}
.noticias-list ul li { flex: 0 1 32%;}
.noticias-list ul li .noticias-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.noticias-list ul li .noticias-img img { float: left; width: 100%; transition:all .5s ease; }
.noticias-list ul li .noticias-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.noticias-list ul li .noticias-txt h4, .noticias-list ul li .noticias-txt .noticias-fecha { color: #515151; font-size: 16px; line-height: 1.2; font-family: 'Inter-Light'; letter-spacing: 0.12px; margin-bottom: 12px; display: block; }
.noticias-list ul li .noticias-txt h3, .noticias-list ul li .noticias-txt .noticias-titulo { font-size: 22px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.4px; transition: all 0.5s ease; }
.noticias-list ul li:hover .noticias-txt h3, .noticias-list ul li:hover .noticias-txt .noticias-titulo { color: #74AF27; }
.noticias-list ul li:hover .noticias-img img { transform: scale(1.03);}

.noticias-sec .abs-btn { top: 10px; position: absolute; right: 0; }
.noticias-sec a.pink-btn { display: inline-block; border: 2px solid rgba(31, 47, 87, 0.28); background: none; border-radius: 24px; padding: 12px 20px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
.noticias-sec a.pink-btn:hover { background: #004379; color: #fff;}

/**contacte**/
.contact-info { float: left; width: 100%; margin: 70px 0 60px 0;}
.contact-info h2 { color:#02397C; font-size: 80px; line-height: 1; letter-spacing: 0.25px; font-family: 'Inter-ExtraBold'; margin-bottom: 40px;}
ul.contact-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 45px; align-items: flex-start; column-gap: 4%; }
ul.contact-lst li { flex: 0 1 48%; display: flex; flex-wrap: wrap; align-content: flex-start;  padding-left: 0px; flex-direction: column; }
ul.contact-lst li h3 { color: #74AF27; margin-bottom: 10px; font-size: 22px; line-height: 1; letter-spacing: 0.17px; font-family: 'Inter-Bold';}
ul.contact-lst li p { width: 100%; color: #333333; font-size: 22px; line-height: 1.4; }
ul.contact-lst li a { color: #333333; font-family: 'Inter-Regular'; font-size: 22px; line-height: 1.4; transition: all 0.5s ease; }
ul.contact-lst li a:hover { color: #02397C; }
ul.con-social { width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; padding-top: 5px; }
ul.con-social li { flex: 0 1 auto !important; padding-left: 0px; }
ul.con-social li a img { float: left; transition: all 0.5s ease; }
ul.con-social li a:hover img { opacity: 0.7; }

.contact-form-sec { float: left; width: 100%; background: rgba(0,67,121, 0.06); padding: 70px 0; }
.contact-inn { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 0px; }
.contact-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-between;}
.contact-lft { flex: 0 1 43%; }
.contact-lft h2 { font-size: 60px; line-height:1.2; color: #004379; letter-spacing: -0.71px; font-family: 'Inter-Bold'; margin-bottom: 20px;}
.contact-lft p { font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; color: #333333; padding-right: 0px; margin-bottom: 20px; letter-spacing: 0.17px; }
.contact-lft p:last-child { margin-bottom: 0;}

.contact-rht { flex: 0 1 48%;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 14px; position: relative;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .form-box textarea { width:100%; color:#004379; font-family: 'Inter-Medium'; padding: 10px 20px 10px; height: 54px; border-radius: 0px; border: none; border-bottom: 2px solid #74AF27; font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border-bottom: 2px solid #004379;}
.contact-form .form-box textarea { resize:none; border-radius: 0px; height:130px; line-height:22px; padding: 15px 20px 10px; color:#004379;}
.contact-form .form-box .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; margin-bottom: 0;}
.contact-form .form-box .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-form .form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .form-box .frm-input .floating-label { color: #004379; cursor: pointer; font-size: 16px; line-height:22px; font-family: 'Inter-SemiBold'; width: auto; letter-spacing: 0px; display: inline-block; }
.contact-form .form-box .frm-input .floating-label span { color: #ffffff;}
.contact-form .form-box .frm-input.checkbox label { color: #282828; cursor: pointer; letter-spacing: 0.4px; font-family: 'Inter-ExtraLight'; font-size: 18px; padding-left: 28px; position: relative; float: left; width: auto; line-height:22px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before {  background: none; content: ""; height: 17px; left: 0; position: absolute; top: 2px; transition: all 0.3s ease-in-out 0s; width: 17px; border-radius: 3px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 17px; height: 17px;left: 0; position: absolute; top: 2px; border-radius: 3px; border: 1px solid #004379;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #004379; }
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:9px; color: #37374B; float: none; width:100%; line-height:16px; letter-spacing: 0.4px; }
.contact-form .form-box .frm-input.checkbox span a {color: #004379; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#004379;} 
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px;}
.contact-form .form-box .frm-input.checkbox label a { text-decoration: underline; color: #282828; font-family: 'Inter-Bold'; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #74AF27; }
.contact-form .btn-ctr { float: left; width: 100%; margin-top: 30px;}
.contact-form .form-box button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-transform: uppercase; height: 52px; border-radius: 50px; font-family: 'Inter-Bold'; background: none; color: #004379; font-size: 18px; line-height: 16px; padding: 0px 20px; transition:all .5s ease; letter-spacing: 0.3px; width: 160px; border: 2px solid rgba(31,47,87,0.3);}
.contact-form .form-box button:hover { background: #004379; color: #ffffff;}
.contact-form .form-box button img { width: auto;}
.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 15px; left: 25px; 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: #004379 !important; font-family: 'Inter-SemiBold' !important; background: #fff; line-height: 12px !important; padding: 0 5px;}


.contact-map { float: left; width: 100%; position: relative;}
.contact-map #map { height: 580px; margin: 0;}
.contact-btm { position: absolute; bottom: 60px; width: 100%; max-width: 1180px; 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 35%; }
.contact-btm ul li input[type="text"] { letter-spacing: 0.4px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18); background: #fff; font-family: 'Inter-SemiBold'; border: 2px solid #004379; border-radius: 50px; height: 54px; line-height: 54px; font-size: 18px; padding: 0 30px 0 20px; width: 100%; color: #004379;}
.contact-btm ul li input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #004379;}
.contact-btm ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #004379; opacity:1;}
.contact-btm ul li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#004379; opacity:1;}
.contact-btm ul li input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#004379;}
.contact-btm ul li input::-ms-input-placeholder { /* Microsoft Edge */ color: #004379;}
.contact-btm ul li input::placeholder { /* Most modern browsers support this now. */ color: #004379;}
.contact-btm ul li.calculate-btn { flex: 0 1 26%; }
.contact-btm ul li.calculate-btn a { display: inline-flex; width: 100%; align-items: center; justify-content: center; cursor: pointer; height: 54px; letter-spacing: 1px; border: 2px solid #004379; border-radius:50px; font-family: 'Inter-Bold'; background: #ffffff; color: #004379; font-size: 18px; line-height: 16px; padding: 0px 30px; transition:all .5s ease;}
.contact-btm ul li.calculate-btn img { width: auto;}
.contact-btm ul li.calculate-btn a:hover { background: #74AF27; color: #ffffff; border-color: #74AF27;}
.contact-btm ul li .nice-select { letter-spacing: 0.4px; width: 100%; border: 2px solid #004379; padding: 0 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18); font-family: 'Inter-SemiBold';  line-height: 52px; border-radius: 50px; justify-content: flex-start; font-size: 18px; color: #004379; background: #ffffff;}
.contact-btm ul li .nice-select::after { border-bottom: 2px solid #004379; border-right: 2px solid #004379; right:25px; }
.contact-btm ul li .nice-select .option { font-size: 16px; line-height: 34px; width: 100%; padding: 0 20px; text-align: left; font-family: 'Inter-Regular'; }
.contact-btm ul li .nice-select .option.selected.focus { font-family: 'Inter-Regular'; font-weight: normal;}
.contact-btm ul li .nice-select .option:hover { background-color: #004379; color: #fff;}


/***single blog****/
.blog-detail { float: left; width: 100%; margin: 70px 0;}
.blog-title { float: left; width: 100%; position: relative; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.blog-title h1 { flex: 0 1 calc(100% - 50px); transition: all 0.4s ease; font-size: 60px; line-height: 1.2; color: #004379; letter-spacing: -1.5px; font-family: 'Inter-ExtraBold'; margin-bottom: 0px; padding-right: 0px;}
.wish-grn { background: #74AF27; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50px; position: relative; right: 0; top: 15px;}
.wish-grn a { width: 100%; display: flex; align-items: center; height: 100%; justify-content: center;}
.wish-grn a img { display: block; transition: all 0.4s ease;}
.wish-grn a:hover img { filter: invert(86%) sepia(78%) saturate(2875%) hue-rotate(198deg) brightness(86%) contrast(101%);}

.single-img { float: left; width: 100%; position: relative; border-radius: 5px; overflow: hidden;}
.single-img img { float: left; width: 100%; transition: all 0.4s ease;}
.single-img span { position: absolute; display: block; right: 30px; bottom: 30px;}
.single-img span a { transition: all 0.4s ease; }
.single-img span a img { transition: all 0.4s ease;}
.single-img span a:hover img { filter: invert(45%) sepia(43%) saturate(1827%) hue-rotate(54deg) brightness(118%) contrast(70%);}
.single-img .wish-grn { background: #74AF27; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50px; position: absolute; right: 20px; top: auto; bottom: 20px;}
.single-img .wish-grn img { width: auto; transition: all 0.4s ease;}

.single-blog { float: left; width: 100%;}
.single-blog a:hover .wish-grn img { filter: invert(86%) sepia(78%) saturate(2875%) hue-rotate(198deg) brightness(86%) contrast(101%);}
.single-blog a:hover .blog-title h1 { color: #74AF27;}

.author-info { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding:30px 0; align-items: center;}
.pat-btn { background: rgba(0,67,121, 0.3); color: #004379; height: 40px; line-height: 40px; border-radius: 25px; padding: 0 25px; font-size: 16px;}
.date-info p { color: #999999; font-size: 22px; letter-spacing: 0.6px; line-height: 1.1;}

.patrimonio-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.patrimonio-lft { flex: 0 1 65%;}
.patrimonio-lft h2 { color: #4C4E54; font-size: 22px; line-height: 1.2; letter-spacing: 0.14px; font-family: 'Inter-Bold'; margin-bottom: 20px;}
.patrimonio-lft p { font-size: 22px; line-height: 1.5; letter-spacing: 0.14px; font-family: 'Inter-Regular'; color: #4C4E54; margin: 0;}
.patrimonio-rht { flex: 0 1 30%;}
.patrimonio-rht h2 { color: #000000; font-size: 22px; line-height: 1.2; letter-spacing: 0.14px; font-family: 'Inter-Bold'; margin-bottom: 20px;}
.patrimonio-rht ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.patrimonio-rht ul li { flex: 0 1 100%; background: url(../images/icon-link-blau.svg) no-repeat 0 4px; padding-left: 30px;}
.patrimonio-rht ul li a span { color: #67C11D; font-size: 22px; line-height: 1; text-decoration: underline; font-family: 'Inter-Bold'; transition: all 0.4s ease;}
.patrimonio-rht ul li a:hover span { color: #004379;}

.documento-btn { float: left; width: 100%; margin-top: 30px;}
.documento-btn a { display: inline-block; border: 2px solid rgba(31, 47, 87, 0.28); background: none; border-radius: 24px; padding: 12px 25px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 0.5px; transition:all .5s ease; }
.documento-btn a:hover { background: #004379; color: #fff;}

.blog-para { float: left; width: 100%; margin: 0 0 50px 0;}
.blog-para h3 { font-size: 22px; color: #4C4E54; font-family: 'Inter-SemiBold'; margin-bottom: 15px;}
.blog-para p { font-size: 16px; color: #4C4E54; letter-spacing: 0.1px; line-height: 1.5; margin-bottom: 20px;}
.blog-para p span { font-size: 22px;}
.blog-para p:last-child { margin-bottom: 0;}

.otros-sec { float: left; width: 100%; background: rgba(0,67,121, 0.04); padding: 70px 0;}
.otros-sec h2 { font-size: 60px; line-height: 1.2; color: #004379; letter-spacing: -1.5px; font-family: 'Inter-ExtraBold'; margin-bottom: 30px; padding-right: 0px;}
.otros-inn { position: relative; float: left; width: 100%; }
.otros-inn ul { display: flex; flex-wrap: wrap; column-gap: 6%;}
.otros-inn ul li { flex: 0 1 47%;}
.otros-inn ul li .otros-img { float: left; width: 100%; overflow: hidden; border-radius: 5px;}
.otros-inn ul li .otros-img img { float: left; width: 100%; transition: all 0.4s ease;}
.otros-inn ul li .otros-txt { float: left; width: 100%;}
.otros-inn ul li .otros-txt .author-info { padding: 15px 0;}
.otros-inn ul li .otros-txt .pat-btn { font-size: 14px; font-family: 'Inter-SemiBold'; text-transform: uppercase; letter-spacing: 0.8px; height: 36px; line-height: 36px;}
.otros-inn ul li .otros-txt .date-info p { font-size: 16px;}
.otros-inn ul li .otros-txt h4, .otros-inn ul li .otros-txt h3 { font-size: 25px; line-height: 1.4; color: #004379; font-family: 'Inter-Bold'; letter-spacing: 0.19px; transition: all 0.4s ease;}
.otros-inn ul li:hover .otros-txt h4, .otros-inn ul li:hover .otros-txt h3 { color: #74AF27; }
.otros-inn ul li:hover .otros-img img { transform: scale(1.03);}
.ver-todos-btn a { display: inline-block; border: 2px solid rgba(31, 47, 87, 0.28); background: none; border-radius: 24px; height: 40px; padding: 0px 20px; color:#004379; font-size: 16px; line-height: 38px; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; position: absolute; top: 20px; right: 0; }
.ver-todos-btn a:hover { background: #004379; color: #fff;}


/*blog*/
.blog-detail-sec { float: left; width: 100%; margin: 70px 0;}
.blog-title-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; align-items: center; margin-bottom: 50px;}
.blog-title-lft { flex: 0 1 18%;}
.blog-title-lft h1 { font-size: 80px; line-height: 1; color: #004379; font-family: 'Inter-ExtraBold'; }
.blog-title-rht { flex: 0 1 72%;}
.blog-title-rht p { color: #333333; font-size: 16px; line-height: 1.5; letter-spacing: 0.27px;}

.blog-detail-sec .blog-title h1 { font-family: 'Inter-Bold'; margin-bottom: 0;}
.que-interesa { float: left; width: 100%; margin: 30px 0 0; border-top: 2px solid #004379; padding-top: 30px;} 
.interesa-title { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
.interesa-lft h4 { color: #004379; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase;}
.favourite-ico { display: flex; flex-wrap: wrap; column-gap: 10px;}
.favourite-ico h4 { color: #004379; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase;}

.interesa-list { float: left; width: 100%; margin-bottom: 40px;}
.interesa-list ul { display: flex; flex-wrap: wrap; column-gap: 1%;}
.interesa-list ul li { flex: 1 1 auto;}
.interesa-list ul li a { color: #004379; transition: all 0.4s ease; font-size: 15px; height: 40px; line-height: 36px; display: flex; text-transform: uppercase; letter-spacing: 1px; border: 2px solid rgba(31, 47, 87, 0.28); padding: 0 16px; border-radius: 25px; font-family: 'Inter-SemiBold';}
.interesa-list ul li a:hover { background: #004379; color: #ffffff;}
.interesa-list ul li a.active { background: #004379; color: #ffffff;}

.interesa-grid { float: left; width: 100%; }
.interesa-grid ul { display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 60px;}
.interesa-grid ul li { flex: 0 1 47%;}
.interesa-grid ul li .otros-img { float: left; width: 100%; overflow: hidden; border-radius: 5px; position: relative;}
.interesa-grid ul li .otros-img img { float: left; width: 100%; transition: all 0.4s ease;}
.interesa-grid ul li .otros-img .wish-grn { background: #74AF27; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50px; position: absolute; right:15px; top: auto; bottom: 15px;}
.interesa-grid ul li .otros-img .wish-grn img { width: auto; transition: all 0.4s ease;}
.interesa-grid ul li:hover .otros-img .wish-grn img { filter: invert(86%) sepia(78%) saturate(2875%) hue-rotate(198deg) brightness(86%) contrast(101%); }

.interesa-grid ul li .otros-txt { float: left; width: 100%;}
.interesa-grid ul li .otros-txt .author-info { padding: 15px 0;}
.interesa-grid ul li .otros-txt .pat-btn { font-size: 14px; font-family: 'Inter-SemiBold'; text-transform: uppercase; letter-spacing: 0.8px; height: 36px; line-height: 36px;}
.interesa-grid ul li .otros-txt .date-info p { font-size: 16px;}
.interesa-grid ul li .otros-txt h4 { font-size: 25px; line-height: 1.4; color: #004379; font-family: 'Inter-Bold'; letter-spacing: 0.19px; transition: all 0.4s ease;}
.interesa-grid ul li:hover .otros-txt h4 { color: #74AF27; }
.interesa-grid ul li:hover .otros-img img { transform: scale(1.03);}
.interesa-grid .cargar-btn { float: left; width: 100%; margin-top: 80px; text-align: center;}
.interesa-grid .cargar-btn a { display: inline-block; border: 2px solid rgba(31, 47, 87, 0.28); background: none; border-radius: 24px; padding: 12px 20px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
.interesa-grid .cargar-btn a:hover { background: #004379; color: #fff;}


.descubre-los { float: left; width: 100%; display: flex; flex-wrap: wrap; background: #004379; }
.descubre-los .swiper-slide { display: flex; flex-wrap: wrap; align-items: center;}
.descubre-lft { width: 50%; }
.descubre-lft img { float: left; width: 100%; height: 450px; object-fit: cover; }
.descubre-rgt { width: 50%; padding-left: 80px; padding-right: calc((100% - 1180px) / 2); display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.descubre-rgt h2, .descubre-rgt .descubre-titulo { color: #fff; font-size: 60px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 0px; }
.blog-slider-nav { width: 460px; left: 50%; transform: translateX(18%); position: absolute; z-index: 1; bottom:30px; display: flex; align-items: center; justify-content: space-between;}
.blog-slider-nav .swiper-pagination { left: auto; bottom: auto; position: relative;}
.blog-slider-nav .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.23);}
.blog-slider-nav .swiper-pagination-bullet-active { background: #74AF27;}
.blog-slider-nav .swiper-button{ position: relative; right: auto; z-index: 10; width: 70px; height: auto; align-items: center; justify-content: space-between; display: flex; column-gap: 10px;  }
.blog-slider-nav .swiper-button .swiper-button-prev, .blog-slider-nav .swiper-button .swiper-button-next { position: relative; margin: 0; right: auto; height: auto;}
.blog-slider-nav .swiper-button-prev:hover, .blog-slider-nav .swiper-button-next:hover{opacity: 0.7; } 


.blog-detail.agenda-det-sec h1 { font-size: 80px;}
.agenda-detail{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;}
.agenda-det-lft{ flex: 0 1 66%;}
.agenda-img { float: left; width: 100%; margin-bottom: 30px; position: relative;}
.agenda-img img { float: left; width: 100%;}
.agenda-img .camera-ico { position: absolute; left: 20px; bottom: 20px;} 
.agenda-img .camera-ico a { display: block;}

.agenda-det-lft p { color: #4C4E54; font-size: 16px; line-height: 1.6; margin-bottom: 20px;}
/* .agenda-det-lft p:last-child { margin-bottom: 0;} */
.agenda-cnt-top { float: left; width: 100%; margin-bottom: 20px;}
.agenda-cnt-top h4 { color: #4C4E54; font-size: 22px; line-height: 1.2; letter-spacing: 0.14px; font-family: 'Inter-Bold'; margin-bottom: 10px;}
.agenda-cnt-top p { font-size: 22px; line-height: 1.5; letter-spacing: 0.14px; font-family: 'Inter-Regular'; color: #4C4E54; margin: 0;}
.agenda-cnt-top p span { color: #67C11D; font-family: 'Inter-Bold';}
.more-btn { float: left; width: 100%;}
.more-btn a { color: #67C11D; font-family: 'Inter-Bold'; transition: all 0.4s ease;}
.more-btn a:hover { color: #004379;}

.agenda-det-rgt{ flex: 0 1 30%;}
.agenda-de-sec p{float: left; width: 100%; color: #4C4E54; font-size: 16px; line-height: 26px; letter-spacing: 0.1px; margin-bottom: 25px; font-family: 'larken-light';}
.agenda-de-sec p:last-child { margin-bottom: 0;}
.agenda-de-info { float: left; width: 100%;}
.agenda-de-info h3{ float: left; width: 100%; font-family: "Inter-Bold"; color: #000000;  font-size: 22px; line-height: 1.1; margin-bottom: 30px;}
.agenda-addr-lnks ul{ float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px; margin-bottom: 35px;}
.agenda-addr-lnks ul li{flex: 0 1 100%; font-family: "Inter-Light"; color: #000000; font-size: 22px; line-height: 26px; letter-spacing: 0.4px; padding-left: 30px; position: relative;}
.agenda-addr-lnks ul li span { font-family: "Inter-Bold";}
.agenda-addr-lnks ul li a{ float: left; width: auto; color: #67C11D; font-family: "Inter-Bold"; font-size: 18px; line-height: 26px; letter-spacing: 0.34px; text-decoration: underline; transition:all 0.5s ease;}
.agenda-addr-lnks ul li a:hover{ color: #004379;}
.agenda-addr-lnks ul li::before{position: absolute; content: ""; left: 0; top: 5px;}
.agenda-addr-lnks ul li.time::before{background:url(../images/date-ico.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}
.agenda-addr-lnks ul li.location::before{background:url(../images/loc-pin-ico.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 18px;}
.agenda-addr-lnks ul li.link::before{background:url(../images/web-ico.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 15px;}

.agenda-scl-lnks { float: left; width: 100%;}
.agenda-scl-lnks ul { display: flex; flex-wrap: wrap; column-gap: 15px; margin-left: 30px;}
.agenda-scl-lnks ul li { flex: 0 1 auto;}

.agenda-de-btn { float: left; width: 100%; margin-top: 35px; }
.agenda-de-btn ul { display: flex; flex-wrap: wrap; row-gap: 15px;column-gap: 2%; }
.agenda-de-btn ul li { flex: 0 1 100%;}
.agenda-de-btn ul li a { display: inline-block; border: 2px solid rgba(31, 47, 87, 0.28); background: none; border-radius: 24px; padding: 12px 25px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 0.5px; transition:all .5s ease; }
.agenda-de-btn ul li a:hover { background: #004379; color: #fff;}

.agenda-de-map { float: left; width: 100%; margin-top: 40px;}
.agenda-de-map a { float: left; width: auto; font-family: "Inter-Bold"; color: #74AF27; font-size: 14px; line-height: 1; letter-spacing: 0.3px; text-decoration: underline; margin-top: 10px;transition: all 0.5s ease;}
.agenda-de-map a:hover{ color: #004379;}
.agenda-de-map #agendamap { height: 160px;}




/* agenda css */
.agenda-sec { float: left; width: 100%; padding: 50px 0 100px;}
.agenda-details { float: left; width: 100%; }
.agenda-top { float: left; width: 100%; margin-bottom: 50px; display: flex;flex-wrap: wrap; align-items: center; justify-content: space-between;column-gap: 2%;row-gap: 15px;}
.agenda-top h2, .agenda-top h1 {  flex: 0 1 auto; font-size: 80px; line-height: 1; letter-spacing: 0.22px; color: #004379; font-family: 'Inter-ExtraBold';}
.agenda-filter-list { float: left; width: auto; display: flex; align-items: center; column-gap: 40px;}
.agenda-filter { float: left; width: auto; display: flex; align-items: center; column-gap: 10px; color: #636363; font-size: 14px; font-family: "Inter-Medium";}

.agenda-tab {float: left;width: auto;}
.agenda-tab ul.tab-list {float: right;width: auto;display: flex;column-gap: 15px;cursor: pointer;}
.agenda-tab ul.tab-list li {flex: 0 1 auto;}
/* .agenda-tab ul.tab-list li.current img { filter: invert(63%) sepia(47%) saturate(515%) hue-rotate(49deg) brightness(90%) contrast(120%);} */
.agenda-tab ul.tab-list li span.grid-view {background: url("../images/icon-grid-off.svg") no-repeat scroll 0 0;width: 16px;height: 16px;  background-size: cover; display: block;}
.agenda-tab ul.tab-list li.current span.grid-view {background: url("../images/icon-grid-on.svg") no-repeat scroll 0 0; background-size: cover;}
.agenda-tab ul.tab-list li span.list-view {background: url("../images/icon-list-off.svg") no-repeat scroll 0 0;width: 16px;height: 16px;  background-size: cover; display: block;}
.agenda-tab ul.tab-list li.current span.list-view {background: url("../images/icon-list-on.svg") no-repeat scroll 0 0; background-size: cover;}

.agenda-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 0px; justify-content: space-between;}
.agenda-rgt { flex: 0 1 63%; padding-left: 0px;}
.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: 65px;}
.agenda-rgt .agenda-list ul li { flex: 0 1 48.5%;}

.agenda-lft { flex: 0 1 35%;}
.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: 40px;}
.agenda-filter-lst ul li { flex: 0 1 100%;position: relative;}
.agenda-filter-lst ul li .nice-select { width: 100%;  border: 2px solid rgba(25, 63, 34, 0.20); border-radius: 25px; height: 50px; padding: 12px 30px; font-size: 16px; line-height: 24px; letter-spacing: 0.23px; color: #004379; display: flex;align-items: center;}
.agenda-filter-lst ul li .nice-select::after { border-bottom: 2px solid #0D413B !important;border-right: 2px solid #0D413B !important; right: 25px;}
.agenda-filter-lst ul li .nice-select.open .list { width: 100%; row-gap: 0;float: left;}
.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: 8px 30px;text-align: left;}
.agenda-filter-lst ul li .nice-select .option.selected.focus { font-weight: normal;}
.agenda-filter-lst ul li .nice-select .option:hover { color: #fff; background: #74AF27;}
.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: 15px;column-gap: 3%;}
.agenda-filter-lst .agenda-btn-cnt ul li { flex: 0 1 auto;}
.agenda-filter-lst .agenda-btn-cnt ul li a { font-size: 16px; letter-spacing: 0.3px; color: #ffffff; background:#004379; border-radius: 24px; font-family: "Inter-Regular"; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; height: 47px; text-transform: uppercase;cursor: pointer;transition: all 0.5s ease;}
.agenda-filter-lst .agenda-btn-cnt ul li a:hover { background: #74AF27; color: #fff}
.calendar-sec { float: left; width: 100%; border: 2px solid rgba(25, 63, 34, 0.20); padding: 20px; border-radius: 5px; margin-bottom: 40px;}

.filter-srch-bx { float: left; width: 100%; position: relative;}
.filter-srch-bx input[type="text"] { float: left; width: 100%; border: 2px solid rgba(25, 63, 34, 0.20); border-radius: 50px; padding: 15px 45px 15px 20px; font-family: 'Inter-Regular'; height: 50px; font-size: 16px; letter-spacing: 0.23px; color: #848484;}
.filter-srch-bx button.srch-btn { display: inline-flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 5px; top: 4px; cursor: pointer; width: 42px; height: 42px; border: none; float: left; background: #0D413B; border-radius: 50px; transition: all .5s ease;}
.filter-srch-bx button.srch-btn:hover { background: #74AF27;}
.filter-srch-bx input[type="text"]::placeholder { color: #004379; opacity: 1;}
.filter-srch-bx input[type="text"]::placeholder { color: #004379;}
.filter-srch-bx input[type="text"]:-ms-input-placeholder { color: #004379;}
.filter-srch-bx input[type="text"]::-ms-input-placeholder { color: #004379;}

.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%;}
.agenda-rgt .pagination { justify-content: left;}

/*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: #004379 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: #74AF27 url("../images/filter-white-close.svg") no-repeat center center;}
.mobile-filter { float: left; width: 100%;}


/*folleto*/
.folleto-sec { float: left; width: 100%; margin: 80px 0;}
.folleto-sec h1 { color: #004379; font-size: 80px; line-height: 1.1; font-family: 'Inter-ExtraBold'; margin-bottom: 60px; }
.folleto-sec p { font-size: 22px; color: #333333; letter-spacing: 0.17px; line-height: 1.5; margin-bottom: 15px;}
.folleto-sec p:last-child { margin-bottom: 0;}
.folleto-lft { flex: 0 1 40%; border: 1px solid #CBCBCB; padding: 0px 40px; position: relative;}
.folleto-lft img { width: 100%;}
.folleto-lft .wish-grn { background: #74AF27; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50px; position: absolute; top: 30px; left: 70px;}
.folleto-lft .wish-grn img { width: auto;}

.folleto-rht { flex: 0 1 55%;}
.folleto-rht ul { display: flex; flex-wrap: wrap; row-gap: 40px;}
.folleto-rht ul li { flex: 0 1 100%;}
.folleto-rht ul li h3 { color: #74AF27; font-size: 25px; line-height: 1.2; margin-bottom: 5px; font-family: 'Inter-Bold';}
.folleto-rht ul li p { color: #333333; font-size: 16px; letter-spacing: 0.4px; line-height: 1.6; margin: 0;}
.folleto-rht ul li a { text-decoration: underline; color: #004379; font-family: 'Inter-Bold'; transition: all 0.4s ease;}
.folleto-rht ul li a:hover { color: #74AF27;}
.folleto-rht ul li ul li { flex: 0 1 auto; position: relative; margin-right: 10px; padding-right: 15px;}
.folleto-rht ul li ul li::after { position: absolute; display: block; content: "/"; color: #004379; font-size: 16px; top: 0; right: 0;}
.folleto-rht ul li ul li:last-child { margin-right: 0; padding-right: 0;}
.folleto-rht ul li ul li:last-child::after { display: none;}
.folleto-sec .share-lnks { margin-top: 80px;}

.contact-form-sec.folleto-form .contact-form .form-box button { width: auto; padding: 0 30px;}
.contact-form-sec.folleto-form .nice-select { background: #ffffff; border-bottom: 2px solid #74AF27; border-radius: 0; color: #004379; height: 54px; padding: 0 25px; line-height: 54px; font-size: 16px; font-family: 'Inter-SemiBold';}
.contact-form-sec.folleto-form .nice-select::after { right: 25px;}
.contact-form-sec.folleto-form .nice-select ul.list { width: 100%;}
.contact-form-sec.folleto-form .nice-select .option { width: 100%; text-align: left; font-family: 'Inter-Regular'; font-size: 15px; line-height: 34px;}
.contact-form-sec.folleto-form .nice-select .option.selected.focus { font-weight: normal;}
.contact-form-sec.folleto-form .contact-lft { margin-top: 40px;}
.contact-form-sec.folleto-form .contact-lft h2 {  font-size: 40px; line-height: 1.1; color: #74AF27;}
.contact-form-sec.folleto-form .contact-lft p { color: rgba(51,51,51,0.8); font-size: 18px; letter-spacing: 0.45px; }

.folleto-tab { float: left; width: 100%; margin: 50px 0 0 0;}
.folleto-list { float: left; width: 100%; margin: 0px 0 40px;}
.folleto-list ul { display: flex; flex-wrap: wrap; column-gap: 10px;}
.folleto-list ul li { flex: 0 1 auto;}
.folleto-list ul li a { font-size: 14px; color: #004379; height: 38px; padding: 0 20px; line-height: 36px; display: inline-block; border-radius: 25px; font-family: 'Inter-SemiBold'; letter-spacing: 0.8px; text-transform: uppercase; border: 2px solid rgba(31,47,87,0.3);} 
.folleto-list ul li a:hover { background: #74AF27; color: #ffffff; border-color: #74AF27;}
.folleto-list ul li a.active { background: #74AF27; color: #ffffff; border-color: #74AF27; }

.resultados-sec { float: left; width: 100%; margin-bottom: 20px; padding: 0 18px;}
.folleto-tab .resultados-sec p { font-size: 14px; color: #242424; letter-spacing: 0.3px;}
.resultados-grid { float: left; width: 100%;}
.resultados-grid ul { display: flex; flex-wrap: wrap; column-gap: 2%;}
.resultados-grid ul li { flex: 0 1 32%;}
.resultados-grid ul li .folleto-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.resultados-grid ul li .folleto-img img { float: left; width: 100%; transition:all .5s ease; }
.resultados-grid ul li .folleto-img .wish-grn { background: #74AF27; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50px; position: absolute; bottom: 35px; top: auto; left: 30px;}
.resultados-grid ul li .folleto-img .wish-grn img { width: auto;}
.resultados-grid ul li .folleto-txt { width: 100%; float: left; margin: 10px 0px 0px; padding: 0 15px; }
.resultados-grid ul li .folleto-txt h3 { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; margin-bottom: 12px; transition: all 0.5s ease; }
.resultados-grid ul li .folleto-txt p { font-size: 16px; line-height: 1.5; font-family: 'Inter-Regular'; color: #515151; letter-spacing: 0.12px; margin-bottom: 20px;}
.resultados-grid ul li .folleto-txt span { font-size: 16px; line-height: 1.3; font-family: 'Inter-Regular'; color: #74AF27; letter-spacing: -0.56px; margin-top: 0px; transition: all 0.5s ease; }
.resultados-grid ul li .folleto-txt span strong { font-family: 'Inter-Bold'; font-weight: normal;}
.resultados-grid ul li:hover .folleto-txt h3 { color: #74AF27; }
.resultados-grid ul li:hover .folleto-img img { transform: scale(1.03); }


/*rutas-mapa*/
.mancomunidad-cnt.rutas-map-cnt h5, .mancomunidad-cnt.rutas-map-cnt .rutas-map-subtitulo { margin-bottom: 40px;}
.recursos-list { float: left; width: 100%; }
.recursos-list h3 { font-size: 40px; color: #004379; font-family: 'Inter-Bold'; line-height: 1; margin-bottom: 50px;}
.recursos-list ul { display: flex; flex-wrap: wrap; column-gap: 6%;}
.recursos-list ul li { flex: 0 1 32%;}
.recursos-list ul li .recursos-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative; background: #74AF27; height: 460px; display: flex; align-items: center; justify-content: center; }
.recursos-list ul li .recursos-img img { width: auto; max-height: 200px; transition:all .5s ease; }
.recursos-list ul li:first-child .recursos-img { background: #004379;}
.recursos-list ul li .recursos-txt { width: 100%; float: left; padding: 20px 0px 0px; margin: 0px; }
.recursos-list ul li .recursos-title { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 0 0 0;}
.recursos-list ul li .recursos-title h4 { font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; color: #004379; letter-spacing: -0.45px; margin-bottom: 12px; transition: all 0.5s ease; max-width: 82%;}
.recursos-list ul li .recursos-txt p { font-size: 16px; line-height: 1.5; font-family: 'Inter-Regular'; color: #515151; letter-spacing: 0.12px; margin-bottom: 0px;}
.recursos-list ul li:hover .recursos-title h4 { color: #74AF27; }
.mancomunidad-cnt.rutas-map-cnt p:last-child { margin-bottom: 40px;}


/*Oficinas*/
.oficinas-sec { float: left; width: 100%; margin-top: 80px;}
.oficinas-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px;}
.oficinas-sec ul li { flex: 0 1 32%; border-radius: 10px; background: #F2F3F5; padding: 40px; min-height: 430px; display: flex; flex-wrap: wrap;}

.oficinas-info { float: left; width: 100%;}
.oficinas-info h3 { color: #74AF27; font-size: 40px; line-height: 1; font-family: 'Inter-Bold'; margin-bottom: 15px;}
.oficinas-info ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.oficinas-info ul li { padding: 0; flex: 0 1 100%; color: #004379; font-size: 16px; line-height: 1.4; min-height: auto; }
.oficinas-info ul li a { color: #004379; transition: all 0.4s ease;}
.oficinas-info ul li a:hover { color: #74AF27;}

/* .oficinas-info ul li ul { row-gap: 10px;}
.oficinas-info ul li ul li { padding: 0; flex: 0 1 100%; color: #004379; font-size: 16px; line-height: 1.2;}
.oficinas-info ul li ul li a { color: #004379;} */

.oficinas-sec ul li .hours { float: left; width: 100%; display: flex; align-items: flex-end;}
.oficinas-sec ul li .hours ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.oficinas-sec ul li .hours ul li { flex: 0 1 100%; padding: 0; min-height: auto; }
.oficinas-sec ul li .hours ul li .label { white-space: inherit; display: flex; flex-wrap: wrap; column-gap: 6px; align-items: flex-start; margin-bottom: 4px; position: relative; transform: none; }
.oficinas-sec ul li .hours ul li .label img { margin-top: 2px;}
.oficinas-sec ul li .hours ul li .label p { font-size: 16px; color: #004379; font-family: 'Inter-SemiBold'; flex: calc(100% - 30px); line-height: 1.2;}
.oficinas-sec ul li .time { float: left; width: 100%;}
.oficinas-sec ul li .time p { font-size: 16px; color: #004379;}


/* descubre page */ 
.descurbe-main-sec { float: left; width: 100%; padding: 55px 0px 100px; }
.main-title { float: left; width: 100%; padding: 0px 0px; }
.main-title h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; }
.descurbe-slide { float: left; width: 100%; margin-top: 50px; }
.descurbe-slide .swiper-slide a { float: left; width: 100%; position: relative; }
.descurbe-slide .swiper-slide .img-div { float: left; width: 100%; overflow: hidden; } 
.descurbe-slide .swiper-slide .img-div img { float: left; width: 100%; transition:all .5s ease; }
.descurbe-slide .swiper-slide .descurbe-txt { position: absolute; left: 0px; bottom: 30px; width: 100%; text-align: center; padding: 0px 25px; }
.descurbe-slide .swiper-slide .descurbe-txt h3, .descurbe-slide .swiper-slide .descurbe-txt p { color: #fff; font-size: 40px; line-height: 1; font-family: 'Inter-Bold'; }
.descurbe-slide .swiper-slide:hover .img-div img { transform: scale(1.03); }

.descurbe-slide .swiper-nav-desc { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; display: none; }
.descurbe-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.descurbe-slide .swiper-pagination-bullet { background-color: #678eab; border: none; width: 12px; height: 12px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.descurbe-slide .swiper-pagination-bullet-active, .descurbe-slide .swiper-pagination-bullet:hover { background-color: #004379; }
.descurbe-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.descurbe-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.descurbe-slide .swiper-button-prev-desc{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.descurbe-slide .swiper-button-next-desc{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.descurbe-slide .swiper-button-prev-desc:hover, .descurbe-slide .swiper-button-next-desc:hover{opacity: 0.7; } 

.descubre-main-sec { float: left; width: 100%; padding: 80px 0px; background: rgba(0, 67 , 121, 0.06);}
.mapas-descubre-main { float: left; width: 100%; padding: 0px 0px; margin-bottom: 75px; display: flex; flex-wrap: wrap; }
.mapas-descubre-lft { flex: 0 1 45%; padding-top: 20px; }
.mapas-descubre-lft h2 { color: #004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: -1.5px; margin-bottom: 25px; }
.mapas-descubre-lft p { color: rgba(51,51,51,0.8); font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 25px; }
ul.descubre-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; }
ul.descubre-btns li { flex: 0 1 100%; }
ul.descubre-btns li a.descubre-btn { width: auto; padding: 5px 20px; height: 44px; color: #1F2F57; font-family: 'Inter-Medium'; letter-spacing: 1.07px;}
ul.descubre-btns li a.descubre-btn:hover { color: #fff; }
.mapas-descubre-rgt { flex: 0 1 55%; }
.mapas-descubre-rgt img { float: left; width: 100%; }

.hm-descubre-cont .row { width: 1450px; max-width: 1450px; }

.descubre-cta-sec { float: left; width: 100%; position: relative;}
.descubre-cta-sec img { float: left; width: 100%; height: 510px; object-fit: cover;}
.descubre-cta-out{ float: left; width: 100%; position: absolute; padding: 0px 0px; top:50%; transform: translateY(-50%); }
.descubre-cont { float: left; width: 100%; padding: 0px 0px 0px 0px; }
.descubre-cont-in { width: 800px; background: #fff; padding: 40px 120px 40px 80px; }
.descubre-cont-in h2 { color: #74AF27; font-size: 60px; line-height: 1; font-family: 'Inter-Bold'; margin-bottom: 22px; }
.descubre-cont-in p { color: #004379; font-size: 25px; line-height: 1.4; font-family: 'Inter-Regular'; margin-bottom: 55px; }
a.des-cta-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(31, 47 , 87, 0.28); height: 47px; width: 255px; border-radius: 24px; padding: 5px 15px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-Medium'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.des-cta-btn:hover { background: rgba(31, 47 , 87, 1); color: #fff; }

/* distribuidora-3columnes page */
.distribuidora-main-sec { float: left; width: 100%; padding: 55px 0px 110px; }
.distribuidora-cont { float: left; width: 100%; padding: 0px 0px; }
.distribuidora-cont h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 30px; }
.distribuidora-cont p { color: rgba(51,51,51,0.8); font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 40px; }

.nuestra-sec { float: left; width: 100%;}
.nuestra-sec h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 50px; padding: 0 50px;}

.distrib-three-lst { float: left; width: 100%; }
.distrib-three-lst ul { width: 100%; display: grid; grid-gap: 15px; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
grid-auto-rows: auto; grid-auto-flow: dense;}
.distrib-three-lst ul li.tall { grid-row: span 2;}
.distrib-three-lst ul li.wide { grid-column: span 2;}
.distrib-three-lst ul li a { float: left; width: 100%; height: 100%; position: relative;}
.distrib-three-lst ul li .img-div { float: left; width: 100%; height: 100%; overflow: hidden;}
.distrib-three-lst ul li .img-div img { float: left; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease; }
.distrib-three-lst ul li .distrib-txt { position: absolute; left: 0px; bottom: 30px; width: 100%; padding: 0px 30px; }
.distrib-three-lst ul li .distrib-txt h3, .distrib-three-lst ul li .distrib-txt p { color: #fff; font-size: 40px; line-height: 1; font-family: 'Inter-Bold'; }
.distrib-three-lst ul li:hover .img-div img { transform: scale(1.02);}

.distribuidora-video-sec { float: left; width: 100%; padding: 0px 0px 140px; position:relative; }
.distribuidora-video-sec::before { content: ""; position: absolute; left: 0px; top:45px; width: 100%; height: 350px; background: #74AF27; }
.distrib-video-cont { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; position: relative;}
.distrib-video-lft { flex: 0 1 40%; position: relative; }
.distrib-video-lft img { float: left; width: 100%; }
.distrib-video-div { position: absolute; left: 35px; bottom: 30px; }
.distrib-video-div a { height: 47px; width: 190px; border: 2px solid rgba(255, 255, 255, 0.30); border-radius: 25px; display: flex; align-items: center; justify-content: center; font-family: 'Inter-Regular'; font-size: 16px; line-height: 1px; letter-spacing: 1.07px; color: #fff; text-transform: uppercase; transition: all 0.5s ease;}
.distrib-video-div a img { float: left; width: 23px; margin-right: 12px;}
.distrib-video-div a:hover { opacity: 0.7;}

.distrib-video-rgt { flex: 0 1 60%; }
.distrib-cnt-in { float: left; width: 725px; height: 370px; padding: 45px 45px; background: #fff; }
.distrib-cnt-in h2 { color: #004379; font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 20px; }
.distrib-cnt-in p { color: rgba(51,51,51,0.8); font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 45px; }

/* municipis main */
.municipis-main-sec { float: left; width: 100%; position: relative; }
.municipis-main-sec > img { float: left; width: 100%; height: 800px; object-fit: cover; }
.municipis-main-cont { float: left; width: 100%; position: absolute; top:50px; left: 0px; } 
.municip-cont-out { width: 100%; display: flex; flex-wrap: wrap; padding: 0px 90px; align-items: center; }
.municip-lft-cont { flex: 0 1 55%; }
.municip-lft-cont img { float: left; width: 100%; }
.municip-rgt-cont { flex: 0 1 45%; }
.municip-rgt-cont h2 { color: #1F2F57; font-size: 40px; line-height: 1.3; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 20px; }
.municip-rgt-cont p { color: rgba(31,47,87,0.8); font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; }
.municipis-lst-sec { float: left; width: 100%; padding-bottom: 150px; }
.municip-main-lst { float: left; width: 100%; margin-top: -195px; }
.municip-main-lst ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px; }
.municip-main-lst ul li { flex: 0 1 32.6666%; }
.municip-main-lst ul li a { float: left; width: 100%; height: 100%; position: relative; }
.municip-main-lst ul li .img-div { float: left; width: 100%; height: 100%; overflow: hidden; } 
.municip-main-lst ul li .img-div img { float: left; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease; }
.municip-main-lst ul li .municip-txt { position: absolute; left: 0px; bottom: 30px; width: 100%; text-align: center; padding: 0px 25px; }
.municip-main-lst ul li .municip-txt h3, .municip-main-lst ul li .municip-txt .municip-titulo { color: #fff; font-size: 40px; line-height: 1; font-family: 'Inter-Bold'; }
.municip-main-lst ul li:hover .img-div img { transform: scale(1.02); }

/* naturaleza page */
.naturaleza-lst { float: left; width: 100%; }
.naturaleza-lst ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 90px; }
.naturaleza-lst ul li { flex: 0 1 31.3333%; }
.naturaleza-lst ul li a { float: left; width: 100%; position: relative; }
.naturaleza-lst ul li .img-div { float: left; width: 100%; overflow: hidden; } 
.naturaleza-lst ul li .img-div img { float: left; width: 100%; transition:all .5s ease; }
.naturaleza-lst ul li .natural-txt { float: left; width: 100%; padding: 25px 0px 0px; position: relative; }
.naturaleza-lst ul li .natural-txt span.arrw { position: absolute; right: 0px; top:22px; }
.naturaleza-lst ul li .natural-txt h3 { width: calc(100% - 60px); min-height: 80px; color: #004379; font-size: 40px; line-height: 1; font-family: 'Inter-Bold'; margin-bottom: 15px; transition:all .5s ease; }
.naturaleza-lst ul li .natural-txt p { color: rgba(51,51,51,0.8); font-size: 22px; line-height: 1.4; font-family: 'Inter-Regular'; }
.naturaleza-lst ul li:hover .img-div img { transform: scale(1.02); }
.naturaleza-lst ul li:hover .natural-txt h3 { color: #74AF27; }
.naturaleza-lst ul li:hover span.arrw img { filter: brightness(0) saturate(100%) invert(58%) sepia(47%) saturate(500%) hue-rotate(60deg);}

.hm-video-sec { float:left; width:100%; padding: 0px 0px; position: relative;} 
.home-video-div { float:left; width: 100%; z-index: 1; position: relative;}
.video-sec { float: left; width: 100%;}
.videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.videoWrapper43 { padding-top: 75%;}
.videoWrapper169 { padding-top: 50%;} 
.videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.videoPoster::before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: rgba(17,17,17,0.25);}
.videoPoster:after { content: '';position: absolute; top: 50%; left: 0; width: 130px; right: 0; margin: 0 auto; height: 130px; background:url(../images/play-button.svg) no-repeat scroll center center; transform: translateY(-50%); }
.videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

/* razones page */
.page-title-sec { float:left; width:100%; padding: 40px 0px; }
.page-title-div { float:left; width:100%; }
.page-title-div h1, .page-title-div h2 { color: #004379; font-size: 80px; line-height: 1.2; font-family: 'Inter-ExtraBold'; letter-spacing: -2px; margin-bottom: 20px; }
.page-title-div p { color: #333; font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; }
a.page-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(0, 67 , 121, 0.28); height: 40px; width: auto; border-radius: 24px; padding: 5px 18px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-Medium'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.page-btn:hover { background: rgba(0, 67 , 121, 1); color: #fff; }

.razones-sec { float:left; width:100%; }
.razone-div { float:left; width:100%; position: relative; margin-bottom: 30px;}
.razone-div img { float:left; width:100%; height: 615px; object-fit: cover; }
.razone-cont { position: absolute; width: 100%; left: 0px; top:50px; }
.razone-cont-in { float: left; width: 550px; background: rgba(255, 255, 255, 0.9); padding: 50px 50px; }
.razone-cont-in h2 { color: #74AF27; font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 15px; }
.razone-cont-in p { color: #004379; font-size: 18px; line-height: 1.4; font-family: 'Inter-Regular'; letter-spacing: 0.22px; margin-bottom: 25px; }
.razone-cont-in a.vermas-btn { display: inline-flex; border-radius: 24px; width: 150px; height: 44px; align-items: center; justify-content: center; padding: 0px 10px; border: 2px solid rgba(0, 67 , 121, 0.3); 
color: #004379; font-size: 16px; font-family: 'Inter-SemiBold'; letter-spacing: 1.07px; text-transform: uppercase; transition: all .5s ease;}
.razone-cont-in a.vermas-btn:hover { border: 2px solid rgba(0, 67 , 121, 1); background: rgba(0, 67 , 121, 1); color: #fff; }
.razones-sec .razone-div:nth-child(2n) .razone-cont-in { float: right; }

.razones-list-sec { float:left; width:100%; }
ul.razones-list { width:100%; display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(750px, 1fr));
grid-auto-rows: auto; grid-auto-flow: dense; }
ul.razones-list li { position: relative; }
ul.razones-list li img { float: left; width: 100%; height: 615px; object-fit: cover; }
ul.razones-list li .razone-cont { top:0px; height: 100%; display: flex; align-items: center; justify-content: center; }
ul.razones-list li .razone-cont-in { width: 535px; height: 385px; display: flex; flex-direction: column; }
ul.razones-list li .razone-cont-in p { flex: 1;}

/* fitxa-municipis page */
.fitxa-municip-sec { float:left; width:100%; padding: 75px 0px 100px; background: #74AF27; }
ul.fitxa-municip-menu { float:left; width:100%; display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 10px;}
ul.fitxa-municip-menu li { flex: 0 1 auto; }
ul.fitxa-municip-menu li a { display: inline-flex; height: 44px; align-items: center; padding: 0px 30px; border: 2px solid rgba(0, 67 , 121, 0.3); border-radius: 24px; 
color:#004379; font-size: 16px; font-family: 'Inter-SemiBold'; letter-spacing: 1.07px; transition:all .5s ease; }
ul.fitxa-municip-menu li a:hover { border: 2px solid rgba(0, 67 , 121, 1); background: #004379; color: #fff; }
.fitxa-municip-cont { float:left; width:100%; margin-top: 50px;}
.fitxa-municip-out { width: 100%; display: flex; flex-wrap: wrap; padding: 0px 40px; align-items: center; }
.fitxa-municip-lft { flex: 0 1 55%; }
.fitxa-municip-lft img { float: left; width: 100%; }
.fitxa-municip-rgt { flex: 0 1 45%; }
.fitxa-municip-rgt h2 { color: #1F2F57; font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 18px; }
.fitxa-municip-rgt p { color: #1F2F57; font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; }   
.fitxa-area-out { float:left; width:100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 60px; }
.fitxa-area-lft { flex: 0 1 40%;}
.fitxa-area-rgt { flex: 0 1 60%;}
.fitxa-area-out ul { float:left; width:100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.fitxa-area-out ul li { flex: 0 1 100%; }
.fitxa-area-out ul li p { color: #1F2F57; font-size: 22px; line-height: 1.2; font-family: 'Inter-Regular'; }
.fitxa-area-out ul li h6 { color: #1F2F57; font-size: 30px; line-height: 1.2; font-family: 'Inter-Light'; }
.fitxa-area-out ul li h3, .fitxa-area-out ul li span { color: #1F2F57; font-size: 30px; line-height: 1.2; font-family: 'Inter-Bold'; }

.puntos-interes-sec { float:left; width:100%; padding: 100px 0px; background: rgba(0, 67 , 121, 0.06); }
.puntos-interes-sec .row { max-width: 1450px;}
.puntos-interes-sec h2 { color:#004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; text-align: center; margin-bottom: 60px; }
.puntos-slide { float:left; width:100%; }
.puntos-main{ float: left; width: 100%; }
.puntos-main .puntos-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative; }
.puntos-main .puntos-img img { float: left; width: 100%; transition:all .5s ease; }
.puntos-main .puntos-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.puntos-main .puntos-txt h3, .puntos-main .puntos-txt .puntos-title { font-size: 25px; line-height: 1.2; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: 0.22px; margin-bottom: 10px; transition: all 0.5s ease; }
.puntos-main .puntos-txt p { font-size: 18px; line-height: 1.5; color: rgba(31, 47, 87, 0.8); font-family: 'Inter-Regular'; letter-spacing: 0.3px; }
.puntos-main:hover .puntos-txt h3, .puntos-main:hover .puntos-txt .puntos-title { color: #74AF27; }
.puntos-main:hover .puntos-img img { transform: scale(1.03); }

.puntos-slide .swiper-nav-puntos { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
.puntos-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.puntos-slide .swiper-pagination-bullet { background-color: #678eab; border: none; width: 12px; height: 12px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.puntos-slide .swiper-pagination-bullet-active, .puntos-slide .swiper-pagination-bullet:hover { background-color: #004379; }
.puntos-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.puntos-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.puntos-slide .swiper-button-prev-puntos{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.puntos-slide .swiper-button-next-puntos{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.puntos-slide .swiper-button-prev-puntos:hover, .puntos-slide .swiper-button-next-puntos:hover{opacity: 0.7; } 

.donde-sec { float:left; width:100%; padding: 85px 0px; background: #fff; }
.donde-sec h2 { color: #004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 40px;}
ul.donde-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 40px;}
ul.donde-list li { flex: 0 1 32%; }
.donde-main{ float: left; width: 100%; }
.donde-main .donde-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.donde-main .donde-img img { float: left; width: 100%; transition:all .5s ease; }
.donde-main .donde-img span.tag { position: absolute; left: 15px; top:15px; height: 24px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'Inter-Bold';
font-size: 12px; line-height: 1; letter-spacing: 0.52px; background: rgba(0, 67 , 121, 0.74); text-transform: uppercase; transition: all .5s ease; }
.donde-main .donde-img .fav-icon { position: absolute; left: 15px; bottom: 15px; }
.donde-main .donde-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.donde-main .donde-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.donde-main .donde-txt h3, .donde-main .donde-txt .donde-titulo { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; margin-bottom: 12px; transition: all 0.5s ease; }
.donde-main .donde-txt p { font-size: 18px; line-height: 1.3; font-family: 'Inter-Regular'; color: #4B4B4B; letter-spacing: 0.44px; }
.donde-main .donde-txt p span { font-family: 'Inter-Bold'; }
.donde-main:hover .donde-txt h3, .donde-main:hover .donde-txt .donde-titulo { color: #74AF27; }
.donde-main:hover .donde-img img { transform: scale(1.03); }
.donde-main:hover .donde-img span.tag {background: #74AF27; }
.donde-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.center-btn-div { float: left; width: 100%; margin-top: 45px; display: flex; justify-content: center;}
a.vertot-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(0, 67 , 121, 0.28); height: 47px; width: 185px; border-radius: 24px; padding: 5px 15px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-Medium'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.vertot-btn:hover { background: rgba(0, 67 , 121, 1); color: #fff; }

.lt-grey-bg { background: rgba(0, 67 , 121, 0.06); }

.oficina-sec { float: left; width: 100%; padding: 100px 0px; background: #fff; }
.oficina-div { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.oficina-lft { flex: 0 1 40%; }
.oficina-img { float: left; width: 100%; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.20); }
.oficina-img img { float: left; width: 100%; }
.oficina-rgt { flex: 0 1 60%; padding-left: 110px; padding-top: 20px;}
.oficina-rgt h2 { color: #004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 25px;}
ul.address-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 30px; }
ul.address-lst li { flex: 0 1 100%; padding-left: 35px; }
ul.address-lst li p { color: #333; font-size: 22px; line-height: 1.3; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 15px;}
ul.address-lst li p label { font-family: 'Inter-ExtraLight';}
ul.address-lst li p span { display: block; font-family: 'Inter-Bold'; margin-top: 5px; }
ul.address-lst li.loc { background: url(../images/icon-ubicacio-blau.svg) no-repeat left 0px top 5px; }
ul.address-lst li.hour { background: url(../images/icon-hora-blau.svg) no-repeat left 0px top 5px; }
.hout-div-out { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px;}

ul.social-add { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; padding-left: 35px; margin-bottom: 50px;}
ul.social-add li { flex: 0 1 auto; }
ul.social-add li a { transition: all 0.5s ease; }
ul.social-add li a img { float: left; }
ul.social-add li a:hover { opacity: 0.7; }

a.gmapa-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(0, 67 , 121, 0.28); height: 44px; width: auto; border-radius: 24px; padding: 5px 35px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.gmapa-btn:hover { background: rgba(0, 67 , 121, 1); color: #fff; } 

.municip-gallery { float:left; width: 100%; }
.municip-gallery h2 { color: #004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 25px;}
.gallery-div { float: left; width: 100%; }
.gallery-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 2%; row-gap: 25px;}
.gallery-div ul li { flex: 0 1 32%; border-radius: 0px; 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(103,193,29,0.7); 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/icon-galería-zoom-blanc.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;}

.share-lnks { float: left; width: 100%; padding: 30px 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; 
row-gap: 10px; margin-top: 50px; border-top: 2px solid rgba(116, 175, 39, 0.48); }
.share-scl-lnks { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 22px; align-items: center;}
.share-scl-lnks h3, .share-scl-lnks h2 { float: left; width: auto; color: #333333; font-size: 12px; line-height: 12px; text-transform: uppercase; font-family: 'Inter-Regular'; letter-spacing: 0.4px; margin: 0px 0px !important; }
.share-scl-lnks ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 5px; }
.share-scl-lnks ul li { flex: 0 1 auto;}
.share-scl-lnks ul li a { float: left; width: 42px; height: 42px; transition:all .5s ease;}
.share-scl-lnks ul li a:hover { opacity: 0.7; }
.share-scl-lnks ul li a.ig-ico-sh { background: url("../images/icon-instagram-compartir-negre.svg") no-repeat scroll center center;}
.share-scl-lnks ul li a.fb-ico-sh { background: url("../images/icon-facebook-compartir-negre.svg") no-repeat scroll center center;}
.share-scl-lnks ul li a.tw-ico-sh { background: url("../images/icon-x-compartir-negre.svg") no-repeat scroll center center;}
.share-scl-lnks ul li a.ln-ico-sh { background: url("../images/icon-linkedin-compartir-negre.svg") no-repeat scroll center center;}
.share-scl-lnks ul li a.wh-ico-sh { background: url("../images/icon-whatsapp-compartir-negre.svg") no-repeat scroll center center;}
.share-scl-lnks ul li a.mg-ico-sh { background: url("../images/icon-mail-compartir-negre.svg") no-repeat scroll center center;}
.share-other-lnks { display: flex; flex-wrap: wrap; column-gap: 10px;}
a.print-ico { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 8px; border: 1.5px solid rgba(52, 59, 75, 0.20); color: #585858; font-size: 12px; font-family: 'Inter-Regular'; letter-spacing: 0.4px; padding: 0 20px 0 45px; background: url("../images/icon-imprimir-negre.svg") no-repeat left 20px top 12px; transition:all .5s ease; }
a.print-ico:hover {background: #004379 url("../images/icon-imprimir-white.svg") no-repeat left 20px top 12px; border: 1.5px solid #004379; color: #ffffff; }
a.mapa-link { color: #74AF27; font-size: 14px; line-height: 1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; text-decoration: underline; transition:all .5s ease; }
a.mapa-link:hover { color:#004379; }

/* fitxa-recurs page */
.recurs-cont-out { float: left; width: 100%; }
.recurs-slide { float: left; width: 100%; }
.recurs-img, .recurs-img img { float: left; width: 100%; }
.recurs-slide .swiper-nav-recurs { float: left; width: 100%; padding: 0px 35px; position: absolute; bottom: 25px; margin-top: 0px; display: flex; justify-content: right; align-items: center; z-index: 2; column-gap: 20px;}
.recurs-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.recurs-slide .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.50); border: none; width: 11px; height: 11px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.recurs-slide .swiper-pagination-bullet-active, .recurs-slide .swiper-pagination-bullet:hover { background-color: #fff; }
.recurs-slide .swiper-pagination-bullet:last-child { margin-right: 0px; }
.recurs-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.recurs-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; display: none;}
.recurs-slide .swiper-button-prev-recurs{background: url("../images/car-arrw-left.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; }
.recurs-slide .swiper-button-next-recurs{background: url("../images/car-arrw-right.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.recurs-slide .swiper-button-prev-recurs:hover, .recurs-slide .swiper-button-next-recurs:hover{opacity: 0.7; } 

.cam-ico span { background: url(../images/camera-ico.svg) no-repeat 0 0; width: 40px; height: 40px; display: block; }
.cam-ico:hover span { background: url(../images/camera-hover.svg) no-repeat 0 0; }

.recurs-cont-div { float: left; width: 100%; padding: 40px 0px 60px; }
.recurs-cont-div h2 { color: #004379; font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 20px; }
.recurs-cont-div p { color: #333; font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 40px; }
ul.recurs-info-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 30px; margin-top: 10px; }
ul.recurs-info-lst li { flex: 0 1 45%; }
ul.recurs-info-lst li h5, ul.recurs-info-lst li h3 { color: #74AF27; font-size: 22px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.17px; margin-bottom: 5px; }
ul.recurs-info-lst li p { color: #333333; font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 15px;}
ul.recurs-info-lst li p:last-child { margin-bottom: 0px; }
ul.recurs-info-lst li p a { color: #333333; transition: all .5s ease; }
ul.recurs-info-lst li p a:hover { color: #74AF27; }
.recurs-map-div { float: left; width: 100%; margin-top: 70px; }
.recurs-map-div #map { float: left; width: 100%; height: 440px;}

.eventos-rel-sec { float: left; width: 100%; padding: 85px 0px; background: rgba(0, 67 , 121, 0.06); }
.eventos-rel-div { float: left; width: 100%; position: relative; }
.eventos-rel-sec h2 { color: #004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 30px; letter-spacing: 0.45px; }
.event-rel-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%;}
.event-rel-lst li { flex: 0 1 32%; }
.event-main{ float: left; width: 100%; }
.event-main .event-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.event-main .event-img img { float: left; width: 100%; transition:all .5s ease; }
.event-main .event-img span.tag { position: absolute; left: 15px; top:15px; height: 24px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'Inter-Bold';
font-size: 12px; line-height: 1; letter-spacing: 0.52px; background: rgba(0, 67 , 121, 0.74); text-transform: uppercase; transition: all .5s ease; }
.event-main .event-img .fav-icon { position: absolute; left: 15px; bottom: 15px; }
.event-main .event-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.event-main .event-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.event-main .event-txt h3 { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; margin-bottom: 12px; transition: all 0.5s ease; }
.event-main .event-txt p { font-size: 16px; line-height: 1.5; font-family: 'Inter-Regular'; color: #515151; letter-spacing: 0.12px; }
.event-main .event-txt h5.date, .event-main .event-txt .date { font-size: 16px; line-height: 1.3; font-family: 'Inter-Bold'; color: #74AF27; letter-spacing: -0.56px; margin-top: 15px; display: block; transition: all 0.5s ease; }
.event-main:hover .event-txt h3 { color: #74AF27; }
.event-main:hover .event-img img { transform: scale(1.03);}
.event-main:hover .event-img span.tag {background: #74AF27; }
.event-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.abs-btn-div { position: absolute; top:15px; right: 0px; }

/* paque-nacional page */
.parque-cont-sec { float: left; width: 100%; padding: 50px 0px 100px; background: #fff; }
.parque-cont-div { float: left; width: 100%; }
.parque-cont-div h2 { color:#004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 30px; }
.parque-cont-div p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; }
.parque-cont-div p strong { font-family: 'Inter-SemiBold'; }
.parque-cont-div p span.grn-txt { color: #74AF27; }
.parque-cont-div p i { font-family: 'Inter-SemiBold'; }
.parque-cont-out { float: left; width: 100%; margin-top: 35px; display: flex; flex-wrap: wrap; }
.parq-cont-lft { flex: 0 1 44%; padding-right: 70px; }
.parq-cont-rgt { flex: 0 1 56%; }
.parq-cont-rgt .img-div { float: left; width: 90%; position: relative; }
.parq-cont-rgt .img-div img { float: left; width: 100%; }
.parq-cont-rgt .img-div img.abs-img { width: 500px; position: absolute; right: -100px; bottom: -90%; }
.parq-secodary-para { float: left; width: 100%; margin-top: 50px; padding-right: 510px; }

.parque-two-div { float: left; width: 100%; margin: 120px 0px 60px; display: flex; flex-wrap: wrap; }
.parq-two-lft { flex: 0 1 32%; }
.parq-two-lft img { float: left; width: 100%; }
.parq-two-rgt { flex: 0 1 68%; padding-left: 75px; padding-top: 20px; }
.parq-two-rgt p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; margin-bottom: 30px; }
.parq-two-rgt p strong { font-family: 'Inter-SemiBold'; }
.parq-two-rgt p:last-child { margin-bottom: 0px; }

ul.parque-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 35px; }
ul.parque-list li { flex: 0 1 23.5%; }
ul.parque-list li a { float: left; width: 100%; }
ul.parque-list li .parque-lst-txt { float: left; width: 100%; height: 160px; border: 2px solid #74AF27; border-radius: 20px; padding: 30px; transition: all .5s ease; }
ul.parque-list li .parque-lst-txt h5, ul.parque-list li .parque-lst-txt p { color: #333333; font-size: 30px; line-height: 1.2; font-family: 'Inter-Medium'; letter-spacing: 0.3px; }
ul.parque-list li:hover .parque-lst-txt { background: #e4ebf1; border-color: #e4ebf1; }

.consulta-mapa-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.consulta-mapa-lft { flex: 0 1 50%; }
.consulta-mapa-lft img { float: left; width: 100%; height: 450px; object-fit: cover; }
.consulta-mapa-rgt { flex: 0 1 50%; background: #004379; padding-left: 75px; padding-right: calc((100% - 1180px) / 2); display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.consulta-mapa-rgt h2 { color: #fff; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 45px; }
.consulta-mapa-rgt h2 span { color: #67C11D; }

a.mapa-btn { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255 , 255, 0.28); height: 47px; width: 255px; border-radius: 24px; padding: 5px 28px; color:#fff; font-size: 16px; line-height: 1; font-family: 'Inter-Medium'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
a.mapa-btn:hover { background: rgba(255, 255 , 255, 1); color: #004379; }

/* reserva-biosfera page */
.reserva-cont-sec { float: left; width: 100%; padding: 50px 0px 85px; background: #fff; }
.reserva-menu-div { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 60px; }
ul.reserva-menu { display: flex; flex-wrap: wrap; column-gap: 22px; }
ul.reserva-menu li { flex: 0 1 auto; }
ul.reserva-menu li a { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(0, 67 , 121, 0.30); height: 44px; width: auto; border-radius: 24px; padding: 5px 30px; color:#004379; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
ul.reserva-menu li a:hover { background: rgba(0, 67 , 121, 1); color: #fff; } 
.reserva-logo img { float: left;}

.reserva-title-div { float: left; width: 100%; padding-right: 30px; }
.reserva-title-div h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 25px; }
.reserva-title-div p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; }

.reserva-cont-div { float: left; width: 100%; margin: 50px 0px 95px; padding: 50px 0px 15px; display: flex; flex-wrap: wrap; position: relative;}
.reserva-cont-div::after { content: ""; position: absolute; top:0px; right: 0px; width: 30%; height: 100%; background:#74AF27; }
.reserva-cont-lft { flex: 0 1 43%; padding-left: calc((100% - 1080px) / 2); }
.reserva-cont-lft h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 20px; }
.reserva-cont-lft h5, .reserva-cont-lft h3 { color: #004379; font-size: 25px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.22px; margin-bottom: 20px; }
.reserva-cont-lft p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; margin-bottom: 35px; }
.reserva-cont-rgt { flex: 0 1 57%; position: relative; padding-left: 140px; position: relative; z-index: 1;}
.reserva-cont-rgt img { width: 600px;}
 
.reserv-two-div { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.reserv-two-lft { flex: 0 1 37%; }
.reserv-two-lft img { float: left; width: 100%; }
.reserv-two-rgt { flex: 0 1 63%; padding: 0px 85px; }
.reserv-two-rgt h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 20px; }
.reserv-two-rgt h5, .reserv-two-rgt h3 { color: #004379; font-size: 25px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.22px; margin-bottom: 20px; }
.reserv-two-rgt p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; }

.objetivos-sec { float: left; width: 100%; padding: 85px 0px; background: rgba(0, 67 , 121, 0.2); }
.objetivos-sec .redes-title-div { margin-bottom: 25px;}
.objetivos-list { float: left; width: 100%; }
.objetivos-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; }
.objetivos-list ul li { flex: 0 1 100%; }
.objetivos-list ul li .objetiv-txt { float: left; width: 100%; padding: 25px 55px; background: #fff; }
.objetivos-list ul li .objetiv-txt h5, .objetivos-list ul li .objetiv-txt h3 { color: #74AF27; font-size: 25px; line-height: 1.4; font-family: 'Inter-Bold'; letter-spacing: 0.22px; margin-bottom: 15px; }
.objetivos-list ul li .objetiv-txt p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; }

.redes-sec { float: left; width: 100%; padding: 65px 0px 125px; background: #fff; }
.redes-sec .row { max-width: 1450px;}
.redes-title-div { float: left; width: 100%; padding-right: 100px; margin-bottom: 55px; }
.redes-title-div h2 { color: #004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 20px; }
.redes-title-div h5, .redes-title-div h3, .redes-title-div .reserva-subtitulo { color: #004379; font-size: 25px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.22px; margin-bottom: 30px; }
.redes-title-div p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.17px; }

.redes-list { float: left; width: 100%; }
.redes-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 35px; }
.redes-list ul li { flex: 0 1 23.5%; }
.redes-list ul li a { float: left; width: 100%; padding: 22px 22px 35px; background: rgba(116, 175, 39, 0.20);}
.redes-list ul li .redes-img { float: left; width: 100%; overflow: hidden; margin-bottom: 10px;}
.redes-list ul li .redes-img img { float: left; width: 100%; transition: all .5s ease; }
.redes-list ul li .redes-txt { float: left; width: 100%; height: 80px; padding: 0px 20px 0px 0px; display: flex; align-items: flex-end; }
.redes-list ul li .redes-txt h5, .redes-list ul li .redes-txt p { color: #004379; font-size: 25px; line-height: 1.4; font-family: 'Inter-Bold'; letter-spacing: 0.22px; transition: all .5s ease; }
.redes-list ul li:hover .redes-img img { transform: scale(1.02);}
.redes-list ul li:hover .redes-txt h5, .redes-list ul li:hover .redes-txt p { color: #67C11D; }

/* fitxa-ruta page */
.fitxa-gal-sec { float: left; width: 100%; padding: 85px 0px; }
.fitxa-ruta-map { float: left; width: 100%; }
.fitxa-ruta-map #map { float: left; width: 100%; height: 700px;}

.rutas-rel-sec .event-main .event-txt h6.kilometer { display: flex; align-items: center; color: #4B4B4B; font-size: 18px; line-height: 1.6; font-family: 'Inter-Regular'; letter-spacing: 0.44px; }
.rutas-rel-sec .event-main .event-txt h6.kilometer span { font-family: 'Inter-Bold'; }
.rutas-rel-sec .event-main .event-txt h6.kilometer img { float: left; margin-right: 15px;}

.puntos-ruta-sec { float:left; width:100%; padding: 85px 0px; background: rgba(0, 67 , 121, 0.06); }
.puntos-ruta-sec h2 { color:#004379; font-size: 60px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 30px; }
ul.puntos-ruta-lst { float:left; width:100%; display: flex; flex-wrap: wrap; column-gap: 2%; }
ul.puntos-ruta-lst li { flex: 0 1 32%;}
.puntos-main .puntos-img .fav-icon { position: absolute; left: 15px; bottom: 15px; }
.puntos-main .puntos-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.puntos-main:hover .puntos-img .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.datos-ruta-sec { float:left; width:100%; padding: 50px 0px; background: rgba(116, 175, 39, 0.06); margin-bottom: 2px;}
.datos-ruta-sec h2 { color:#004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 60px; }
ul.datos-ruta-lst { float:left; width:100%; display: flex; flex-wrap: wrap; column-gap: 2%; }
ul.datos-ruta-lst li { flex: 0 1 18.4%; }
ul.datos-ruta-lst li .datos-ico { float:left; width:100%; display: flex; flex-wrap: wrap; height: 70px; align-items: center; justify-content: center; }
ul.datos-ruta-lst li .datos-txt { float:left; width:100%; text-align: center; margin-top: 25px; }
ul.datos-ruta-lst li .datos-txt h3 { color:#004379; font-size: 24px; line-height: 1.2; font-family: 'Inter-Medium'; }

.recorrido-sec { float:left; width:100%; padding: 60px 0px 100px; background: #fff; }
.recorrido-out { float:left; width:100%; display: flex; flex-wrap: wrap; align-items: flex-end;}
.recorrido-lft { flex: 0 1 50%; padding-right: 75px;}
.recorrido-lft h2 { color:#004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 10px; }
.recorrido-lft p { font-size: 18px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.22px; margin-bottom: 30px; }
ul.recorrido-lst { float:left; width:100%; display: flex; flex-wrap: wrap; row-gap: 30px; margin-left: 15px; padding: 10px 0px; border-left: 1px dashed #979797;}
ul.recorrido-lst li { flex: 0 1 100%; padding-left: 20px; position: relative; color: #004379; font-size: 24px; line-height: 1; font-family: 'Inter-Medium'; letter-spacing: 0.3px; }
ul.recorrido-lst li::before { content: ""; position: absolute; left: -6px; top:7px; width: 11px; height: 11px; background: #74AF27; border-radius: 20px; }
.recorrido-rgt { flex: 0 1 50%; }
.recorrido-rgt img { float: left; width: auto; }

.ruta-main-sec { float:left; width:100%; padding: 90px 0px 120px; background: #004379; }
.ruta-main-cont { float:left; width:100%; display: flex; flex-wrap: wrap;}
.ruta-main-lft { flex: 0 1 40%; }
.ruta-main-lft img { float: left; width: auto; }
.ruta-main-rgt { flex: 0 1 60%; }
.ruta-main-rgt h2 { color:#fff; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 25px; }
.ruta-main-rgt p { font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; color: #fff; letter-spacing: 0.17px; margin-bottom: 40px; }
.ruta-btns { float:left; width:100%; }
.ruta-btns ul { float:left; width:100%; display: flex; flex-wrap: wrap; column-gap: 5px; }
.ruta-btns ul li { flex: 0 1 auto; }
.ruta-btns ul li a { display: inline-flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255 , 255, 0.28); height: 44px; width: auto; border-radius: 24px; padding: 5px 35px; color:#fff; font-size: 16px; line-height: 1; font-family: 'Inter-SemiBold'; text-transform: uppercase;
letter-spacing: 1.07px; transition:all .5s ease; }
.ruta-btns ul li a:hover { background: rgba(255, 255 , 255, 1); color: #004379; }

/* senderisme-list page */
.sender-main-sec { float:left; width:100%; background: #74AF27; }
.sender-main-cont { float:left; width:100%; display: flex; flex-wrap: wrap; align-items: center; }
.sender-main-lft { flex: 0 1 600px; padding-left: 20px; }
.sender-main-lft img { float: left; width: 100%; }
.sender-main-rgt { flex: 0 1 calc(100% - 600px); padding-left: 40px; padding-right: calc((100% - 1250px) / 2); }
.sender-main-rgt h2 { color: #1F2F57; font-size: 40px; line-height: 1.1; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 35px; }
.sender-main-rgt p { color: #1F2F57; font-size: 22px; line-height: 1.5; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 15px; } 
.sender-main-rgt h5 { color: #1F2F57; font-size: 22px; line-height: 1.6; font-family: 'Inter-Regular'; }
.sender-main-rgt h5 span { display: block; font-size: 30px; font-family: 'Inter-Bold'; }
.sender-main-rgt ul.fitxa-municip-menu { column-gap: 15px; margin-bottom: 45px; }

.explora-sec { float:left; width:100%; padding: 65px 0px 85px; background: #fff; }
.explora-title { float: left; width: 100%; }
.explora-title h2 { color:#004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 20px; }
.explora-title p { font-size: 18px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.22px; }
.explora-lst-div { float: left; width: 100%; }
.explora-lst-div .center-btn-div { margin-top: 100px; }
.explora-lst-div .center-btn-div a.vertot-btn { width: 250px; }

.explora-filter { float: left; width: 100%; margin: 40px 0px 70px; }
.explora-filter ul { float: left; width: 750px; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 28px; justify-content: space-between; }
.explora-filter ul li { flex: 0 1 300px; }
.explora-filter ul li h5, .explora-filter ul li .filter-label { color: #333333; font-size: 18px; line-height: 1.2; font-family: 'Inter-Medium'; }
.filter-select { float: left; width: 100%; margin-top: 12px; }
.filter-select .nice-select { line-height: 50px; border: 2px solid #e0e0e2 !important; border-radius: 25px; padding: 0px 20px 0px 28px; color: #004379; font-size: 16px; font-family: 'Inter-Regular'; }
.filter-select .nice-select::after { right: 20px; border-bottom: 2px solid #676767; border-right: 2px solid #676767;}
.filter-select .nice-select .list { width: 100%; row-gap: 0px;}
.filter-select .nice-select .option { flex: 0 1 100%; text-align: left;}
.filter-select .nice-select .option:hover { background-color: #74AF27; }

.range-wrap {width: 100%;position: relative; margin-top: 20px; padding-left: 20px;}
.slider-area {position: relative;height: 26px;}
.track {position: absolute;top: 10px;left: 0;right: 0;height: 3px; background: #ECECEC;border-radius: 0px;}
.range-fill {position: absolute;top: 10px;height: 3px;background: #004379;border-radius: 0px;}
.range-input {position: absolute;left: 0;top: 0;width: 100%;height: 22px;margin: 0;pointer-events: none;-webkit-appearance: none;background: none;}
.range-input::-webkit-slider-thumb {-webkit-appearance: none;width: 12px;height: 12px;border-radius: 50%;background: #74AF27;border: none;cursor: pointer;
pointer-events: auto; margin-top: -6px;position: relative;z-index: 2;}
.range-input::-moz-range-thumb {width: 12px;height: 12px;border-radius: 50%;background: #74AF27;border: none;cursor: pointer;pointer-events: auto;position: relative;
z-index: 2;}
.range-input::-webkit-slider-runnable-track {height: 3px;background: transparent; }
.range-input::-moz-range-track {height: 3px;background: transparent; }
.labels {position: relative;margin-top: 10px; height: 28px; }
.label {position: absolute;transform: translateX(-50%);font-size: 16px;color: #282828;white-space: nowrap; font-family: 'Inter-Regular';}

.explora-filter .checkbox-btn {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 10px; margin-top: 20px;}
.explora-filter .checkbox-btn > div {flex: 0 1 auto;}
.explora-filter .checkbox-btn [type="checkbox"]:not(:checked) {position: absolute;left: 0; visibility: hidden;}
.explora-filter .checkbox-btn [type="checkbox"]:checked, .explora-filter .checkbox-btn [type="checkbox"]:not(:checked) { position: absolute; left: 0; visibility: hidden;}
.explora-filter .checkbox-btn [type="checkbox"]:checked + label, .explora-filter .checkbox-btn [type="checkbox"]:not(:checked) + label { position: relative; padding-left:30px; cursor: pointer; line-height: 20px; display: inline-block; color: #333333; font-family: 'Inter-Light'; letter-spacing: 0.14px; font-size: 18px; margin-right:0px; }
.explora-filter .checkbox-btn [type="checkbox"]:checked + label:before, .explora-filter .checkbox-btn [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top:0px; width: 20px; height: 20px; border: 1px solid rgba(0, 67 , 121, 0.5); background: #FFF; margin:0px 10px 0 0; border-radius: 2px;}
.explora-filter .checkbox-btn [type="checkbox"]:checked + label:after, .explora-filter .checkbox-btn [type="checkbox"]:not(:checked) + label:after {content: ''; width: 20px; height: 20px; background: #004379; border: none; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;  border-radius: 2px;}
.explora-filter .checkbox-btn [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.explora-filter .checkbox-btn [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.explora-filter .checkbox-btn [type="checkbox"]:checked + label { color: #444444; }

ul.explora-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 40px;}
ul.explora-lst li { flex: 0 1 31.3333%; }
.explora-main{ float: left; width: 100%; }
.explora-main .explora-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative;}
.explora-main .explora-img img { float: left; width: 100%; transition:all .5s ease; }
.explora-main .explora-img span.tag { position: absolute; left: 20px; top:20px; height: 30px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'Inter-Bold';
font-size: 14px; line-height: 1; letter-spacing: 1.5px; background: rgba(0, 67 , 121, 0.74); text-transform: uppercase; transition: all .5s ease; }
.explora-main .explora-img .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.explora-main .explora-img .fav-icon span { background: url(../images/icon-cor-verd-off.svg) no-repeat center center; width: 41px; height: 41px; display: block; }
.explora-main .explora-txt { width: 100%; float: left; padding: 20px 20px 0px 0px; }
.explora-main .explora-txt h3 { font-size: 25px; line-height: 1.3; font-family: 'Inter-ExtraBold'; color: #004379; letter-spacing: -0.45px; margin-bottom: 15px; transition: all 0.5s ease; }
ul.explora-lst li .explora-txt ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 8px; }
ul.explora-lst li .explora-txt ul li { flex: 0 1 49%; display: flex; align-items: center; column-gap: 12px; color: #282828; font-size: 14px; font-family: 'Inter-Regular'; }
ul.explora-lst li .explora-txt ul li span { width: 25px; }
ul.explora-lst li .explora-txt ul li span img { float: left; }

.explora-main:hover .explora-txt h3 { color: #74AF27; }
.explora-main:hover .explora-img img { transform: scale(1.03); }
.explora-main:hover .explora-img span.tag {background: #74AF27; }
.explora-main:hover .fav-icon span { background: url(../images/icon-cor-verd-on.svg) no-repeat center center; }

.consejos-cta-sec { float:left; width:100%; padding: 95px 0px; background: #fff; }
.consejos-cta-sec h2 { color:#004379; font-size: 40px; line-height: 1.2; font-family: 'Inter-Bold'; letter-spacing: 0.3px; margin-bottom: 10px; }
.consejos-cta-sec p { font-size: 18px; line-height: 1.6; font-family: 'Inter-Regular'; color: rgba(51,51,51,0.8); letter-spacing: 0.22px; }
.consejos-slide { float:left; width:100%; padding: 0px 0px; margin-top: 40px; }
.consejos-box { float: left; width: 100%; height: 200px; padding: 10px 10px; display: flex; row-gap: 10px; flex-direction: column; justify-content: center; align-items: center; background: #fff; border: 3px solid rgba(116, 175, 39, 0.6); border-radius: 30px; transition:all .5s ease; }
.consejos-box .img-div { float: left; width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.consejos-box .img-div img { float: left; width: auto; }
.consejos-box .consejos-txt { float: left; width: 100%; text-align: center; }
.consejos-box .consejos-txt h3, .consejos-box .consejos-txt .consejos-titulo { color: #004379; font-size: 22px; line-height: 1.3; font-family: 'Inter-Medium'; letter-spacing: 0.28px; transition:all .5s ease;}
.consejos-box:hover { background: #74AF27;}
.consejos-box:hover .img-div img { filter: brightness(0) invert(1);}
.consejos-box:hover .consejos-txt h3, .consejos-box:hover .consejos-txt .consejos-titulo { color: #ffffff; }

.consejos-slide .swiper-nav-cons { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; display: none; }
.consejos-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: left; justify-content: left; position: relative; right: auto; left: 0; top:inherit; }
.consejos-slide .swiper-pagination-bullet { background-color: #b2c7d8; border: none; width: 8px; height: 8px; border-radius: 25px; opacity: 1;transition:all .5s ease;}
.consejos-slide .swiper-pagination-bullet-active, .consejos-slide .swiper-pagination-bullet:hover { background-color: #74AF27; }
.consejos-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.consejos-slide .swiper-button{ width: auto; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 15px; }
.consejos-slide .swiper-button-prev-cons{background: url("../images/arrow-blanc.svg") no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; transition:all .5s ease; transform: rotateZ(180deg);}
.consejos-slide .swiper-button-next-cons{background: url("../images/arrow-blanc.svg") no-repeat 0 0;width: 32px; height: 32px; cursor: pointer; transition:all .5s ease;}
.consejos-slide .swiper-button-prev-cons:hover, .consejos-slide .swiper-button-next-cons:hover{opacity: 0.7; } 

/* donde-comer page */
.donde-comer-filter { float:left; width:100%; padding: 15px 0px 75px; }
.donde-filter-div { float:left; width:100%; }
.donde-filter-div ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: right; column-gap: 15px;} 
.donde-filter-div ul li .filter-select { margin-top: 0px; }
.donde-filter-div ul li .filter-select .nice-select { width: 300px; }
.donde-filter-div ul li .filter-select .nice-select .option { flex: 0 1 100%; text-align: left; font-size: 14px; }
.view-tab { float: left; width: auto;}
.view-tab ul.tab-list { float: right; width: auto; display: flex; align-items: center; column-gap: 10px; 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-view { background: url("../images/icon-grid-off.svg") no-repeat scroll 0 0; width: 16px; height: 16px;}
.view-tab ul.tab-list li.current span.grid-view { background: url("../images/icon-grid-on.svg") no-repeat scroll 0 0;}
.view-tab ul.tab-list li span.list-view { background: url("../images/icon-list-off.svg") no-repeat scroll 0 0; width: 16px; height: 16px;}
.view-tab ul.tab-list li.current span.list-view { background: url("../images/icon-list-on.svg") no-repeat scroll 0 0;}
.donde-comer-lst { float:left; width:100%; margin-top: 30px; }
.donde-comer-lst ul.donde-list { column-gap: 3%; row-gap: 45px; }
.donde-comer-lst ul.donde-list li { flex: 0 1 31.3333%; }
.donde-comer-lst .donde-main .donde-img span.tag { font-size: 14px; }
.donde-comer-lst .donde-main .donde-txt h3, .donde-comer-lst .donde-main .donde-txt .donde-titulo { margin-bottom: 20px; }
.donde-comer-lst .donde-main .donde-txt p { font-size: 16px; }

.donde-comer-out { float:left; width:100%; }
.donde-map-div { float:left; width:100%; }
.donde-map-div #map { height: 575px; } 

/* como llegar page */
.como-llegar-sec { float:left; width:100%; padding: 0px 0px 75px;}
.como-llegar-sec .contact-map #map { border-radius: 10px; overflow: hidden;}
.como-llegar-sec .contact-btm { width: 100%; max-width: 100%; padding: 0px 50px;}
.como-para-cont { float:left; width:100%; margin: 45px 0px; }
.como-para-cont p { color: #333333; font-size: 22px; line-height: 1.4; font-family: 'Inter-Regular'; letter-spacing: 0.17px; margin-bottom: 15px;}
.como-para-cont p:last-child { margin-bottom: 0px; }
.como-llegar-sec .contact-btm ul li .nice-select { font-size: 16px; }
.como-llegar-sec .contact-btm ul li.calculate-btn a { font-size: 16px; }

.arribar-list { float: left; width: 100%; }
.arribar-list ul { display: flex; flex-wrap: wrap; }
.arribar-list > ul > li { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #004379; padding-top: 45px; margin-bottom: 75px; }
.arribar-list ul li .arribar-img { flex: 0 1 44%; border-radius: 0px; overflow: hidden;}
.arribar-list ul li .arribar-img img { float: left; width: 100%; height: 100%; object-fit: cover;}
.arribar-list ul li .arribar-info { flex: 0 1 56%; padding:0px 35px; }
.arribar-list ul li .arribar-info h2 { font-size: 40px; line-height: 1.2; color: #004379; font-family: 'Inter-ExtraBold'; margin-bottom: 18px; letter-spacing: -0.73px;}
.arribar-list ul li .arribar-info h5 { color: #74AF27; font-size: 16px; line-height: 1.2; font-family: 'Inter-Bold'; margin-bottom: 5px; letter-spacing: 0.12px; }
.arribar-list ul li .arribar-info p { font-size: 16px; line-height: 1.5; font-family: 'Inter-Regular'; color: #515151; margin-bottom: 15px; letter-spacing: 0.12px;}

.arribar-list ul li .arribar-info ul { float: left; width: 100%; row-gap: 15px; margin-top: 10px;}
.arribar-list ul li .arribar-info ul li { padding-left: 40px; line-height: 30px; color: #515151; flex: 0 1 100%;}
.arribar-list ul li .arribar-info ul li a { font-family: 'Inter-Regular'; padding-left: 0px; text-decoration: underline; font-size: 16px; line-height: 1.4; color: #515151; transition: all 0.4s ease;} 
.arribar-list ul li .arribar-info ul li a:hover, .arribar-list ul li .arribar-info p a:hover { color: #74AF27;}
.arribar-list ul li .arribar-info ul.car li { background: url(../images/comarribar-icon-car.svg) no-repeat 0 6px;}
.arribar-list ul li .arribar-info ul.bus li { background: url(../images/comarribar-icon-bus.svg) no-repeat 0 6px; line-height: 35px; }
.arribar-list ul li .arribar-info ul.train li { background: url(../images/comarribar-icon-train.svg) no-repeat 0 5px; line-height: 32px; }
.arribar-list ul li .arribar-info ul.plane li { background: url(../images/comarribar-icon-plane.svg) no-repeat 0 4px;}
.arribar-list ul li .arribar-info ul.ship li { background: url(../images/comarribar-icon-ship.svg) no-repeat 0 5px;}
.arribar-list > ul > li:last-child { margin: 0; }

.page-title-div.no-margin h1, .page-title-div.no-margin h2 { margin-bottom: 0px;}