.image.banner figcaption{position: absolute; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; padding: 15px; z-index: 0;}
.foto-ppal-figcaption{position:absolute; z-index: 100; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; padding: 5px;}
.m-0-auto{margin:0 auto;}
.p-t-0{padding-top: 0 !important;}
.mobile figcaption{position: relative; background: transparent; margin: 0; color: #000;}
.desktop figcaption{position: absolute;z-index: 2;background: rgba(0, 0, 0, 0);color: #fff;padding: 5px 15px;width: 100%;margin: 98.5% 0 0 0;}
figcaption small{font-size: 11px;}
.no-shadow{box-shadow:inset 0 0 0 0 transparent !important;}
.spotlight.style1 .content {padding: 3rem 3rem;}
.spotlight.style1.image-position-right .image img, .spotlight.style1.image-position-left .image img{
	-moz-object-fit: contain!important;
    -webkit-object-fit: contain!important;
    -ms-object-fit: contain!important;
    object-fit: contain!important;
    -moz-object-position: top!important;
    -webkit-object-position: top!important;
    -ms-object-position: top!important;
    object-position: top!important;}
.spotlight .image{background:#fff!important;}
small{font-size: .8em;}
a, a strong, a:hover {color: #ff6600;}
.m-b-25{margin-bottom: 25px;}
.image.left, .image.right {
    width: 50%;
    max-width: 25rem;
}
.image.fit {width: 80%;margin: 0 auto;}

@media screen and (max-width: 1680px){
	.contenedor-banner img {width: 60%;}
	.container-videos .item{width: 415px;}
}
@media screen and (max-width: 1280px){
	.contenedor-banner img {width: 75%;}
	.container-videos .item{width: 48%;}
	.video-wrapper{height: 70vh;}
}
@media screen and (max-width: 736px){
	.image.mobile{display:block;}
	.image.desktop{display:none;}
}
@media screen and (min-width: 736px){
	.image.mobile{display:none;}
	.image.desktop{display:black;}
}
@media screen and (max-width: 1280px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 1024px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 980px){
	.image.left img, .image.right img{max-width: 100%; width:100%; margin: 0 auto 15px auto;}
	.flex .item{width: 100%; margin-bottom: 1rem;}
	.flex .item:last-child{margin-bottom:0;}
	.banner.style2.fullscreen{min-height:50vh!important;}
}
@media screen and (max-width: 780px){
	.image.left, .image.right {width: 100%; max-width: 100%; margin: 0 auto 15px auto;}
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 480px){
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){
	
}