body{margin:0;font-family:Arial;background:#ecfeff;color:#0f172a;}
header{text-align:center;background:#0ea5e9;color:white;padding:20px;border-bottom:4px solid #22d3ee;}

.hero{
height:85vh;
background:url('https://images.unsplash.com/photo-1505691938895-1758d7feb511') center/cover;
display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;
}

.gallery{padding:40px;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;}
.grid img{width:100%;border-radius:12px;transition:0.4s;}
.grid img:hover{transform:scale(1.12);}

.services{padding:40px;text-align:center;background:#cffafe;}
.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.card{background:white;padding:20px;border-radius:12px;width:220px;transition:0.3s;}
.card:hover{transform:translateY(-10px);}

.contact{padding:40px;text-align:center;}
form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:auto;}
input,textarea{padding:10px;border-radius:6px;border:1px solid #ccc;}
button{padding:10px;background:#0ea5e9;color:white;border:none;cursor:pointer;}

.map iframe{width:100%;height:400px;border:0;}

footer{text-align:center;padding:15px;background:#0ea5e9;color:white;border-top:4px solid #22d3ee;}

.whatsapp{
position:fixed;bottom:20px;right:20px;background:#25D366;
color:white;padding:15px;border-radius:50%;font-size:22px;text-decoration:none;
}