*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9}
header{position:sticky;top:0;background:#082b5b;color:#fff;padding:15px 5%;display:flex;justify-content:space-between}
nav a{color:#fff;text-decoration:none;margin-left:15px}
.hero{padding:120px 20px;text-align:center;background:linear-gradient(135deg,#082b5b,#0aa6c7);color:#fff}
.btn{display:inline-block;background:#fff;color:#082b5b;padding:14px 24px;border-radius:6px;text-decoration:none}
section{padding:70px 8%}
h2{text-align:center}
.grid,.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card,.photo{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.brands{text-align:center;background:#fff}
form{max-width:600px;margin:auto}
input,textarea{width:100%;padding:12px;margin:10px 0}
button{padding:12px 20px}
#contacto{background:#082b5b;color:#fff}
.wa{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;text-decoration:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}
footer{text-align:center;padding:20px;background:#051d3f;color:#fff}