@charset "UTF-8";.art-gal-full{
width: var(--ancho-global-art-grid-blq);
height: 80vh;
max-height: 1000px;
background-color: var(--ng-05);
border-radius: var(--border-r-md);
overflow: hidden;
box-shadow:
0 0 0 1px rgba(53, 72, 91, .07),
0 2px 2px rgba(0, 0, 0, .01),
0 4px 4px rgba(0, 0, 0, .02),
0 10px 8px rgba(0, 0, 0, .03),
0 15px 15px rgba(0, 0, 0, .03),
0 30px 30px rgba(0, 0, 0, .04),
0 70px 65px rgba(0, 0, 0, .05);
margin: 0px 0px 0px 0px;
}.art-gal-full .swiper-container .grp-pagination-btns {
position: absolute;
left: 10px;
bottom: 44px;
flex-direction: column;
z-index: 2;
margin-bottom: 2.5px;
}.art-gal-full .swiper-button-next,
.art-gal-full .swiper-button-prev {
position: relative;
top: auto;
left: auto;
right: auto;
box-sizing: content-box;
}
.art-gal-full .swiper-button-next{
margin: 2.5px 0px 0px 0px;
}
.art-gal-full .swiper-button-prev {
margin: 0px 0px 2.5px 0px;
}
.swiper-pagination-fraction{
flex-direction: column;
width: 30px !important;
height: auto !important;
font-family: var(--fuente-parrafo);
text-rendering: optimizeLegibility;
font-size: var(--font-size-sm);
line-height: calc(var(--line-height-sm) - 2px);
font-weight: 400;
font-variation-settings: "wght" 600;
gap: 2px;
color: var(--bn-100);
background-color: var(--base-a-00-70);
border-radius: var(--border-r-sm);
cursor: default;
box-sizing: content-box;
margin-bottom: 5px;
padding: 6px 0px 2px 0px;
}.art-gal-full .swiper-button-next,
.art-gal-full .swiper-button-prev {
background-color: var(--base-a-00-70);
}
.art-gal-full .swiper-button-next:hover,
.art-gal-full .swiper-button-prev:hover {
background-color: var(--base-a-00-100);
}@media (hover: none) {
.art-gal-full .swiper-button-next,
.art-gal-full .swiper-button-prev {
background-color: var(--base-a-00-70);
}
.art-gal-full .swiper-button-next:hover,
.art-gal-full .swiper-button-prev:hover {
background-color: var(--base-a-00-70);
}
}@media screen and (max-width:1024px){
.art-gal-full {
width: 100%;max-width: calc(100% - 20px);
height: auto;
min-width: auto;
}
}@media screen and (max-width:851px){
.art-gal-full {
max-width: calc(100% - 40px) !important;
}
.art-gal-info{
height: auto;
max-height: none;
}
}@media screen and (max-width:677px){
.art-gal-full {
width: calc(100% - 0px);
min-width: 100%;
height: auto;
border-radius: 0px;
border: none;
}
}