/*.contenedor-dctos {
    margin: 50px 0px;
    overflow: hidden;
    position: relative;
    transition: .3s;

    --angle: 0deg;
	border: 5px solid; 
	border-image: linear-gradient(var(--angle), #573417, white) 1;
	animation: 10s rotate linear infinite;
}
.contenedor-dctos:hover {
	cursor: pointer;
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}
.contenedor-dctos:hover .banner {
	-moz-transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
}

@media (max-width: 768px) {
	.contenedor-dctos:hover .banner {
		transform: translateY(0);
	}
}

.contenedor-dctos .titulo .calabaza {
	position: absolute;
	width: 45px;
    top: 30px;
}
.contenedor-dctos .titulo .calabaza.left {
	left: 40px;
}
.contenedor-dctos .titulo .calabaza.right {
	right: 40px;
}

.contenedor-dctos .titulo {
    padding: 50px 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: transparent;
    z-index: 2;
    
	font-size: 2em;
	color: #fc3735;
	background: -webkit-linear-gradient(left, #573417, white , #573417);
	background-size: 1000px 200px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation-duration: 3s;
	animation-name: animationgradienttitle;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;

}

.contenedor-dctos .banner {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    transition: .3s;
}

@keyframes animationgradienttitle {
	0% {
		background-position: 0 1000px;
	}
	100% {
		background-position: 1000px 0;
	}
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}
*/