@font-face {
	font-family: 'regular';
	src: url('../src/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'bold';
	src: url('../src/fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'black';
	src: url('../src/fonts/Roboto-Black.ttf') format('truetype');
}

* {
	font-family: regular;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #2A363B;
}

body {
	background: url('../src/img/bg/main-pattern.png');
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header, main, footer {
	background: rgb(255,255,255,0.95);
}

/*****************************************HEADER****HEADER****HEADER****HEADER*****************************************/
/*****************************************HEADER****HEADER****HEADER****HEADER*****************************************/
/*****************************************HEADER****HEADER****HEADER****HEADER*****************************************/

@media screen and (min-width: 1200px) {
	header div.separador,
	main.home div.separador {	
		height: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	header div.separador,
	main.home div.separador {	
		height: 15px;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	header div.separador,
	main.home div.separador {	
		height: 10px;
	}
}

header div.separador,
main.home div.separador {	
	background: linear-gradient(90deg, #99B898, #FECEAB, #FF847C, #6DA4D9, #2A363B);
}

header {
	position: relative;
}

header h1 a {
	font-size: 0;
	display: block;
	height: 100px;
	width: 390px;
	background: url('../src/img/logo/logo.png') no-repeat;
	background-size: contain;
	background-position: center;
	margin: auto;
}

header nav ul {
	padding: 0;
	text-align: center;
}

header nav ul li {
	display: inline-block;
	padding: 0 1rem;
	margin: 0.5em 0;
}

header nav ul li a {
	text-decoration: none;
	/*color: black;*/
	color: #2A363B;
}

header nav ul li a:hover {
	text-decoration: underline;
}

/*****************************************MAIN****MAIN****MAIN****MAIN*****************************************/
/*****************************************MAIN****MAIN****MAIN****MAIN*****************************************/
/*****************************************MAIN****MAIN****MAIN****MAIN*****************************************/
/*
main {
	margin-top: 2em;
	margin-bottom: 2em;
}
*/

/*****************************************FOOTER****FOOTER****FOOTER****FOOTER*****************************************/
/*****************************************FOOTER****FOOTER****FOOTER****FOOTER*****************************************/
/*****************************************FOOTER****FOOTER****FOOTER****FOOTER*****************************************/

footer {
	margin-top: auto;
	padding: 1rem 0;
	text-align: center;
}

footer div#footer-logo {
	font-size: 0;
	display: block;
	height: 100px;
	/*width: 300px;*/
	background: url('../src/img/logo/logo.png') no-repeat;
	/*background-size: contain;*/
	background-size: 240px;
	background-position: center;
	margin: auto;
}

footer ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

footer ul li {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
}

footer ul.footer-contacto li:first-child::before {
	content: url('../src/img/ico/ico-wapp.png');
	margin-right: 0.7rem; 
}

footer ul.footer-contacto li:nth-child(2)::before {
	content: url('../src/img/ico/ico-mail.png');
	margin-right: 0.7rem; 
}

footer ul.footer-contacto li:nth-child(3)::before {
	content: url('../src/img/ico/ico-clock.png');
	margin-right: 0.7rem; 
}

footer ul.footer-contacto li:nth-child(4)::before {
	content: url('../src/img/ico/ico-ig.png');
	margin-right: 0.7rem; 
}

footer ul li.redes {
	/*width: calc(100% / 3);*/
	font-size: 0;
	display: inline-block;
	height: 24px;
	background: url('../src/img/ico/ico-ig.png') no-repeat;
	background-position: center;
}

footer ul li a {
	text-decoration: none;
	color: black;
}

footer ul li a:hover {
	text-decoration: underline;
}



/*main#home ul li {
	display: inline-block;
	width: 20%;
	text-align: center;
}*/

/*
div.modal div.modal-body {
	background: url(../src/img/bg/modal-bg.png);
}

div.modal div.modal-body p {
	background: url(../src/img/bg/modal-img.png) no-repeat;
	background-position: center;
	width: 100%;
	height: calc(100% - 24px);
	margin: 0;
	display: block;
	font-size: 0;
}

div.modal div.modal-body button {
	display: block;
	margin-left: auto;
}
*/
/*****************************************PASTILLAS****PASTILLAS****PASTILLAS****PASTILLAS*****************************************/
/*****************************************PASTILLAS****PASTILLAS****PASTILLAS****PASTILLAS*****************************************/
/*****************************************PASTILLAS****PASTILLAS****PASTILLAS****PASTILLAS*****************************************/

main.home h3 {
	font-size: 1.5rem;
	font-family: 'bold';
}

main.home div#home-pastillas-container {
	margin-top: 2rem;
}

main.home div.home-pastilla {
	border-radius: 15px;
}

main.home div#home-pastilla-a {
	background: linear-gradient(#EEEEEE 70%, #99B898);	
}

main.home div#home-pastilla-b {
	background: linear-gradient(#EEEEEE 70%, #FECEAB);	
}

main.home div#home-pastilla-c {
	background: linear-gradient(#EEEEEE 70%, #FF847C);	
}

main.home div#home-pastilla-d {
	background: linear-gradient(#EEEEEE 70%, #6DA4D9);	
}

main.home div.separador-pastillas {
	border-radius: 25px;
	height: 0.1rem;
	background: #CCCCCC;
}

main.home div.home-pastilla h3 {
	height: 60px;
	align-content: center;
}
/*
main.home div.home-pastillas-texto {
	min-height: 350px;
}
	*/

/*****************************************ABOUT****ABOUT****ABOUT****ABOUT*****************************************/
/*****************************************ABOUT****ABOUT****ABOUT****ABOUT*****************************************/
/*****************************************ABOUT****ABOUT****ABOUT****ABOUT*****************************************/

main.home div.home-about {
	margin-top: 2rem;
}
main.home div.home-about h2 {
	font-size: 1.5rem;
	font-family: 'bold';
}

main.home div.home-about #home-about-description {
	height: 150px;
}

/*****************************************CONTACTO****CONTACTO****CONTACTO****CONTACTO*****************************************/
/*****************************************CONTACTO****CONTACTO****CONTACTO****CONTACTO*****************************************/
/*****************************************CONTACTO****CONTACTO****CONTACTO****CONTACTO*****************************************/

main.home div.home-contacto {
	margin-top: 2rem;
}

main.home div.home-contacto h2 {
	font-size: 1.5rem;
	font-family: 'bold';
}

main.home a#home-contacto-wapp,
main.home a#home-contacto-mail {
	font-family: 'black';
	text-align: left;
	display: inline-block;
	padding: 0.5rem 1.5rem;
	text-decoration: none;
	width: 350px;
	border-radius: 15px;
	margin: auto;
}

main.home a#home-contacto-wapp:hover,
main.home a#home-contacto-mail:hover {
	color: white;
	text-decoration: underline;
}

main.home a#home-contacto-wapp {
	color:white;
	/*background: #99B898;*/
	background: #25d366;
}

main.home a#home-contacto-wapp::before {
	content: url('../src/img/ico/contacto-wapp.png');
	vertical-align: middle;
	margin-right: 2.5rem;
}

main.home a#home-contacto-mail {
	color:white;
	background: #6DA4D9;
	margin-top: 0.5rem;
}

main.home a#home-contacto-mail::before {
	content: url('../src/img/ico/contacto-mail.png');
	vertical-align: middle;
	margin-right: 2.5rem;
}