@charset "utf-8";

.galeria {
	max-width: calc(100vw - 30px) !important;
	position: relative;
	overflow: hidden;
	animation-duration: 1.5s;
	animation-delay: 0.9s;
}
.galeria.owl-carousel .item {
	padding:0 24px;
}
.galeria.owl-carousel .item h2 {
	width: 100%;
	font-size: 1.5em;
	padding:0 0 24px 33.3%;
}
.galeria.owl-carousel .item .colg {
	width: 33.3%;
	position: absolute;
	top: 0;
	left:0;
	pointer-events: none;
	z-index: 3;
}
.galeria.owl-carousel .item .imagen {
	width: calc(100% - 42px);
	height:240px;
	margin: 0 0 0 42px;
	position: relative;
	overflow: hidden;
	border-radius: 300px 0 0 300px;
}
.galeria.owl-carousel .item .imagen img {
	width: 102%;
	height:102%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: all 0.9s ease-in-out;
	opacity: 1;
}
.galeria.owl-carousel .item .imagen a:hover img {
	transform: translate(-50%,-50%) scale(1.2);
}
.galeria.owl-carousel .item .bot {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding:15px 0 3px;
}
.galeria.owl-carousel .owl-item.active .colg {
	animation: slideInDown ease-in-out 1.3s 0.9s both;
}
.galeria.owl-carousel .owl-item.active h2 {
	animation: fadeIn ease-in-out 1.2s 0.3s both;
}
.galeria.owl-carousel .owl-item.active .imagen {
	animation: fadeInRight ease-in-out 1.5s 0.6s both;
}
.galeria .owl-dots {
	transform: translateY(0);
	padding:30px 21px 21px;
}
.galeria .owl-dots .owl-dot {
	border: solid 1px var(--negro);
}
.galeria .owl-dots .owl-dot.active, 
.galeria .owl-dots .owl-dot:hover {
	background: var(--negro);
}

@media screen and (max-width:666px) {
	
	.galeria.owl-carousel .item {
		padding:0;
	}
	.galeria.owl-carousel .item h2 {
		padding:0 0 24px 30%;
	}
	.galeria.owl-carousel .item .colg {
		width: 39%;
	}
	.galeria.owl-carousel .item .imagen {
		width: calc(100% - 12px);
		height:210px;
		margin: 0 0 0 12px;
	}
	
}