/* 
 *	Hoja de Estilos gnygestions.dev 
 */



/*... define las fuentes a utilizar */ 
body {
    font-family: 'Inter', sans-serif;
}



/*... código para realizar un scroll suave en la navegación */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 60px; 
}



/*... código para realizar las diferentes transiciones */
@keyframes fade-in {
    from { 
        opacity: 0; 
        transform: translateY(10px);
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
.animate-fade-in {
    animation: fade-in 0.5s ease-out forwards;
}



/*... estilos para contacte */
#contacte .feedback .errorMessage {
	display: none;
	color: #fff;
	background: #cc3333;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}
#contacte .feedback .errorMessage br + br {
	margin-top: 25px;
}
#contacte .feedback .sentMessage {
	display: none;
	color: #fff;
	background: #33cccc;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}
#contacte .feedback .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}
#contacte .feedback .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #33cccc;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
}