<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>GRUPO AGROMX</title>
	<link rel="shortcut icon" href="assets/icon/icono.png" type="image/x-icon">
	<link rel="stylesheet" href="css/generales.css">
	<link rel="stylesheet" href="css/styles-header.css">
	<link rel="stylesheet" href="css/styles.css">
	<link rel="stylesheet" href="css/styles-footer.css">
  <link rel="stylesheet" href="css/style-contact.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/addstyle.css">	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/es.min.js"></script>
 
</head>
<body>
  <header>
    <?php
    require_once('secciones/header.php');
    ?>
  </header>
 <!-- VIDEO -->
<div>
	<video autoplay muted loop>
			<source src="assets/media/video.mp4" type="video/mp4">
			Tu navegador no soporta video en html5
	</video>
</div>

<div class="bg-video"></div>
<!-- FIN DEL VIDEO -->

<!-- SLOGAN -->
<div class="banner-secciones"></div>
<!-- FIN -->

<!-- pleca -->
<div class="pleca-1" >
<img src="assets/img/pleca-1.svg" >
</div>

<!-- titulo -->
<section  class="position2" >
		<div class="titulos">
			<div class="sub-tit"><h3>POSVENTA</h3></div>
			
		</div>
	
</section>
<div class="elem1"><img src="assets/img/posventa-1.png"></div>
<div class="elem2"><img src="assets/img/POSVENTA-2.jpg"></div>
		



<!-- footer -->

<div>
<?php
    require_once('secciones/footer.php');
    ?>
</div>
<script src="info_financiera.js"></script>
<script src="main.js"></script>
<script type="text/javascript">
	window.addEventListener("scroll", function(){
		var header = document.querySelector("header"); header.classList.toggle("abajo", window.scrollY>0);
	})
</script>
</body>