body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222}
.hero{height:90vh;background:url('assets/projeto 2 depois.jpeg') center/cover no-repeat}
.overlay{background:rgba(0,0,0,.65);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}
.btn{background:#ffb400;color:#000;padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:bold}
.section{padding:60px 10%;text-align:center}
.section.dark{background:#111;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{padding:30px;background:#f3f3f3;border-radius:14px;font-weight:bold}
.gallery{columns:2 300px;gap:20px;margin-bottom:40px}
.gallery img{width:100%;border-radius:12px;margin-bottom:20px}
footer{background:#000;color:#fff;text-align:center;padding:25px}
h3{margin-top:50px}

body { font-family: 'Arial', sans-serif; }
.card { transition: transform .3s, box-shadow .3s; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,.15); }
button, .btn { border-radius: 30px; }
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
}