/*
  Estilos específicos para la sección de servicios
  Archivo independiente para mantener el diseño separado.
*/

.services {
  position: relative;
  background: linear-gradient(180deg, #f9fbf9 0%, #f1f6f3 100%);
}

.services .service-row {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.services .service-row:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(31, 62, 52, 0.12);
}

.services .service-row-blue {
  --service-accent: #2d728d;
  --service-tint: #edf5f9;
}

.services .service-row-sand {
  --service-accent: #8a6546;
  --service-tint: #f8f1ea;
}

.services .service-photo-slot {
  border-radius: 18px;
}

.services .service-content h3 {
  letter-spacing: -0.02em;
}

.services .service-highlight {
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(57, 116, 95, 0.08);
}

.services .stats-row {
  border-radius: 22px;
  background: linear-gradient(135deg, #edf5ef 0%, #dfeee6 100%);
}

@media (max-width: 767px) {
  .services .service-photo-slot {
    border-radius: 14px;
  }
}