/* ════════════════════════════════════════════════════════════════
   GPS PORTUGAL — Página "Sobre" (institucional) · José em Portugal
   Redesign da página Elementor no design system claro (forest+gold).
   Conteúdo no post_content (.js-*); bandas de funil no template.
   ════════════════════════════════════════════════════════════════ */
.js-page{background:var(--paper)}
.js-wrap{width:min(1080px,92%);margin:0 auto}
.js-eyebrow{display:inline-block;font-family:var(--font-sans);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}

/* ── Hero ── */
.js-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:56px 0 48px}
.js-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-.02em;color:var(--forest-900);margin:16px 0 0}
.js-hero h1 em{font-style:normal;color:var(--gold-deep)}
.js-hero p{font-size:clamp(16px,2vw,19px);line-height:1.65;color:var(--text-500);margin:20px 0 0}
.js-hero-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:var(--sh-md)}

/* ── Minha história ── */
.js-story{padding:40px 0}
.js-story-head{text-align:center;margin-bottom:32px}
.js-story-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,42px);line-height:1.1;color:var(--forest-900);margin:12px 0 0}
.js-story-head h2 em{font-style:normal;color:var(--gold-deep)}
.js-cards2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.js-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 28px;box-shadow:var(--sh-sm)}
.js-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--gold-bg);font-size:26px;line-height:1}
.js-card h3{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--forest-900);margin:16px 0 0}
.js-card p{font-size:15.5px;line-height:1.65;color:var(--text-500);margin:10px 0 0}

/* ── Destaques ── */
.js-highlights{display:flex;flex-direction:column;gap:18px;padding:16px 0 44px}
.js-hl{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:36px 32px;text-align:center;box-shadow:var(--sh-sm)}
.js-hl .js-ic{width:64px;height:64px;border-radius:18px;font-size:32px}
.js-hl h3{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.6vw,26px);color:var(--forest-900);margin:16px 0 0}
.js-hl p{font-size:clamp(15px,1.8vw,17px);line-height:1.7;color:var(--text-500);margin:12px auto 0;max-width:680px}
.js-hl strong{color:var(--forest-700)}

/* ── Banda de fecho ── */
.js-close{background:var(--forest-900);border-radius:32px;padding:56px 32px;text-align:center;margin:8px 0 56px}
.js-close-quote{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,3vw,30px);line-height:1.3;color:#F6FAF4;max-width:760px;margin:0 auto}
.js-close-quote em,.js-close-quote strong{color:var(--gold-bright);font-style:normal}
.js-close-author{display:inline-flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px}
.js-avatar{width:76px;height:76px;border-radius:99px;object-fit:cover;border:3px solid var(--gold)}
.js-close-author span{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.03em;color:var(--gold-bright)}

/* ── Mobile ── */
@media (max-width:820px){
  .js-hero{grid-template-columns:1fr;gap:26px;padding:34px 0 28px}
  .js-cards2{grid-template-columns:1fr}
  .js-hl{padding:28px 20px}
  .js-close{padding:40px 22px;border-radius:24px}
}