/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.block-hero-10 .mask-image {
	-webkit-mask: url("images/blocks/preview/mask-blob.svg");
	mask: url("images/blocks/preview/mask-blob.svg");
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.block-hero-10 .color { color: #385244 !important; }
.block-hero-10 .bg-color { background-color: #385244 !important; }
.block-hero-10 h1,
.block-hero-10 h2,
.block-hero-10 h3,
.block-hero-10 h4,
.block-hero-10 h5,
.block-hero-10 h6 { font-family: 'Playfair Display', serif !important; }
.justify-text { text-align: justify; }
img.effect {
	transform: perspective(400px) rotate3d(1, -1, 0, calc(var(--i, 1) * 8deg));
	
	transition: .4s;
	cursor: pointer;
}
img.effect:hover {
	--i: -1;
	mask-position: 0 0;
}
html { scroll-behavior: smooth; }
.recorte { width: 100%; height: auto; clip-path: polygon(0% 20%, 100% 20%, 100% 80%, 0% 80%); }