/* Reset básico */

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1rem 1rem;
}

/* 🎯 Heading */
.servicio-heading {
  background-color: #fff;
  color: #000;
  text-align: center;
  max-width: 1320px;
  margin: 0 auto;
}

.servicio-banner {
  background-color: #fff;
  color: #000;
  padding: 4rem 0;
  text-align: center;
}

.servicio-heading h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.servicio-heading p {
  font-size: 1.2rem;
}

/* 🖼️ Galería */
.galeria-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.galeria-grid img {
  width: 100%;
  object-fit: cover;
}

/* 🔆 Iconos */
.servicio-iconos {
  background-color: #fff;
  padding: 3rem 0;
  text-align: center;
}

.iconos-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.icono-item {
  max-width: 300px;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: 1rem;
  border-radius: 120px;
  background: #eee;
}

.icono-item img {
  width: 64px;
  margin-bottom: 0.5rem;
}

.icono-item p {
  font-weight: 600;
  font-size: 24px;
  color: #000;
}

/* 📝 Descripción */
.descripcion-servicio {
  background-color: #ffffff;
  padding: 3rem 1rem;
  text-align: center;
}

.descripcion-servicio h2 {
  font-size: 3rem;
  color: #000;
  max-width: 840px;
   margin: 0 auto 1rem auto;
}

.descripcion-servicio p {
  font-size: 1.4rem;
  max-width: 800px;
  color: #333;
  text-align: center;
  margin: 0 auto 1rem auto;
}

/* 📸 Galería secundaria */
.galeria-secundaria {
  background-color: #fff;
  padding: 3rem 0;
}

/* 🚀 CTA */
.cta-servicio {
  text-align: center;
  padding: 4rem 1rem;
  background-color: #fff;
}

.btn-cta {
  background-color: #80BB30;
  color: #fff !important;
  padding: 1.2rem 2rem;
  font-weight: 600;
  border-radius: 18px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-cta:hover {
  background-color: #699A25;
  color: #fff;
  transform: scale(1.1);
}