/* Centro de conocimiento ARCLY: lectura clara, Quicksand y azules de marca. */
.knowledge-page { background: var(--cream); }
.knowledge-page .container { max-width: 1220px; }
.knowledge-hero { padding: clamp(64px, 7vw, 112px) 0; }
.knowledge-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: clamp(32px, 6vw, 90px); }
.knowledge-hero h1 { max-width: 13ch; margin: 0 0 25px; color: var(--text); font-size: clamp(3.2rem, 5vw, 5.1rem); line-height: 1.05; letter-spacing: -.04em; font-weight: 700; }
.knowledge-hero p { max-width: 56ch; color: var(--text-soft); font-size: clamp(1.1rem, 1.45vw, 1.28rem); line-height: 1.6; }
.knowledge-hero-art { display: flex; align-items: end; justify-content: center; min-height: 420px; overflow: hidden; border: 1px solid #bfdff0; border-radius: 28px; background: #e4f1f9; }
.knowledge-hero-art img { display: block; width: min(76%, 340px); height: 410px; object-fit: contain; object-position: center bottom; }
.knowledge-featured { padding: clamp(76px, 8vw, 120px) 0; background: #fff; }
.knowledge-section-title { margin: 0 0 35px; color: var(--text); font-size: clamp(2.35rem, 3.8vw, 3.75rem); line-height: 1.1; letter-spacing: -.04em; }
.knowledge-feature { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(35px, 6vw, 95px); border-top: 1px solid var(--border); padding-top: 35px; }
.knowledge-feature-image { margin: 0; }
.knowledge-feature-image img { display: block; width: 100%; height: clamp(280px, 31vw, 420px); object-fit: cover; border-radius: 22px; }
.knowledge-feature-image figcaption { margin-top: 10px; color: var(--text-faint); font-size: .78rem; }
.knowledge-type { margin: 0 0 13px; color: var(--accent-600); font-size: .85rem; font-weight: 700; }
.knowledge-feature h3 { max-width: 16ch; margin: 0 0 18px; color: var(--text); font-size: clamp(2.25rem, 3.2vw, 3.35rem); line-height: 1.12; letter-spacing: -.035em; }
.knowledge-feature p:not(.knowledge-type) { max-width: 50ch; color: var(--text-soft); font-size: 1.08rem; line-height: 1.65; }
.knowledge-feature .btn { display: inline-flex; margin-top: 25px; }
.knowledge-topics { padding: clamp(76px, 7vw, 110px) 0; }
.knowledge-topics-intro { max-width: 60ch; margin: -18px 0 35px; color: var(--text-soft); font-size: 1.07rem; line-height: 1.65; }
.knowledge-topic-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--border); list-style: none; }
.knowledge-topic-list li { padding: 26px 28px 25px 0; border-bottom: 1px solid var(--border); }
.knowledge-topic-list h3 { margin: 0 0 10px; color: var(--text); font-size: 1.36rem; }
.knowledge-topic-list p { max-width: 34ch; color: var(--text-soft); line-height: 1.6; }
.knowledge-page .cta-final { padding: 0 24px 90px; background: var(--cream); }
.knowledge-page .cta-box { max-width: 1170px; margin: 0 auto; text-align: center; }
.knowledge-page .cta-box h2 { max-width: 17ch; margin-inline: auto; }
.knowledge-page .cta-box p { max-width: 55ch; margin-inline: auto; }
.knowledge-page .cta-box .hero-cta { display: flex; justify-content: center; }
.knowledge-article { background: #fff; padding: clamp(58px, 7vw, 108px) 24px clamp(80px, 9vw, 130px); }
.knowledge-article-inner { max-width: 800px; margin: 0 auto; }
.knowledge-back { display: inline-flex; margin-bottom: 36px; color: var(--accent-600); font-size: .95rem; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.knowledge-article h1 { margin: 0 0 24px; color: var(--text); font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.08; letter-spacing: -.04em; }
.knowledge-article-lead { margin-bottom: 36px; color: var(--text-soft); font-size: clamp(1.13rem, 1.5vw, 1.32rem); line-height: 1.65; }
.knowledge-article figure { margin: 0 0 47px; }
.knowledge-article figure img { display: block; width: 100%; height: clamp(240px, 44vw, 450px); object-fit: cover; border-radius: 20px; }
.knowledge-article figcaption { margin-top: 10px; color: var(--text-faint); font-size: .8rem; }
.knowledge-article h2 { margin: 48px 0 14px; color: var(--text); font-size: clamp(1.7rem, 2.5vw, 2.2rem); line-height: 1.2; letter-spacing: -.03em; }
.knowledge-article p, .knowledge-article li { color: var(--text-soft); font-size: 1.08rem; line-height: 1.78; }
.knowledge-article p + p { margin-top: 18px; }
.knowledge-article ul { margin: 18px 0 20px; padding-left: 1.45rem; }
.knowledge-article li + li { margin-top: 8px; }
.knowledge-article-end { margin-top: 55px; padding-top: 28px; border-top: 1px solid var(--border); }
.knowledge-article-end a { color: var(--accent-600); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) {
  .knowledge-hero-grid, .knowledge-feature { grid-template-columns: 1fr; }
  .knowledge-hero-art { min-height: 330px; }
  .knowledge-hero-art img { height: 330px; }
  .knowledge-topic-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .knowledge-hero { padding: 40px 0 72px; }
  .knowledge-hero h1 { font-size: clamp(2.8rem, 11vw, 3.65rem); }
  .knowledge-hero-art { min-height: 280px; }
  .knowledge-hero-art img { height: 280px; }
  .knowledge-section-title { font-size: 2.55rem; }
  .knowledge-feature h3 { font-size: 2.35rem; }
  .knowledge-topic-list { grid-template-columns: 1fr; }
  .knowledge-topic-list li { padding: 22px 0; }
  .knowledge-page .cta-final { padding: 0 16px 70px; }
  .knowledge-article { padding: 38px 24px 80px; }
  .knowledge-article figure img { height: 280px; }
}
