/* Etapa 2. Reglas limitadas a servicios: no alteran la portada aprobada.
   Referencias: seccion-2-desktop.pdf.pdf y seccion-2-mobile.pdf.pdf.
   Título: misma fuente provisional de la portada.
   Párrafo: Arial regular PROVISIONAL, hasta disponer de Futura regular.
   Se conserva la puntuación original, incluso "pasando,después". */
.servicios {
  background: var(--color-fondo);
  color: var(--color-texto);
}

.servicios__composicion {
  position: relative;
  container-type: inline-size;
  width: 100%;
  aspect-ratio: 1080 / 675;
}

.servicios__titulo {
  position: absolute;
  top: 12.6%;
  left: 6.2%;
  margin: 0;
  font-family: var(--fuente-titular);
  font-weight: var(--peso-titular);
  font-size: 7.5cqw;
  line-height: 0.93;
  letter-spacing: -0.10em;
  text-align: left;
}

.servicios__descripcion {
  position: absolute;
  top: 56.3%;
  left: 6.2%;
  margin: 0;
  font-family: Arial, sans-serif; /* PROVISIONAL: trazo regular del PDF. */
  font-weight: 400;
  font-size: 3.8cqw;
  line-height: 1.02;
  letter-spacing: -0.055em;
  text-align: left;
}

.servicios__titulo span,
.servicios__descripcion span {
  display: block;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .servicios__composicion {
    aspect-ratio: 292.5 / 633;
  }

  .servicios__titulo {
    top: 4.95%;
    left: 10%;
  }

  .servicios__descripcion {
    top: 17.65%;
    left: 10%;
  }
}