<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Comercial Brinex</title>

<style>

body{

font-family: Arial, sans-serif;

margin:0;

background:#f4f4f4;

color:#333;

text-align:center;

}

header{

background:#0a3d91;

color:white;

padding:40px 20px;

}

h1{

margin:0;

font-size:36px;

}

section{

padding:30px 20px;

}

.productos{

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:20px;

}

.card{

background:white;

padding:20px;

border-radius:8px;

box-shadow:0 4px 10px rgba(0,0,0,0.1);

width:250px;

}

.whatsapp{

display:inline-block;

background:#25D366;

color:white;

padding:15px 25px;

border-radius:6px;

text-decoration:none;

font-size:18px;

margin-top:20px;

}

footer{

background:#0a3d91;

color:white;

padding:20px;

margin-top:30px;

}

</style>

</head>

<body>

<header>

<h1>COMERCIAL BRINEX</h1>

<p>Distribuidor de productos de limpieza y papel institucional</p>

</header>

<section>

<h2>Productos</h2>

<div class="productos">

<div class="card">

<h3>Paños Maxwipe</h3>

<p>Alta absorción y reutilizables.</p>

</div>

<div class="card">

<h3>Papel Higiénico Elite</h3>

<p>Doble hoja, alto rendimiento.</p>

</div>

<div class="card">

<h3>Pañales Cotidian</h3>

<p>Protección y comodidad.</p>

</div>

<div class="card">

<h3>Productos de Lavandería</h3>

<p>Detergentes y limpieza del hogar.</p>

</div>

<a class="whatsapp" href="https://wa.me/56988334228">

📲 Pedir por WhatsApp

</a>

<p style="margin-top:20px">

🚚 Despacho empresas sector nororiente<br>

🚚 Hogares Colina y Quilicura

</p>

</section>

<footer>

</footer>

</body>

</html>