/* Animación de aparición lateral para service-item */

/* Animación de aparición lateral invertida y más notoria */
.service-item {
  opacity: 0;
  transform: translateX(60px);
  transition: opacity 1.2s cubic-bezier(.4,1.5,.5,1), transform 1.2s cubic-bezier(.4,1.5,.5,1);
  will-change: opacity, transform;
}
.service-item.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Alternar dirección para los pares (ahora pares a la izquierda) */
.service-item:nth-child(even) {
  transform: translateX(-60px);
}
.service-item:nth-child(even).is-visible {
  transform: translateX(0);
}
/* ===============================
   SERVICES — MINIMAL EDITORIAL
=============================== */

.services {
  padding: 6rem 2rem;
  background: #f9dce1
; /* verde oscuro Domika */
}

/* Header */

.services-header {
  max-width: 820px;
  margin-bottom: 2rem;
}

.services-header h2 {
  font-family: var(--font-title);
  font-size: clamp(3.5rem, 7vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
  color: #c13a38;
}

/* List */

.services-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Item */

.service-item {
  max-width: 640px;
}

.service-item h3 {
  font-family: var(--font-title);
  font-size: clamp(2rem, 4vw, 2.6rem);
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  color: #c13a38;

}

.service-item p {
  font-family: var(--font-body);
  font-size: 1.4rem;
  line-height: 1.5;
  color: #c13a38;
  max-width: 550px;
}

/* Alternar distribución correcta */
.service-item:nth-child(even) {
  margin-left: auto;
  text-align: right;
}

.service-item:nth-child(odd) {
  margin-left: 0;
  text-align: left;
}


/* Responsive */

@media (max-width: 768px) {
  .service-item,
  .service-item:nth-child(even) {
    margin-left: 0;
    text-align: left;
  }
}