<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>GRUPO AGROMX-AS</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-mq/general-header.css">
	<link rel="stylesheet" href="../css/styles.css">
	<link rel="stylesheet" href="../css/styles-footer.css">
  <link rel="stylesheet" href="css-mq/style-maq-ligera.css">
  <link rel="stylesheet" href="css-mq/style-as.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">	 
</head>

<body>

<header>
    <?php
    require_once('headers/header-as.php');
    ?>
  </header>

<!-- BANNER -->

<!-- espacio -->
<section class="spacer200-des-prod"></section>



<!--descripcion de producto-->

<div class="descripcion-product">
	
		<div>
			<img src="img/btn-as/01 AS DESBROZADORA BM-52B.jpg">
		</div>
	
	
		<div class="esp-tec">
			<div class="dato-1"><img src="img/plecas/pleca-as.svg"></div>
			<div class="dato-2">ESPECIFICACIONES TÉCNICAS</div>
			<div class="dato-3"><img src="img/plecas/pleca-as-mitsubishi.svg"></div>
			<div class="dato-4"></div>
			<div class="dato-5">Tipo</div>
			<div class="dato-6">2 tiempos, Gasolina</div>
			<div class="dato-7">Potencia</div>
			<div class="dato-8">2.3 HP</div>
			<div class="dato-9">Carburador</div>
			<div class="dato-10">Por diafragmas</div>
			<div class="dato-11">Desplazamiento</div>
			<div class="dato-12">43 CC</div>
			<div class="dato-13">RPM</div>
			<div class="dato-14">7000</div>
			<div class="dato-15">Mezcla de aceite</div>
			<div class="dato-16">50:1</div>
			<div class="dato-17">Tanque de combustible</div>
			<div class="dato-18">900 ml</div>
			<div class="dato-19">Arranque</div>
			<div class="dato-20">Manual retráctil</div>
			<div class="dato-21"></div>
			<div class="dato-22">				
					<button class="boton-des-fich-tec">DESCARGAR FICHA TECNICA</button>
			</div>
			<div class="dato-23"><button class="btn-whatsaap">WHATSAPP</button></div>

		</div>	
	
</div>
<div class="spacer100-des-prod"></div>

<div class="tit-prod-rela">
	<p>PRODUCTOS RELACIONADOS</p>
</div>

		<!--PRODUCTOS RELACIONADOS-->
		
		<div class="conte-productos-rela">
			<a href="#">
				<button class="button">
					<img src="img/btn-as/01 AS DESBROZADORA BM-52B.jpg">
				</button>
			</a>

			<a href="#">
				<button class="button">
					<img src="img/btn-as/02 AS PULVERIZADORA DE LIQUIDOS Y SOLIDOS 3WF-3C.jpg">
				</button>	
			</a>

			<a href="#">
				<button class="button">
				<img src="img/btn-beemach/04 MOLINO ENSILADOR DE MARTILLOS BM-ME2000.jpg">
				</button>
			</a>

			<a href="#">
				<button class="button">
				<img src="img/btn-beemach/05 PARIHUELA DE DIAFRAGMAS BM-PH65.jpg">
				</button>
			</a>
			
		</div>


<section class="spacer100"></section>


     <!--PIE-->
     
<!-- footer -->

<div>
<?php
    require_once('footer.php');
    ?>
</div>

  <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>
