/* ============================================================
   Carlos Sanchez Portal · Home editorial cleanup v1.1.34
   Alcance:
   - Encabezados de Problemas, Servicios y Experiencia.
   - Los textos introductorios se eliminan desde index.html.
   - No modifica tarjetas, contenido funcional ni JavaScript.
   ============================================================ */

.home-compact #problemas .section-heading.portfolio-heading,
.home-compact #servicios .section-heading.portfolio-heading,
.home-compact #experiencia .section-heading.portfolio-heading {
  display: block;
  width: 100%;
  max-width: none;
  gap: 0;
  align-items: initial;
}

.home-compact #problemas .section-heading.portfolio-heading > div,
.home-compact #servicios .section-heading.portfolio-heading > div,
.home-compact #experiencia .section-heading.portfolio-heading > div {
  width: 100%;
  max-width: none;
}

.home-compact #problemas .section-heading h2,
.home-compact #servicios .section-heading h2,
.home-compact #experiencia .section-heading h2 {
  width: 100%;
  max-width: 1080px;
  line-height: 1.04;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

/* Menos altura desperdiciada tras retirar la columna descriptiva. */
.home-compact #problemas .section-heading.portfolio-heading {
  margin-bottom: 28px;
}

.home-compact #servicios .section-heading.portfolio-heading {
  margin-bottom: 10px;
}

.home-compact #experiencia .section-heading.portfolio-heading {
  margin-bottom: 28px;
}

/* Servicios puede aprovechar especialmente el ancho disponible. */
.home-compact #servicios .section-heading h2 {
  max-width: none;
}

/* En pantallas grandes damos algo más de aire horizontal al titular
   sin alterar el tamaño tipográfico establecido por el portal. */
@media (min-width: 1100px) {
  .home-compact #problemas .section-heading h2,
  .home-compact #experiencia .section-heading h2 {
    max-width: 1040px;
  }
}

/* Responsive: conservar la jerarquía compacta existente. */
@media (max-width: 760px) {
  .home-compact #problemas .section-heading.portfolio-heading,
  .home-compact #experiencia .section-heading.portfolio-heading {
    margin-bottom: 20px;
  }

  .home-compact #servicios .section-heading.portfolio-heading {
    margin-bottom: 8px;
  }

  .home-compact #problemas .section-heading h2,
  .home-compact #servicios .section-heading h2,
  .home-compact #experiencia .section-heading h2 {
    max-width: 100%;
    line-height: 1.08;
    letter-spacing: -0.018em;
    text-wrap: balance;
  }
}