:root {
	--verdeprimario: #09a73a;
	--gris: #b4bbc2;
	--grisobsc: #75777A;
	--negro: #000000;
	--fondo:#f5f5f5;
	--mision: #8DA7BE;
	--textos: #0F141A;
	--fuente-menu: 3.8rem;
	--color-header:#5050508c;
}

*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-family: 'Lato', sans-serif;
	}


	body{
		background: url(https://agromx.com.mx/v2023/img/fondo-video.jpg);
		background-size: 100vw 100vh;
		background-repeat: no-repeat;
	}

	.spacer200-des-prod{
    background-color: #fff;
    width: 100%;
    height: 200px;    
    z-index: 30;
}
.spacer100-des-prod{
	background-color: #fff;
	width: 100%;
	height: 100px;    
	
}
	.spacer200{
    background-color: #f5f5f5;
    width: 100%;
    height: 200px;    
    z-index: 30;
}
.spacer100{
	background-color: #f5f5f5;
	width: 100%;
	height: 100px;    
	
}
.spacer50{
	background-color: #f5f5f5;
	width: 100%;
	height: 50px;    
	
}

	.capa{
		position: fixed;
		width: 100%;
		height: 100vh;
		/* background: rgba(0,0,0,0.6); */
		z-index: -1;
		top: 0;left: 0;
	}
	/*Estilos para el encabezado*/

	.titulos{
    width: 100%;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    
}


.titulos h3{
    color: var(--verdeprimario);    
    font-size: 4rem;    
}

.titulos h2{
    color: var(--textos);    
    font-size: 5rem;
    letter-spacing: 2px;
}

.c-texto h2{
    color: var(--verdeprimario)
}

.sub-tit{
    padding: 10px 20px;
}

.cintillo{
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
}

.text{
    color: white;
    font-size: 1.1rem;
    align-items: center;
}

.titulos-UN{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 20px;
}

.titulos-UN h3{
	color: var(--gris);
	font-size: 4rem;
	
}
.titulos-UN h2{
	color: #f5f5f5;    
	font-size: 5rem;
	letter-spacing: 2px;
}