/* ======================================================
   PARA QUIÉN ES – EDITORIAL SINTEGRAD
   ====================================================== */

.audience-editorial {
  padding: clamp(5rem, 8vw, 8rem) 1.5rem;
  background: #000;
}

/* ======================================================
   EJE EDITORIAL (CLAVE)
   ====================================================== */

.audience-editorial__header,
.audience-editorial__items {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ======================================================
   HEADER
   ====================================================== */

.audience-editorial__header {
  margin-bottom: 4rem;
}

.audience-editorial__header h2 {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

.audience-editorial__header p {
  max-width: 520px;
  font-size: 1.05rem;
  line-height: 1.6;
  opacity: 0.8;
}

/* ======================================================
   ITEMS
   ====================================================== */

.audience-editorial__items {
  display: grid;
  gap: 3.5rem;
}

.audience-item {
  max-width: 720px;
}

.audience-item h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.audience-item p {
  font-size: 1rem;
  line-height: 1.6;
  opacity: 0.8;
}

/* ======================================================
   NOTA FINAL (QUIEBRE INTENCIONAL)
   ====================================================== */

.audience-item--note {
  margin-top: 3rem;
  max-width: 520px;
}

.exclusion-copy {
  font-size: 0.95rem;
  opacity: 0.6;
  font-style: italic;
}

/* ======================================================
   DESKTOP
   ====================================================== */

@media (min-width: 1024px) {
  .audience-editorial__items {
    gap: 4rem;
  }
}
/* ======================================================
   AJUSTE EDITORIAL – DESKTOP PREMIUM
   ====================================================== */

@media (min-width: 1024px) {

  /* Permite que el texto respire más */
  .audience-item {
    max-width: 880px;
  }

  /* Desplazamiento editorial sutil hacia la derecha */
  .audience-editorial__items {
    padding-left: 120px;
  }

}
/* ======================================================
   AJUSTE TEXTO INTRO – PARA QUIÉN ES (DESKTOP)
   ====================================================== */

@media (min-width: 1024px) {

  .audience-editorial__header p {
    max-width: 900px;
  }

}
/* ======================================================
   AJUSTE DESKTOP – EJE EDITORIAL UNIFICADO
   No afecta mobile
   ====================================================== */

@media (min-width: 1024px) {

  /* Contenedor maestro */
  .audience-editorial {
    display: flex;
    justify-content: center;
  }

  .audience-editorial__header,
  .audience-editorial__items {
    width: 100%;
    max-width: 1200px;
  }

  /* EJE ÚNICO */
  .audience-editorial__header,
  .audience-editorial__items,
  .audience-item {
    margin-left: 0;
  }

  /* Alineación editorial */
  .audience-editorial__header h2,
  .audience-editorial__header p,
  .audience-item h3,
  .audience-item p {
    max-width: 720px;
  }

}