body { margin:0; font-family:Arial; background:#f0f2f5; }
header { background:#1a1f36; color:white; padding:20px; text-align:center; }
.logo { width:80px; border-radius:10px; }
nav a { color:white; margin:0 10px; text-decoration:none; font-weight:bold; }
.hero { position:relative; }
.hero-img { width:100%; border-bottom:4px solid #1a1f36; }
.hero-text { position:absolute; bottom:20px; left:20px; background:#0008; color:white; padding:10px 20px; border-radius:8px; }
.content { max-width:1000px; margin:auto; padding:20px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.card { background:white; padding:20px; border-radius:12px; box-shadow:0 4px 10px #0002; }
.card img { width:100%; border-radius:8px; }
footer { background:#1a1f36; color:white; text-align:center; padding:10px; margin-top:20px; }
.whatsapp { position:fixed; bottom:20px; right:20px; background:#25d366; color:white; padding:12px 20px; border-radius:50px; text-decoration:none; font-weight:bold; box-shadow:0 4px 10px #0003; }