/* Light box Gallery ceada por Jizra Diseño Web® para https://jizratest.eu5.org todos los derechos reservados© */
:root {--img-size: 150px;--size: 12.5em;--logoPorciento:7%;--loaderPorciento:10%;}.jd-gallery__light__box{background: rgba(255, 255, 255, .1);width: 100%;align-items: flex-start;flex-wrap: wrap;}.jd-cont__gallery{width: 100%;padding: 3%;max-width: 1000px;margin: auto;height: 100%;min-height: 100px;flex-wrap: wrap;justify-content: space-around;align-items: center;overflow: hidden;}.jd-front__item__gallery{position: relative;width: var(--img-size);max-width: 150px;height: var(--img-size);max-height: 150px;margin: 10px;overflow: hidden;border: solid 2px rgba(255, 255, 255, 1);background: rgba(0, 0, 0, .5);border-radius: 5px;cursor: pointer;transition: all .3s ease-in;display: flex;justify-content: center;align-items: center;}.jd-front__img__gallery{width: 100%;transition: all 0.3s ease-in;display: none;}.jd-front__item__gallery img{transition: all 0.3s ease-in ;}#jd-light-box {position: fixed;z-index: 100;width: 100%;height: 0vh;top: 50%;left: 0;background: rgba(0, 0, 0, .9);overflow: hidden;transition: all .3s ease-in;}#jd-light-box.active {height: 100vh;top: 0%;}.jd-light-box-cont {position: relative;min-width: 80px;min-height: 80px;}#btn-clouse-lbox {position: fixed;width: 40px;height: 40px;border-radius: 50%;right: 0;top: 0;cursor: pointer;}#btn-clouse-lbox i {font-size: 40px;}.jd-light-box-cont>img {max-width: 40%;min-width: 80px;max-height: 30vh;min-height: 80px;border: solid 5px rgba(255, 255, 255, 1);border-radius: 5px;opacity: 0;transition: all .3s;}.jd-light-box-cont img.active {max-width: 100%;max-height: 85vh;opacity: 1;}#jd-light-box .flecha {position: absolute;width: 40px;height: 40px;top: 50%;background: rgba(255, 255, 255, .1);border-radius: 50%;transform: translateY(-50%);display: none;justify-content: center;align-items: center;transition: all .3s ease;cursor: pointer;}#jd-light-box .flecha:hover {background: rgba(255, 255, 255, .4) }#jd-light-box .flecha:hover i {color: rgba(255, 255, 255, 1);text-shadow: 0 0 2px black;}#jd-light-box .flecha:active {transform: translateY(-50%) scale(1.3);transition: all .1s;}#jd-light-box .flecha i {color: rgba(255, 255, 255, .5);font-size: 35px;transition: all 1s ease;}#jd-light-box #derecha {right: 2%;}#jd-light-box #izquierda {left: 2%;}#jd-light-box .descripcion {background: rgba(255, 255, 255, 1);position: absolute;bottom: 0px;transform: translateY(50%);width: 0%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;overflow: hidden;transition: all .3s;}#jd-light-box .descripcion .data-title, #jd-light-box .descripcion .data-desc {color: rgba(0, 0, 0, 1);width: 100%;padding: 7px;}#jd-light-box .descripcion .data-title {font-family: cursive;font-style: italic;}#jd-light-box .descripcion .data-desc {padding-left: 15px;}#jd-light-box .descripcion .data-cont {text-align: right;color: rgba(0, 0, 0, .7);padding: 0px 10px;width: 100%;}.e-firm {display: block;color: rgba(0, 0, 0, .9);text-align: right;width: 100%;padding: 3px 10px;font-size: .7em;}.cont__pre-loader{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 380px;height: 380px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 10px;}.jizra__logo{position: absolute;left: var(--logoPorciento);top: var(--logoPorciento);right: var(--logoPorciento);bottom: var(--logoPorciento);z-index: 20;animation: jizra 1s linear infinite;}@keyframes fondo-logo{50%{transform: translateX(-50%) translateY(-50%);}}.jizra__logo::after{background:rgba(255, 255, 255, .0);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.jizra__logo__img{opacity: 1;width: 100%;position: relative;}@keyframes jizra{0%,100%{filter: hue-rotate(0deg);}50%{filter: hue-rotate(360deg);}}.loader{display: flex;justify-content: center;position: relative;width: var(--size);max-width: 500px;height: var(--size);max-height: 500px;border: 4px solid #000;overflow: hidden;border-radius: 50%;box-shadow: -0.3125em -0.3125em 0.3125em rgba(255, 255, 255, 0.1), 0.625em 0.625em 0.625em rgba(0, 0, 0, 0.4), inset -0.3125em -0.3125em 0.3125em rgba(255, 255, 255, 0.2), inset 0.625em 0.625em 0.625em rgba(0, 0, 0, 0.4);}.loader::before{content: "";position: absolute;left: var(--loaderPorciento);top: var(--loaderPorciento);right: var(--loaderPorciento);bottom: var(--loaderPorciento);z-index: 10;background: #000;border-radius: 50%;border: 2px solid #000;box-shadow: -0.125px -0.125px 0.3125em rgba(255, 255, 255, 0.2), 0.1875em 0.1875em 0.3125em rgba(0, 0, 0, 0.5);}.loader::after{content: "";position: absolute;left: var(--loaderPorciento);top: var(--loaderPorciento);right: var(--loaderPorciento);bottom: var(--loaderPorciento);z-index: 10;background: linear-gradient(135deg, rgba(231,10,231,.7) 0%, rgba(51,232,23,.6) 100%);border-radius: 50%;border: 2px solid #000;animation: jizra 1s linear infinite;box-shadow: -0.125px -0.125px 0.3125em rgba(255, 255, 255, 0.2), 0.1875em 0.1875em 0.3125em rgba(0, 0, 0, 0.5);}.loader__span{position: absolute;width: 100%;height: 100%;border-radius: 50px;background: linear-gradient(#14ffe9,#ffeb3b,#ff00e0);filter: blur(20px);z-index: -1;animation: loader 0.5s linear infinite;}@keyframes loader{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.loader__texto{align-self: flex-start;color: rgba(255, 255, 255, 1);position: relative;width: 100%;text-align: center;-webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0,0,0,0.2));}.loader__texto__span{position: relative;font-size: 32px;display: inline-block;text-transform: uppercase;}@keyframes texto {0%, 40%, 100% {transform: translateY(0);}20%{transform: translateY(-50px);}}