
<!-- Modal -->
<div class="modal fade" id="exampleModalLong1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">COCINA COMPOSTABLE (65X90X10)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/65X90X10-COCINA-COMPOSTABLE-.jpg" alt="..." class="rounded text-center">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$18.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="exampleModalLong2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">COCINA COMPOSTABLE (55X75X10)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/55X75X10-COCINA-COMPOSTABLE.jpg" alt="..." class="rounded productoimg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$7.500</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">PAPELERA COMPOSTABLE (43X48X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/43X48X30-PAPELERA-COMPOSTABLE.jpg" alt="..." class="rounded productoimg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$11.500</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">MASCOTAS COMPOSTABLE (27X30X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/27X30X30-MASCOTAS-COMPOSTABLE.jpg" alt="..." class="rounded productoimg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$4.500</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">KIT 1</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/kit_1.jpg" alt="..." class="rounded productoimg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$25.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong6" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">KIT 1</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/kit-2.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$26.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong7" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">KIT 3</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/kit_3.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$42.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong8" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">KIT FAMILIAR</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/kit_familiar.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$23.300</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong9" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">MASCOTAS-GRANDES (27X30X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/27X30X30-MASCOTAS-GRANDES.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$1.500</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong10" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">MASCOTAS-PEQUEÑAS (27X30X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/27X30X30-MASCOTAS-PEQUEÑAS.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$1.300</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong11" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">MULTIUSOS (30X40X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/30X40X30-MULTIUSOS.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$2.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong12" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">PAPELERA-BLANCO (43X48X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/43X48X30-PAPELERA-BLANCO.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$3.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong13" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">PAPELERA-ROSADO (43X48X30)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/43X48X30-PAPELERA-ROSADO.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$3.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong14" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">COCINA-VERDE (55X75X10)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/55X75X10-COCINA-VERDE.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$3.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong15" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">COCINA-VERDE (65X90X10)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/65X90X10-COCINA-VERDE.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$3.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="exampleModalLong16" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">RECICLABLES-AZUL (65X90X10)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/65X90X10-RECICLABLES-AZUL.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$3.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong17" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">BLANCO-TAREAS-PESADAS (65X95X8)</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/65X95X8-BLANCO-TAREAS-PESADAS.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$4.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="exampleModalLong18" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-center" id="exampleModalLongTitle">KIT COMPOSTABLE</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      
      		 <div  class="col-lg-12 text-center">
					
				<img src="material/img/productos/kit_4.jpg">
				
				
			</div>
			<div class="col-lg-12 "><h1 class="precio text-center">$39.000</h1></div>
      	
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">Arregar a la bolsa</button>
      </div>
    </div>
  </div>
</div>