/* CSS Document */

/*
* cargador
*/
.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background: #FFF;
	z-index: 100;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .8s;
	opacity:1;
	animation: latidos .5s infinite;
}
.loading.ocultar {
	opacity: 0;
	display: none !important;
}
@keyframes latidos {
    from { transform: none; }
    50% { transform: scale(1.4); }
    to { transform: none; }
}

/*
* efectos
*/
.fade-in {
    opacity: 0;
    transition: opacity 2s;
}
.fade-in.visible {
    opacity: 1;
}
html {
	scroll-behavior: smooth;
}