/* =============================================================
   ABOUT MANIFESTO — Bloque ACF acf/about-manifesto
   ============================================================= */

.about-manifesto {
  padding-block: 6rem;
}

.about-manifesto__inner {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--pad-x);
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 5rem;
  align-items: center;
}

.about-manifesto__label {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.about-manifesto__since {
  font-family: var(--f-heading);
  font-size: 6rem;
  line-height: 1;
  color: var(--blk-border, var(--c-dark-5));
}

.about-manifesto__quote {
  font-family: var(--f-heading);
  font-size: var(--text-5xl);
  line-height: 1.2;
  color: var(--blk-text, var(--c-white));
  font-style: italic;
}

.about-manifesto__quote em {
  color: var(--blk-accent, var(--c-eyebrow-on-dark));
  font-style: inherit;
}

/* ── Esquemas de color ───────────────────────────────────────── */

.about-manifesto.is-style-dark .about-manifesto__since  { color: #FFFFFF; }
.about-manifesto.is-style-gray .about-manifesto__since,
.about-manifesto.is-style-light .about-manifesto__since { color: #0D0D0D; }

@media (max-width: 1200px) {
  .about-manifesto__since { font-size: 4.5rem; }
}

@media (max-width: 1024px) {
  .about-manifesto__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .about-manifesto__since { font-size: 3.5rem; }
}

@media (max-width: 768px) {
  .about-manifesto { padding-block: 4rem; }
  .about-manifesto__quote { font-size: var(--text-4xl); }
}