Servicios

<style>
.huerto-grid {
  display: grid;
  gap: 20px;
  justify-content: center;
  max-width: 1200px;
  margin: 40px auto;
  padding: 40px 40px;
  grid-template-columns: repeat(1, 1fr); /* Móvil por defecto */
}

@media (min-width: 600px) {
  .huerto-grid {
    grid-template-columns: repeat(2, 1fr); /* Tablet */
  }
}

@media (min-width: 900px) {
  .huerto-grid {
    grid-template-columns: repeat(4, 1fr); /* Escritorio */
  }
}

.huerto-card {
  background-color: #f8f3ea;
  border-radius: 12px;
  padding: 18px 14px;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  transition: all 0.2s ease-in-out;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.huerto-card:hover {
  box-shadow: 0 12px 14px rgba(0,0,0,0.12);
  transform: translateY(-10px);
}

.huerto-icon {
  font-size: 1.8em;
  margin-bottom: 10px;
}

.huerto-title {
  font-weight: 600;
  font-size: 1.05em;
  margin-bottom: 6px;
  color: #222;
}

.huerto-text {
  font-size: 0.9em;
  color: #444;
  line-height: 1.4;
  margin: 0;
}
</style>

<div class="huerto-grid">
  <div class="huerto-card">
    <div class="huerto-icon">👩‍🌾</div>
    <div class="huerto-title">Cultivo Ecológico</div>
    <p class="huerto-text">Parcelas de 50m² para cultivar de forma sostenible y respetuosa con el medio ambiente.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">💧</div>
    <div class="huerto-title">Sistema de Riego</div>
    <p class="huerto-text">Sistema de agua de pozo con grifo individual en cada parcela para un riego eficiente y suficiente.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🔆</div>
    <div class="huerto-title">Energía Solar</div>
    <p class="huerto-text">Zonas comunes alimentadas con energía solar para reducir nuestra huella ecológica.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🌿</div>
    <div class="huerto-title">Comunidad Verde</div>
    <p class="huerto-text">Forma parte de una comunidad activa con talleres, eventos y espacios de convivencia.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🐎</div>
    <div class="huerto-title">Zona Esparcimiento Infantil</div>
    <p class="huerto-text">Espacio pensado para que los niños puedan jugar y disfrutar en un entorno natural.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🛋️</div>
    <div class="huerto-title">Zonas de Descanso</div>
    <p class="huerto-text">Áreas habilitadas para relajarse y compartir momentos con otras personas del huerto.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">♻️</div>
    <div class="huerto-title">Compostaje Comunitario</div>
    <p class="huerto-text">Reutilizamos residuos orgánicos para crear abono natural, cerrando el ciclo ecológico.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🔒</div>
    <div class="huerto-title">Acceso Seguro</div>
    <p class="huerto-text">Control de acceso con tarjeta y videovigilancia 24h para mayor tranquilidad.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🏖️</div>
    <div class="huerto-title">Vestuarios y Sombra</div>
    <p class="huerto-text">Comodidades para que disfrutes tu huerto con confort y protección solar.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🛠️</div>
    <div class="huerto-title">Herramientas Compartidas</div>
    <p class="huerto-text">Acceso a herramientas básicas sin necesidad de traer las tuyas.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🅿️</div>
    <div class="huerto-title">Parking Gratuito</div>
    <p class="huerto-text">Zonas con amplio parking para vehículos, gratuito y cercano a tu parcela.</p>
  </div>
  <div class="huerto-card">
    <div class="huerto-icon">🚿</div>
    <div class="huerto-title">Vestuarios y Aseos</div>
    <p class="huerto-text">Dispondremos de zonas comunes con aseos y duchas para poder cambiarte antes y después de tu tiempo de cultivo.</p>
  </div>
</div>