/* ========== Página Content Marketing ========== */
/* Reutiliza: styles.css (page-subpage, subpage-header, header-logo-subpage, hero-*, content-section*, post-block, page-footer). Solo particularidades. */

.page-content-marketing {
  color: var(--tarifario-text);
  overflow-x: hidden;
}

/* ---------- Section 1: intro (título grande + dos columnas de texto) ---------- */
.content-marketing-intro .content-section__title--lead {
  font-weight: 300;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: #fff;
  text-transform: none;
  letter-spacing: 0.02em;
}
.content-marketing-intro .content-section__badge {
  color: var(--post-accent);
}
.content-marketing-intro__grid {
  display: grid;
  gap: 2rem;
  margin-top: 0;
}
@media (min-width: 992px) {
  .content-marketing-intro__grid {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
.content-marketing-intro__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.content-marketing-intro__text {
  margin: 0;
  font-family: var(--tarifario-font-body);
  font-size: 1rem;
  line-height: 1.6;
  color: #fff;
}
.content-marketing-intro__highlight {
  color: var(--post-accent);
  font-weight: 500;
}