/***************************/
/*Estilos para Web Agribi*/
/***************************/

/***************************/
/**** estilos generales ****/
/***************************/

* {
	box-sizing: border-box;
}


body {
	margin: 0;
	background: #F0F0EC;
	color: #1c1b1b;
	font-family: "Nunito", serif;
}

h1,
h2,
p,
ul,
figure {
	margin: 0;
	padding: 0;
}

h1,
h2 {
	font-family: "Montserrat", serif;
	letter-spacing: 0.1em;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
}


a {
	text-decoration: none;
}


ul {
	list-style-type: none;
}

section {
	margin: 4em 0;
}

.boton {
	display: inline-block;
	padding: 1em 2em;
	text-transform: uppercase;
	background: #FFF;
	color: #000;
}
 
.boton:hover {
	background: #802f48;
	color: #ffffff;
}


/***********************/
/**** estructurales ****/
/***********************/

.ancho-maximo {
	padding: 0 2em;
	max-width: 1080px;
	margin: 0 auto;
}

.contenedor-inline > * {
	/* esta regla selecciona a todos los hijos de una etiqueta padre que tenga aplicada la class contenedor-inline */
	display: inline-block;
}

.centrar-vertical {
	vertical-align: middle;
}

/****************/
/**** frase slogan ****/
/****************/
.frase-slogan {
	padding: 1.5em;
	color: #FFF;
	background: #000;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/**************************/
/**** header principal ****/
/*************************/


.header-principal {
	margin-bottom: 30px;
	background: #F6F6F6;
}

/* zona superior header */
.header-superior {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

/* logo */
.logo {
	margin-right: 6ch;
}

/* nav  */
nav li:not(:last-child) {
	margin-right: 4ch;
}

nav ul a {
	display: inline-block;
	padding-bottom: 0.5em;
	color: #000000;
	text-transform: uppercase;
}

nav ul a:hover {
	border-bottom: 4px solid #802f48;
	color: #802f48;
}

/* zona inferior header */
.header-inferior {
	padding-top: 240px;
	background: url('../imagenes/nuevos-artesanos.webp');
	background-size: cover;
	background-position: center 75%;

}

.header-inferior h2 {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;

	font-size: 1.6em;
}

.header-inferior .boton {
	margin: 2em 0;
}

/*************************/
/**** main y secciones****/
/*************************/

main p {
	margin-bottom: 1em;
}

main h1 {
	margin-top: 2em;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
}


main h2 {
	font-size: 1.6em;
}

section h2 {
	margin-bottom: 8px;
	color: #802f48;
	font-size: 1.2em;
	text-transform: uppercase;
}

.imagenes-productos,
.imagenes-artesanos {
	margin: 2em 0;
}

.imagenes-productos img {
	width: 33%;
}

.imagenes-artesanos img {
	width: 24%;
}


.enlace-seccion {
	color: #000000;
	text-decoration: underline;
	text-transform: uppercase;
}

.enlace-seccion:hover {
	color: #802f48;
}

.ejemplosTrabajos {
	margin: 2em auto;
	text-align: center;
}

.ejemplosTrabajos img {
	margin: 0 8px;
	width: 25%;
	height: auto;
}



/****************/
/**** footer ****/
/****************/

.footer-principal {
	background:
		linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url('../imagenes/sostenibilidad.webp') center center / cover;

	color: #FFF;
}


.footer-principal h2 {
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

.footer-principal p {
	font-size: 0.9em;
}


.footer-mensaje {
	padding-top: 2em;
	padding-bottom: 2em;
}

.footer-mensaje p {
	margin-bottom: 0.5em;
}


.footer-cierre {
	padding: 2em;
	background: #464646;
	text-align: center;
	color: #bdbdbd;
}


.footer-cierre li:not(:last-child) {
	margin-right: 2ch;
}


.footer-cierre a {
	color: #bdbdbd;
}

.footer-cierre a:hover {
	color: #FFF;
}

.copyright {
	margin-top: 2em;
}

.copyright small {
	font-size: 1em;
}