/* Preview: refinamento visual institucional Educa 3.
   Camada reversivel carregada depois dos estilos aprovados. */
:root {
  --e3-grid: min(1240px, calc(100% - 112px));
  --e3-grid-tablet: min(1200px, calc(100% - 64px));
  --e3-grid-mobile: calc(100% - 44px);
  --e3-section: clamp(96px, 8vw, 136px);
  --e3-section-compact: clamp(72px, 6vw, 104px);
  --e3-h1: clamp(44px, 4.65vw, 64px);
  --e3-h2: clamp(34px, 3.35vw, 46px);
  --e3-h3: clamp(22px, 2vw, 26px);
  --e3-lead: clamp(18px, 1.45vw, 20px);
  --e3-body: clamp(16px, 1.15vw, 18px);
  --e3-label: 13px;
  --e3-card-pad: clamp(24px, 2.5vw, 36px);
  --e3-card-radius: 18px;
  --e3-button-height: 52px;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) {
  --v2-shell: var(--e3-grid);
  --about-shell: var(--e3-grid);
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-container {
  width: var(--e3-grid);
  max-width: 1240px;
  margin-inline: auto;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-eyebrow {
  margin: 0 0 16px;
  font-size: var(--e3-label);
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) main h1 {
  max-width: 760px;
  font-size: var(--e3-h1);
  line-height: 1.06;
  letter-spacing: -.045em;
  text-wrap: balance;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) main h2 {
  max-width: 760px;
  font-size: var(--e3-h2);
  line-height: 1.12;
  letter-spacing: -.038em;
  text-wrap: balance;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) main h3 {
  font-size: var(--e3-h3);
  line-height: 1.25;
  letter-spacing: -.024em;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) main p,
:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) main li {
  line-height: 1.65;
}

:is(.home-v4-hero__promise,.home-v4-hero__tension,.pc-hero__content > p,.jf-hero__summary,.about-hero__summary,.diagnostic-hero__summary) {
  max-width: 700px;
  font-size: var(--e3-lead);
  line-height: 1.6;
}

:is(.home-v4-section,.pc-section,.jf-problem,.jf-why,.jf-origin,.jf-architecture,.jf-diagnostic,.jf-immersion,.jf-consulting,.jf-mentoring,.jf-people-platform,.jf-transformation,.jf-experience,.jf-fit,.about-origin,.about-evidence,.about-principles,.about-framework,.about-experience,.diagnostic-section) {
  padding-block: var(--e3-section);
}

:is(.home-v4-hero__layout,.pc-hero__layout) {
  padding-block: clamp(132px, 10vw, 156px) clamp(80px, 7vw, 112px);
}
:is(.jf-hero,.about-hero,.diagnostic-hero) {
  padding-block: clamp(132px, 10vw, 156px) clamp(80px, 7vw, 112px);
}

:is(.home-v4-actions,.pc-actions,.jf-actions,.about-actions,.diagnostic-actions) {
  margin-top: 32px;
  gap: 12px;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-button {
  min-height: var(--e3-button-height) !important;
  padding: 13px 22px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-button:hover {
  transform: translateY(-2px);
}

:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-button:focus-visible,
:is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) a:focus-visible {
  outline: 3px solid rgba(18,179,173,.48);
  outline-offset: 4px;
}

:is(.home-v4-research__header,.home-v4-gap__header,.home-v4-framework__header,.home-v4-diagnostic__header,.home-v4-paths__header,.home-v4-authority__header,.pc-heading,.jf-heading,.about-heading,.diagnostic-heading) > p,
:is(.pc-heading--split,.jf-split,.about-heading--split) > p {
  max-width: 680px;
}

:is(.home-v4-research__header,.home-v4-framework__header,.home-v4-diagnostic__header,.home-v4-paths__header,.home-v4-authority__header,.jf-centered,.about-heading--center,.diagnostic-heading) {
  margin-bottom: clamp(48px, 5vw, 64px);
}

:is(.pc-gain,.pc-capability,.pc-deliverable,.jf-origin__flow article,.jf-architecture__flow li,.jf-builds article,.jf-modalities article,.jf-consulting-areas article,.jf-fit__cards li,.about-origin__source,.about-evidence__card,.diagnostic-output-list li,.diagnostic-visual) {
  border-radius: var(--e3-card-radius);
}

:is(.pc-gain,.pc-capability,.pc-deliverable,.jf-origin__flow article,.jf-builds article,.jf-modalities article,.jf-consulting-areas article,.about-origin__source,.about-evidence__card) {
  padding: var(--e3-card-pad);
}

:is(.pc-gains,.pc-capabilities,.pc-deliverables__grid,.jf-builds,.jf-modalities,.jf-consulting-areas,.jf-fit__cards,.about-evidence__grid) {
  gap: 24px;
  align-items: stretch;
}

:is(.pc-gain,.pc-capability,.pc-deliverable,.jf-builds article,.jf-modalities article,.jf-consulting-areas article,.about-evidence__card) {
  display: flex;
  flex-direction: column;
}

:is(.pc-gain,.pc-capability,.pc-deliverable,.jf-builds article,.jf-modalities article,.jf-consulting-areas article,.about-evidence__card) > p:last-child {
  margin-bottom: 0;
}

:is(.pc-gain,.pc-capability,.pc-deliverable,.jf-origin__flow article,.jf-architecture__flow li,.jf-builds article,.jf-modalities article,.jf-consulting-areas article,.jf-fit__cards li,.about-index,.about-evidence__meta > span,.diagnostic-output-list li > span) > span:first-child {
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}

.journey-v2-page .jf-architecture {
  padding-block: clamp(112px, 9vw, 152px);
}
.journey-v2-page :is(.jf-immersion,.jf-mentoring,.jf-transformation) {
  padding-block: clamp(112px, 9vw, 152px);
}
.journey-v2-page :is(.jf-transition,.jf-result,.jf-immersion__closing) {
  margin-top: 64px;
}
.journey-v2-page :is(.jf-service-grid,.jf-mentoring__grid,.jf-heading) {
  column-gap: clamp(48px, 6vw, 88px);
}

@media (max-width: 1024px) {
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) {
    --v2-shell: var(--e3-grid-tablet);
    --about-shell: var(--e3-grid-tablet);
  }
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-container {
    width: var(--e3-grid-tablet);
  }
  :is(.home-v4-hero__layout,.pc-hero__layout) { padding-block: 124px 80px; }
  :is(.jf-hero,.about-hero,.diagnostic-hero) { padding-block: 124px 80px; }
}

@media (max-width: 768px) {
  :root {
    --e3-section: clamp(72px, 11vw, 88px);
    --e3-section-compact: 64px;
    --e3-h1: clamp(38px, 8vw, 50px);
    --e3-h2: clamp(31px, 6.2vw, 40px);
    --e3-h3: clamp(21px, 4vw, 24px);
  }
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-container {
    width: var(--e3-grid-tablet);
  }
  .journey-v2-page :is(.jf-architecture,.jf-immersion,.jf-mentoring,.jf-transformation) {
    padding-block: var(--e3-section);
  }
}

@media (max-width: 640px) {
  :root {
    --e3-h1: clamp(36px, 10vw, 44px);
    --e3-h2: clamp(30px, 8vw, 36px);
    --e3-label: 12px;
    --e3-card-pad: 24px;
  }
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) {
    --v2-shell: var(--e3-grid-mobile);
    --about-shell: var(--e3-grid-mobile);
  }
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-container {
    width: var(--e3-grid-mobile);
  }
  :is(.home-v4-hero__layout,.pc-hero__layout) { padding-block: 108px 64px; }
  :is(.jf-hero,.about-hero,.diagnostic-hero) { padding-block: 108px 64px; }
  :is(.home-v4-actions,.pc-actions,.jf-actions,.about-actions,.diagnostic-actions) {
    gap: 10px;
  }
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-button {
    width: 100%;
    justify-content: center;
  }
  .journey-v2-page :is(.jf-transition,.jf-result,.jf-immersion__closing) {
    margin-top: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.home-v2-page,.platform-v2-page,.journey-v2-page,.about-v2-page,.diagnostic-page) .v2-button {
    transition: none;
  }
}