h1 { width: 92%; padding: 0% 4%; float: left; font-size: 1.3em; margin: 10px 0px 0px }

.botones1, .botones2, .botones3, .botones4 { float: left; list-style: none; margin-bottom: 10px }

.botones1 { display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 1fr); padding: 4%; margin: 0%; width: 92%; float: left; background: #fff }
.botones1 li { background: #C0D6FD; margin-bottom: 4%; border-radius: 12px; padding: 4% 2%; height: auto; float: left; width: 92%; min-height: 78px; position: relative }
.botones1 li a { float:left; display: block; width: 100%; text-align: center; height: 92%; position: absolute; inset: 0; padding: 4% 0% }
.botones1 li a i { border-radius: 25px; width: 50%; height: 52px; float: left; background-size: 42%; margin: 2% 25% }
.botones1 li a h2 { width: 100%; float: left; margin: 7px 0px 5px; padding: 2px 0px; text-decoration: none; color:#0153DE; font-size: 0.8em; line-height: 20px; background: #FFC329; border-radius: 0px 0px 12px 12px }
.icon-entertainment { background: url("../img/icon-entertainment.png") #fff no-repeat center}
.icon-hotels { background: url("../img/icon-hotels.png") #fff no-repeat center }
.icon-transport { background: url("../img/icon-transport.png") #fff no-repeat center }
.icon-restaurants { background: url("../img/icon-restaurants.png") #fff no-repeat center }
.icon-services { background: url("../img/icon-services.png") #fff no-repeat center }
.icon-class { background: url("../img/icon-class.png") #fff no-repeat center }
.icon-experiences { background: url("../img/icon-experiences.png") #fff no-repeat center }
.icon-parks { background: url("../img/icon-parks.png") #fff no-repeat center }
.icon-others { background: url("../img/icon-others.png") #fff no-repeat center }

.icon-transport-2 { background: url("../img/icon-transport-2.png") no-repeat center; width: 100%; height: 54px; float: left; background-size: 30% }
.icon-hotels-2 { background: url("../img/icon-hotels-2.png") no-repeat center; width: 100%; height: 54px; float: left; background-size: 20% }
.icon-restaurants-2 { background: url("../img/icon-restaurants-2.png") no-repeat center; width: 100%; height: 54px; float: left; background-size: 30% }
.icon-sites-2 { background: url("../img/icon-sites-2.png") no-repeat center; width: 100%; height: 54px; float: left; background-size: 30% }

h2 { width: 92%; padding: 0% 4%; float: left; font-size: 1.3em; margin: 0px }
h2.title { text-align: left; color: #0153DE }
h3 { width: 92%; padding: 0% 4%; float: left; font-size: 1.1em; margin: 0px 0px 10px }
h3.subtitle { text-align: left; color: #E7272D }
h4 { width: 92%; padding: 3% 4%; float: left; font-size: 0.9em; margin: 0px; color:#E7272D }

.botones2 { display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); padding: 0%; margin: 4%; width: 92%; float: left }
.botones2 li { background: #fff; margin-bottom: 10px; border-radius: 3px; padding: 3%; height: auto; float: left; width: 92%; border-bottom: solid 3px #FFC329 }
.botones2 li a { float:left; display: block; width: 100%; text-align: center }
.botones2 li a h2 { width: 100%; float: left; margin: 0px 0px 10px; padding: 0px; text-decoration: none; color:#0153DE; font-size: 0.8em; line-height: 20px }

#noticiasHome { margin: 4% 0%; float: left; width: 100% }
#noticiasHome .card-noticia { position: relative; border-radius: 10px; background: #fff; float: left; width: 90%; overflow: hidden; margin: 3%; border:8px solid #FFC329 }
#noticiasHome .card-noticia img { width: 100%; height: 220px; object-fit: cover; float: left; border-radius: 3px 3px 0px 0px }
#noticiasHome p { margin-top: 5px; font-size: 16px; line-height: 1.2em; margin: 8px 10px; float: left; color: #525252; height: 40px }
#noticiasHome .categoria { background: #4e8b47; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 7px; font-size: 0.7em; margin-bottom: 5px; width: 50px; text-align: center }
#noticiasHome .noticias-swiper { padding-left: 0%; padding-right: 0%; padding-bottom: 20px }
#noticiasHome .noticias-swiper .swiper-pagination { bottom: 0px !important }
#noticiasHome .noticias-swiper .swiper-slide { width: 60% }

#fiestasHome { margin: 4%; float: left; width: 92% }
#fiestasHome .card-fiesta { position: relative; border-radius: 10px; background: #fff; padding: 4%; float: left; width: 92%; overflow: hidden }
#fiestasHome .card-fiesta img { width: 100%; height: 220px; object-fit: cover; float: left; border-radius: 10px }
#fiestasHome p { margin-top: 5px; font-size: 14px; line-height: 1.3em; margin: 8px 0px; float: left; color: #525252; }
#fiestasHome .categoria { background: #4e8b47; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 7px; font-size: 0.7em; margin-bottom: 5px; width: 50px; text-align: center }
#fiestasHome .fiestas-swiper { padding-left: 0% }
#fiestasHome .swiper-pagination { display: none }

#relatosHome { background: #fff; padding: 4%; float: left; width: 92% }
#relatosHome .card-noticia { float: left; border-radius: 10px; overflow: hidden }
#relatosHome .card-noticia img { ; padding: 2%; width: 30%; height: 120px; object-fit: cover; float: left; border-radius: 10px }
#relatosHome .overlay { width: 62%; float: left; padding: 2% }

#sitiosHome { display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 1fr); padding: 4%; margin: 0%; width: 92%; float: left }
#sitiosHome .card-noticia { float: left; border-radius: 10px; overflow: hidden; background: #fff }
#sitiosHome .card-noticia img { ; padding: 2%; width: 96%; height: 120px; object-fit: cover; float: left; border-radius: 10px }
#sitiosHome .overlay { width: 96%; float: left; padding: 2% }
#sitiosHome .overlay h3 { font-size: 0.9em }

#recomendadosHome { -webkit-box-shadow: 2px 6px 10px -7px #000000; box-shadow: 2px 6px 10px -7px #000000; border-radius: 10px; background: #fff; margin: 4%; float: left; width: 92% }
#recomendadosHome .card-noticia { position: relative; border-radius: 10px; overflow: hidden }
#recomendadosHome .card-noticia img { width: 100%; height: 220px; object-fit: cover; float: left; border-radius: 10px }
#recomendadosHome .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); color: #fff; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-end }
#recomendadosHome .overlay h3 { margin-top: 5px; font-size: 16px; line-height: 1.3em; margin: 0px 0px 25px }
#recomendadosHome .overlay .categoria { background: #4e8b47; color: #fff; display: inline-block; padding: 3px 10px; border-radius: 7px; font-size: 0.7em; margin-bottom: 5px; width: 50px; text-align: center }
.overlay .fecha { float: right; background: rgba(255,255,255,0.2); padding: 3px 8px; border-radius: 15px; font-size: 12px }
#recomendadosHome .recomendados-swiper { padding-left: 5%; padding-right: 5%; padding-bottom: 20px }
#recomendadosHome .recomendados-swiper .swiper-pagination { bottom: 0px !important }

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {


}