/* swiper */
#gallery .swiper-container { width: 100%; height: 0; margin-left: auto; margin-right: auto; padding-bottom: 75%; }

#gallery .swiper-slide { background-size: cover; background-position: center; }

#gallery .swiper-container.swiperthumbs { box-sizing: border-box; margin: 8px 0; padding: 0; height: 80px;}

#gallery .swiper-container.swiperthumbs .swiper-slide { width: 120px; height: 100%; margin-right: 8px; opacity: 0.4; }

#gallery .swiper-container.swiperthumbs .swiper-slide-active { opacity: 1; }

#gallery .reswiper-container.only-thumbs > div:first-of-type { display: none; }

#gallery .reswiper-container.no-thumbs > div:last-of-type { display: none; }

#gallery  .reswiper-container.only-thumbs > div:last-of-type .swiper-slide { width: 120px; height: 100px; margin-right: 8px; opacity: 1; }
#gallery .swiper-wrapper { position: absolute; }
#gallery .simpleModal .swiper-wrapper { position: static; }
#gallery .swiper-zoom-container:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,0.85); backdrop-filter:blur(4px); }
#gallery .swiper-container { position: relative; }
#gallery .swiper-zoom-container:before { content: "\f002"; font-weight: 900; font-family: "Font Awesome 5 Pro"; color: white; background: rgba(0,0,0,0.6); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate( -50%, -50%); border-radius: 4px; opacity: 0; transition: all 300ms ease; cursor: pointer;}
#gallery .swiper-zoom-container:hover:before { opacity: 1; }
#gallery .swiper-zoom-container img { z-index: 1; cursor: pointer; }
/* flechas*/
/*#gallery .swiper-button-prev, #gallery .swiper-button-next { background-image: none; font-size: 48px; color: #fff;  }
#gallery .swiper-button-prev:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 200;  text-shadow: 5px 0 0 rgba(0,0,0,0.5);}

#gallery .swiper-button-next:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 200;  text-shadow: -5px 0 0 rgba(0,0,0,0.5);}

#gallery .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(255, 255, 255, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(255,255,255,0.5)); }*/

#gallery .swiper-container-horizontal > .swiper-pagination-bullets, #gallery .swiper-pagination-custom, .swiper-pagination-fraction {  bottom: 12px;}
/* modal */
.simpleModal .swiper-container { width: 100%; height: 0; margin-left: auto; margin-right: auto; padding-bottom: 75%; }

.simpleModal .swiper-slide { background-size: cover; background-position: center; }

.simpleModal .swiper-container.swiperthumbs { box-sizing: border-box; margin: 8px 0; padding: 0 0 12%; }

.simpleModal .swiper-container.swiperthumbs .swiper-slide { width: 120px; height: 100%; margin-right: 8px; opacity: 0.4; }

.simpleModal .swiper-container.swiperthumbs .swiper-slide-active { opacity: 1; }

.simpleModal .reswiper-container.only-thumbs > div:first-of-type { display: none; }

.simpleModal .reswiper-container.no-thumbs > div:last-of-type { display: none; }

.simpleModal .reswiper-container.only-thumbs > div:last-of-type .swiper-slide { width: 120px; height: 100px; margin-right: 8px; opacity: 1; }
.simpleModal .swiper-wrapper { position: absolute; }
.simpleModal .simpleModal .swiper-wrapper { position: static; }
/*.simpleModal .swiper-button-prev, .simpleModal .swiper-button-next { background-image: none; font-size: 48px; color: #fff; }
.simpleModal .swiper-button-prev:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; text-shadow: 4px 0 0 rgba(0,0,0,0.5); font-weight: 200; }
.simpleModal .swiper-button-next:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; text-shadow: -4px 0 0 rgba(0,0,0,0.5); font-weight: 200; }*/

.simpleModal .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(255, 255, 255, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(255,255,255,0.5)); }



.simpleModal { display: none; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 10; margin: 0 auto; }

.simpleModal .navigation { display: flex; align-items: center; justify-content: flex-end; height: 40px; background: black; color: white; padding: 8px 0; font-size: 20px; }
.simpleModal .navigation .close, .simpleModal .navigation .zoomin, .simpleModal .navigation .zoomout { cursor: pointer; display: inline-block; padding: 4px; width: 28px; height: 28px; margin-left: 16px; }
.simpleModal .swiper-container:not(.swiperthumbs) .swiper-slide { background-image: none !important; }

.simpleModal .wrap { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; width: 100%; height: 100vh; background: rgba(0,0,0,0.95); text-align: center; box-shadow: 0 0 30px rgba(0, 0, 0, .5); color: #333; padding: 8px; }

.simpleModal .swiper-pagination-bullets { border-top: solid 1px rgba(80,80,80,1); border-bottom: solid 1px rgba(80,80,80,1); background: rgba(80,80,80,.5); display: none;}

.simpleModal .swiper-pagination-bullet { border: solid 1px white; }

.simpleModal .swiper-pagination-bullet { background: #fff; }

.simpleModal .swiper-container { height: 100%; padding-bottom: 40px; justify-self: flex-start; }
.simpleModal .swiper-container.swiperthumbs { padding-bottom: 10px; height: 140px; justify-self: flex-end; }

/*.simpleModal .swiper-button-prev, .simpleModal.swiper-button-next { color: #fff; }*/




















#gallery .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(0,0,0,0.5)); }