/* =========================================================
   Encabezado de sección — Propuesta B (SETT)
   ========================================================= */

.wpe-es {
  --wpe-es-num-bg: #E4ED64;
  --wpe-es-num-color: #101010;
  --wpe-es-num-tam: 46px;
  --wpe-es-gap: 16px;
  --wpe-es-titulo: #101010;
  --wpe-es-desc: #4F6266;
  /* Deja sitio para la cabecera fija del sitio al saltar a la sección. */
  --wpe-es-margen-ancla: 24px;

  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 8px;
  scroll-margin-top: var(--wpe-es-margen-ancla);
}

.wpe-es .wpe-es__fila {
  display: flex;
  align-items: center;
  gap: var(--wpe-es-gap);
}

.wpe-es .wpe-es__numero {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--wpe-es-num-tam);
  height: var(--wpe-es-num-tam);
  border-radius: 999px;
  background: var(--wpe-es-num-bg);
  color: var(--wpe-es-num-color);
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

/* Se declara la fuente y el color sobre el propio título: los temas suelen
   estilar h1–h4 directamente y ganarían a cualquier valor heredado. */
.wpe-es .wpe-es__titulo {
  margin: 0;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.8px;
  line-height: 1.15;
  color: var(--wpe-es-titulo);
}

.wpe-es .wpe-es__desc {
  margin: 0;
  font-family: Heebo, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--wpe-es-desc);
}
.wpe-es.wpe-es--alineada .wpe-es__desc {
  margin-left: calc(var(--wpe-es-num-tam) + var(--wpe-es-gap));
}

@media (max-width: 1024px) {
  .wpe-es .wpe-es__titulo { font-size: 34px; }
}

@media (max-width: 767px) {
  .wpe-es { --wpe-es-num-tam: 40px; --wpe-es-gap: 12px; }
  .wpe-es .wpe-es__titulo { font-size: 28px; letter-spacing: -0.4px; }
  .wpe-es .wpe-es__desc { font-size: 15px; }
}