@font-face{
	font-family: 'Inimitable';
	src: url('../fuentes/Inimitable-Original/KGInimitableOriginal.ttf');
	font-weight: bold;
}

/*******************
	General
*******************/
body{
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
h1,h2,h3,h4,.title-medium{
	font-family: 'Inimitable';
}
.btn,
.proyectos-destacados-descripcion{
	font-family: 'Quicksand', sans-serif;
}
.form-contact-2-bolder input{
	text-transform: none;
}

/*******************
	Sección
*******************/
.seccion{
	padding-top: 70px;
}
@media (min-width: 768px) {
	.seccion{
		padding-top: 84px;
	}
}
@media (min-width: 992px) {
	.seccion{
		padding-top: 126px;
	}
}
@media (min-width: 1300px) {
	.seccion{
		padding-top: 180px;
	}
}

/*******************
	Botón
*******************/
.btn-celeste{
	background: #24b0bd;
	color: #fff;
}
.btn-celeste:hover{
	color: #fff;
}
.btn-celeste-reverse{
	border-color: #24b0bd;
	color: #24b0bd;
}
.btn-celeste-reverse:hover{
	background: #24b0bd;
	color: #fff;
}

.btn-lila{
	background: #a686bd;
	color: #fff;
}
.btn-lila:hover{
	color: #fff;
}

/*******************
	Flexbox
*******************/
.d-flex{
	display: flex;
}
.flex-column{
	flex-flow: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-grow-2{
	flex-grow: 2;
}
.align-items-center{
	align-items: center;
}
.justify-content-center{
	justify-content: center;
}
.h-100{
	height: 100%;
}

.mensaje-flotante{
	display: flex;
	flex-flow: column;
	align-items: center;
	transform: rotate(-4deg) translateY(250px);
	position: fixed;
	bottom: -4px;
	left: 25px;
	cursor: pointer;
	z-index: 1000;

	animation-name: mensaje-flotante-showup;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-fill-mode: both;
}

.mensaje-flotante.oculto{
    animation-delay: 0s;
    animation-name: mensaje-flotante-hide;
}

.mensaje-flotante-mensaje{
    max-width: 250px;
    font-size: 13px;
    background: #ffa7a7;
    font-weight: 600;
    color: #000;
    padding: 10px;
    border: 10px solid #ff6a6a;
    border-radius: 4px;
    box-shadow: inset 0px 0px 10px #ff6a6a;
}

.mensaje-flotante-mensaje > p{
    margin: 0;
    margin-bottom: 4px;
    user-select: none;
    -webkit-user-select: none;
}

.mensaje-flotante-mensaje > p:last-child{
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
}

.mensaje-flotante-mastil{
    height: 30px;
    width: 15px;
    background: #ff6a6a;
    box-shadow: 0px 0px 10px rgba(#ff6a6a, .5);
}

@keyframes mensaje-flotante-showup{
	0%{
		transform: translateY(250px) rotate(-4deg);
	}
	100%{
		transform: translateY(0) rotate(-4deg);
	}
}

@keyframes mensaje-flotante-hide{
	0%{
		transform: translateY(0px) rotate(-4deg);
	}
	100%{
		transform: translateY(250px) rotate(-4deg);
	}
}