.servicios-section {
  padding-top: var(--pad-24);
  padding-bottom: var(--pad-40);
}

.servicios-intro {
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--mg-8);
  margin-bottom: var(--mg-16);
}

.servicios-section h1 {
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-align: center;
  margin-top: 0;
  margin-bottom: var(--mg-12);
  padding-inline: var(--pad-16);
}

@media (max-width: 768px) {
  .servicios-intro {
    margin-top: 0;
    margin-bottom: var(--mg-12);
  }

  .servicios-section h1 {
    font-size: var(--font-32);
    line-height: 1.4;
    padding: 0 1rem;
    margin-top: 0;
    margin-bottom: var(--mg-12);
  }
}

@media (max-width: 430px) {
  .servicios-section {
    gap: var(--gap-16);  /* 1rem = 16px */
    padding-block: var(--pad-4);
  }

  .servicios-intro {
    margin-top: 0;
    margin-bottom: var(--mg-12);
  }

  .servicios-section h1 {
    font-size: var(--font-32);
    line-height: 1.4;
    padding: 0 1rem;
    margin-top: 0;
    margin-bottom: var(--mg-12);
  }
}