*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}

body{background:#f5f7fa;color:#333;}

/* HEADER */
.header{background:white;box-shadow:0 2px 12px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;}
.header-container{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;}
.site-logo{height:60px;}
.navbar{display:flex;gap:25px;}
.navbar a{text-decoration:none;font-weight:bold;color:#1f2933;}
.navbar a:hover{color:#2563eb;}

/* HERO */
.hero{text-align:center;padding:60px 20px;background:white;}
.hero-logo{height:120px;margin-bottom:10px;}
.btn{display:inline-block;margin-top:15px;padding:12px 20px;background:#25D366;color:white;text-decoration:none;border-radius:6px;font-weight:bold;}
.call-btn{background:#2563eb;margin-left:10px;}

/* SECTION */
.section{max-width:1100px;margin:40px auto;padding:30px;background:white;border-radius:10px;}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{padding:20px;border-radius:8px;text-align:center;font-weight:bold;box-shadow:0 4px 10px rgba(0,0,0,0.1);}

/* COLORS */
.construction{background:#fee2e2;}
.paints{background:#fef9c3;}
.plumbing{background:#cffafe;}
.tools{background:#ede9fe;}
.electrical{background:#dcfce7;}
.fasteners{background:#e0f2fe;}
.safety{background:#ffedd5;}
.adhesives{background:#fce7f3;}

/* GALLERY */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;}
.gallery img{width:100%;height:200px;object-fit:cover;border-radius:8px;}

/* MAP */
.map-container iframe{width:100%;border-radius:10px;}

/* FOOTER */
.footer{background:#111827;color:white;text-align:center;padding:20px;margin-top:40px;}

/* FLOAT WHATSAPP */
.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px 18px;
border-radius:50%;
font-size:22px;
text-decoration:none;
box-shadow:0 4px 12px rgba(0,0,0,0.3);
}