@charset "UTF-8";
/* CSS Document */

.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-base);
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;
}
.swiper-container{
height: 100%;		
}

.swiper-slide picture {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;	
width: 100%;	
height: 100%;	
}
.swiper-slide img {
object-fit: cover;
}

/*----TRANSICIONES*/
.swiper-container .swiper-button-next, 
.swiper-container .swiper-button-prev 
{
/*border: 0.7px solid var(--bn-80);*/ 
/*border: 1.04px solid var(--bn-80);*/ 
border: 0.35px solid var(--base-a-3-50);  
background-color: var(--base-a-00-70);
box-sizing: content-box;  
}
.swiper-container .swiper-button-next:hover, 
.swiper-container .swiper-button-prev:hover 
{	
background-color: var(--base-a-0-100);
}

/*----MEDIA QUERIES*/
/*@media screen and (max-width:1600px){
.swiper-pagination{
bottom: 5px !important;	
}
}*/

@media screen and (max-width:1280px){
/*----TRANSICIONES*/
.swiper-container .swiper-button-next, 
.swiper-container .swiper-button-prev 
{	
background-color: var(--base-a-0-70);
}
.swiper-container .swiper-button-next:hover, 
.swiper-container .swiper-button-prev:hover 
{	
background-color: var(--base-a-0-70);
}
}

@media screen and (max-width:1024px){
.art-gal-full {
width: 100%; 
height: auto;  
min-width: auto;    
max-width: calc(100% - 100px);    
}
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
.art-gal-full {
max-width: calc(100% - 40px) !important;
max-height: 60vh;	
}	
.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;		
}
}