body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#333}
.hero{background:#4bbfc3;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}
.overlay{background:rgba(255,255,255,.9);padding:40px;border-radius:16px;max-width:900px}
.logo{max-width:140px;margin-bottom:10px}
.btn{display:inline-block;margin:10px;padding:12px 24px;background:#2a9da3;color:#fff;text-decoration:none;border-radius:30px}
.btn.whatsapp{background:#25d366}
.section{padding:60px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;max-width:800px;margin:auto}
.grid div{background:#e6f7f8;padding:20px;border-radius:12px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.gallery img{width:100%;border-radius:12px;cursor:pointer}
.video iframe{width:100%;max-width:560px;height:315}
form{max-width:500px;margin:20px auto;display:flex;flex-direction:column;gap:10px}
input,textarea,button{padding:10px;border-radius:8px;border:1px solid #ccc}
button{background:#2a9da3;color:#fff;border:none}
.map{width:100%;height:300px;border:0;margin-top:20px}
footer{background:#222;color:#fff;text-align:center;padding:20px}
footer a{color:#4bbfc3;text-decoration:none}
#modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);align-items:center;justify-content:center}
#modal img{max-width:90%;max-height:90%}

.section-contact{
  background:#f5fbfc;
}
.contact-wrapper{
  max-width:1000px;
  margin:30px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:stretch;
}
.contact-form, .contact-map{
  flex:1 1 300px;
}
.contact-map .map{
  height:100%;
  min-height:260px;
}
.address{
  margin-top:10px;
  font-weight:600;
}
@media (max-width:768px){
  .overlay{margin:20px}
}