* { margin:0; box-sizing:border-box; 
    
    font-family:Arial; }

body { background:#f5f5f5; 
  animation: fadeIn 1.2s ease-in forwards;
     opacity: 0;
    color:#333; }
@keyframes fadeIn {
        to {
          opacity: 1;
        }
      }




.header {
  display:flex; justify-content:space-between;
  align-items:center; padding:1rem;
  background:#b71c1c; color:#fff;
  font-weight: bold;
}

nav a { color:#fff; margin-left:1rem; text-decoration:none; }

.menu-btn { display:none; background:none; border:none; color:#fff; font-size:1.5rem; }

.hero {
  background:linear-gradient(#0008,#0008),
  url("IMG_20221001_190350.jpg") center/cover;
  padding:5rem 1rem; text-align:center; color:#fff;
}
.about1{
    font-size: x-large;
}

.btn {
  background:#b71c1c; color:#fff;
  padding:.7rem 1.2rem;
  text-align: center;
  display:inline-block; margin-top:1rem;
  border-radius:4px; text-decoration:none;
}

.section { padding:3rem 1rem; 
    text-align: center;
    max-width:1200px; 
    margin:auto; }
.light { background:#fff; }

.services {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1rem;
}

.services div {
  background:#b71c1c; color:#fff;
  padding:1rem; border-radius:6px; text-align:center;
}

/* FILTER */
.filter-buttons {
  text-align:center;
  margin-bottom:1rem;
}
.filter-buttons button {
  margin:.3rem; padding:.5rem 1rem;
  border:none; cursor:pointer;
}
.filter-buttons .active { background:#b71c1c; color:#fff; }

/* GALLERY */
.gallery-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
}
.gallery-grid img {
  width:100%; height:220px;
  object-fit:cover; border-radius:8px;
  cursor:pointer; transition:.3s;
}
.gallery-grid img:hover { transform:scale(1.05); }

/* LIGHTBOX */
#lightbox {
  position:fixed; inset:0;
  background:#000c;
  display:none; justify-content:center; align-items:center;
}
#lightbox img { max-width:90%; max-height:90%; }
#closeLightbox {
  position:absolute; top:20px; right:30px;
  color:#fff; font-size:2rem; cursor:pointer;
}

/* FORM */
form { max-width:500px; margin:auto; display:grid; gap:1rem; }
input, textarea { padding:.7rem; }

/* MAP */
iframe { width:100%; height:300px; border:0; margin-top:1rem; }

/* WHATSAPP */
.whatsapp-btn {
  position:fixed; bottom:20px; right:20px;
  background:#25d366; color:#fff;
  font-size:2rem; padding:.7rem;
  border-radius:50%;
  text-decoration:none;
}

/* MOBILE */
@media(max-width:768px){
  nav { display:none; flex-direction:column; }
  .menu-btn { display:block; }
  .hero{
    
  }
}

footer{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 30px;
    background-color: #b71c1c;
}