/* Blizzer 2026 — camada visual compartilhada inspirada na experiência MAIUS */
.inner-page:not(.maius2-page) {
  --vr-ink: #031a35;
  --vr-blue: #07469d;
  --vr-cyan: #09bebb;
  --vr-gold: #e2b64f;
  --vr-paper: #f4f8fc;
  --vr-hero-image: none;
  background: var(--vr-paper);
}

.inner-page:not(.maius2-page) main { overflow: clip; }

.inner-page:not(.maius2-page) .subpage-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: 610px;
  padding-top: 154px;
  padding-bottom: 96px;
  background-image:
    linear-gradient(102deg, rgba(1,12,29,.98) 0%, rgba(3,27,63,.93) 46%, rgba(5,61,102,.61) 72%, rgba(8,122,132,.28) 100%),
    var(--vr-hero-image);
  background-position: center, center;
  background-size: cover, cover;
  box-shadow: inset 0 -1px rgba(255,255,255,.12);
}

.inner-page:not(.maius2-page) .subpage-hero::before,
.inner-page:not(.maius2-page) .subpage-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
}

.inner-page:not(.maius2-page) .subpage-hero::before {
  width: 440px;
  height: 440px;
  right: -130px;
  top: -170px;
  border: 1px solid rgba(69,238,225,.28);
  box-shadow: 0 0 0 46px rgba(40,195,193,.055), 0 0 0 92px rgba(231,183,75,.035);
}

.inner-page:not(.maius2-page) .subpage-hero::after {
  width: 260px;
  height: 260px;
  right: 13vw;
  bottom: -190px;
  background: radial-gradient(circle, rgba(10,190,186,.18), transparent 68%);
  filter: blur(3px);
}

.inner-page:not(.maius2-page) .subpage-hero > .container {
  position: relative;
  z-index: 2;
}

.inner-page:not(.maius2-page) .subpage-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #73eee7;
  letter-spacing: .16em;
}

.inner-page:not(.maius2-page) .subpage-hero .eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  background: linear-gradient(90deg, var(--vr-gold), #71eee7);
}

.inner-page:not(.maius2-page) .subpage-hero h1 {
  max-width: 1020px;
  margin-top: 18px;
  font-size: clamp(48px, 6.3vw, 78px);
  line-height: .99;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 16px 42px rgba(0,0,0,.28);
}

.inner-page:not(.maius2-page) .subpage-lede {
  max-width: 820px;
  color: #e3edf8;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.55;
}

.inner-page:not(.maius2-page) .subpage-hero .hero-actions .btn {
  backdrop-filter: blur(9px);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.inner-page:not(.maius2-page) .subpage-content,
.inner-page:not(.maius2-page) .article-body-section,
.inner-page:not(.maius2-page) .blog-index {
  position: relative;
  background:
    radial-gradient(circle at 92% 6%, rgba(8,190,187,.09), transparent 28%),
    radial-gradient(circle at 4% 48%, rgba(226,182,79,.08), transparent 24%),
    linear-gradient(180deg,#f8fbfe 0%,#eef5fa 100%);
}

.inner-page:not(.maius2-page) .content-main { gap: 32px; }

.inner-page:not(.maius2-page) .content-section {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(158,180,204,.5);
  border-radius: 26px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 48px rgba(3,26,53,.07);
}

.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) {
  color: #dce9f8;
  border-color: rgba(98,224,218,.24);
  background:
    radial-gradient(circle at 94% 12%, rgba(7,171,177,.26), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(222,173,65,.14), transparent 24%),
    linear-gradient(135deg,#03172f 0%,#063973 62%,#075f70 100%);
  box-shadow: 0 24px 54px rgba(3,25,56,.19);
}

.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2)::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -72px;
  bottom: -95px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.035);
  pointer-events: none;
}

.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) h2,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) h3,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) strong,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .text-link { color: #fff; }
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) p,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) li { color: #dce9f8; }

.inner-page:not(.maius2-page) .content-section h2 {
  max-width: 880px;
  font-size: clamp(34px, 4.3vw, 52px);
  line-height: 1.05;
  text-wrap: balance;
}

.inner-page:not(.maius2-page) .content-section h2::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg,var(--vr-gold),var(--vr-cyan));
}

.inner-page:not(.maius2-page) .topic-grid { gap: 16px; }
.inner-page:not(.maius2-page) .topic-card,
.inner-page:not(.maius2-page) .process-card,
.inner-page:not(.maius2-page) .profile-detail-grid article {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(158,180,204,.46);
  border-top: 3px solid var(--vr-cyan);
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 28px rgba(3,26,53,.07);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.inner-page:not(.maius2-page) .topic-card:nth-child(3n + 2),
.inner-page:not(.maius2-page) .process-card:nth-child(3n + 2) { border-top-color: var(--vr-gold); }
.inner-page:not(.maius2-page) .topic-card:nth-child(3n) { border-top-color: var(--vr-blue); }

.inner-page:not(.maius2-page) .topic-card:hover,
.inner-page:not(.maius2-page) .process-card:hover,
.inner-page:not(.maius2-page) .blog-card:hover,
.inner-page:not(.maius2-page) .method-application-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 44px rgba(3,26,53,.15);
}

.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .topic-card,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .process-card {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.09);
  backdrop-filter: blur(10px);
}
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .topic-card h3,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .process-card h3 { color: #fff; }

.inner-page:not(.maius2-page) .related-panel,
.inner-page:not(.maius2-page) .article-toc {
  overflow: hidden;
  color: #d8e8f8;
  border: 1px solid rgba(73,222,216,.24);
  border-left: 4px solid var(--vr-gold);
  border-radius: 18px;
  background: linear-gradient(145deg,#031a35,#074a75);
  box-shadow: 0 18px 40px rgba(3,26,53,.16);
}

.inner-page:not(.maius2-page) .related-panel h2,
.inner-page:not(.maius2-page) .article-toc strong { color: #fff; }
.inner-page:not(.maius2-page) .related-panel .related-links a,
.inner-page:not(.maius2-page) .article-toc a { color: #bdeeed; }

/* Links que aparecem em cartões claros precisam manter contraste forte. */
.inner-page:not(.maius2-page) .content-section > .related-links a,
.inner-page:not(.maius2-page) .content-section:not(:nth-child(3n + 2)) .text-link {
  color: #0750a1;
}

/* Alguns componentes claros vivem dentro de uma seção escura. A cor deve ser
   definida pelo próprio cartão, não herdada do painel externo. */
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .profile-detail-grid article,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .recognition-list li,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .profile-action-links a {
  color: #243b57;
  background: #f7f9fc;
}
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .profile-detail-grid article h3,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .recognition-list li strong {
  color: #082854;
}
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .profile-detail-grid article p,
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .recognition-list li span {
  color: #44566d;
}
.inner-page:not(.maius2-page) .content-section:nth-child(3n + 2) .profile-detail-grid article > span {
  color: #946713;
}

.inner-page:not(.maius2-page) .page-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 84px 0;
  background:
    radial-gradient(circle at 88% 0%, rgba(14,193,188,.3), transparent 30%),
    linear-gradient(115deg,#020f25 0%,#073780 64%,#077582 100%);
}
.inner-page:not(.maius2-page) .page-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 340px;
  height: 340px;
  right: -90px;
  bottom: -220px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255,255,255,.035);
}
.inner-page:not(.maius2-page) .page-cta h2 { color: #fff; font-size: clamp(35px,4vw,52px); line-height: 1.05; }
.inner-page:not(.maius2-page) .page-cta p { color: #dceafa; font-size: 17px; }

.inner-page:not(.maius2-page) .faq-page {
  background: linear-gradient(180deg,#edf5fa,#f8fbfd);
}
.inner-page:not(.maius2-page) .faq-list details,
.inner-page:not(.maius2-page) .article-faq details {
  overflow: hidden;
  border: 1px solid rgba(144,170,197,.48);
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(3,26,53,.055);
}
.inner-page:not(.maius2-page) .faq-list summary,
.inner-page:not(.maius2-page) .article-faq summary { padding-right: 44px; }

/* Blog e artigos: a imagem social da página também vira cenário editorial. */
.article-page .article-hero {
  background-position: center, center 42%;
}
.article-page .article-meta {
  display: inline-flex;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  background: rgba(1,15,35,.36);
  backdrop-filter: blur(10px);
}
.article-page .article-content > section[id] {
  position: relative;
  margin: 26px 0;
  padding: clamp(24px,3vw,38px);
  border: 1px solid rgba(157,180,204,.42);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 14px 36px rgba(3,26,53,.06);
}
.article-page .article-content > section[id]:nth-of-type(even) {
  color: #dce9f7;
  border-color: rgba(72,213,208,.25);
  background:
    radial-gradient(circle at 100% 0%,rgba(8,190,187,.22),transparent 30%),
    linear-gradient(135deg,#03172f,#063a72);
}
.article-page .article-content > section[id]:nth-of-type(even) h2,
.article-page .article-content > section[id]:nth-of-type(even) h3 { color: #fff; }
.article-page .article-content > section[id]:nth-of-type(even) p,
.article-page .article-content > section[id]:nth-of-type(even) li { color: #dce9f7; }
.article-page .article-content > section[id] h2 { margin-top: 0; }
.article-page .article-note { border-radius: 0 18px 18px 0; box-shadow: 0 12px 30px rgba(3,26,53,.07); }

.blog-page .blog-card {
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(3,26,53,.08);
  transition: transform .28s ease, box-shadow .28s ease;
}
.blog-page .blog-card-image { overflow: hidden; }
.blog-page .blog-card-image img { transition: transform .55s ease; }
.blog-page .blog-card:hover .blog-card-image img { transform: scale(1.055); }

.method-page .method-knowledge-band,
.profile-page .profile-numbers {
  background:
    radial-gradient(circle at 85% 0%,rgba(9,190,187,.2),transparent 28%),
    linear-gradient(115deg,#03152f,#074b83);
}
.method-page .method-pillars article { border-radius: 18px; box-shadow: 0 14px 34px rgba(3,26,53,.08); }
.method-page .method-application-card { border-radius: 22px; box-shadow: 0 16px 40px rgba(3,26,53,.09); transition: transform .28s ease, box-shadow .28s ease; }

.visual-scroll-progress {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(90deg,var(--vr-gold),var(--vr-cyan));
  pointer-events: none;
}

.visual-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .72s ease, transform .72s cubic-bezier(.2,.7,.2,1);
}
.visual-reveal.visual-visible { opacity: 1; transform: none; }

@media (min-width: 1000px) {
  .inner-page:not(.maius2-page) .subpage-hero { background-attachment: scroll, fixed; }
}

@media (max-width: 860px) {
  .inner-page:not(.maius2-page) .subpage-hero { min-height: 530px; padding-top: 132px; padding-bottom: 72px; background-attachment: scroll; }
  .inner-page:not(.maius2-page) .subpage-hero h1 { font-size: clamp(40px,10vw,58px); }
  .inner-page:not(.maius2-page) .content-section { padding: 28px 24px; border-radius: 20px; }
  .inner-page:not(.maius2-page) .related-panel,
  .inner-page:not(.maius2-page) .article-toc { position: static; }
  .article-page .article-meta { border-radius: 16px; }
}

@media (max-width: 520px) {
  .inner-page:not(.maius2-page) .subpage-hero { min-height: 500px; }
  .inner-page:not(.maius2-page) .subpage-hero::before { width: 280px; height: 280px; }
  .inner-page:not(.maius2-page) .content-section h2 { font-size: 34px; }
  .inner-page:not(.maius2-page) .page-cta { padding: 66px 0; }
  .article-page .article-content > section[id] { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .visual-reveal { opacity: 1; transform: none; transition: none; }
  .inner-page:not(.maius2-page) .topic-card,
  .inner-page:not(.maius2-page) .process-card,
  .inner-page:not(.maius2-page) .blog-card { transition: none; }
}
/* Curadoria editorial: biblioteca compacta do blog */
.blog-library{margin-top:clamp(3rem,6vw,5.5rem);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(12,69,117,.18);border-radius:28px;background:linear-gradient(135deg,#f8fbfd 0%,#eef7f8 100%);box-shadow:0 24px 60px rgba(4,25,48,.08)}
.blog-library-heading{max-width:780px;margin-bottom:1.75rem}.blog-library-heading h2{margin:.35rem 0 .65rem;color:#071d38!important;text-shadow:none!important}.blog-library-heading .section-index{color:#9a6b08!important}
.blog-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-library-grid article{padding:1.4rem;border-radius:20px;background:#fff;border-top:3px solid #e3af36;box-shadow:0 12px 30px rgba(4,25,48,.06)}
.blog-library-grid h3{margin:0 0 .8rem;color:#071d38}.blog-library-grid nav{display:grid;gap:.15rem}.blog-library-grid a{display:block;padding:.62rem 0;color:#174e7d;border-bottom:1px solid rgba(12,69,117,.12);font-weight:650;text-decoration:none}.blog-library-grid a:last-child{border-bottom:0}.blog-library-grid a:hover{color:#007f8b;transform:translateX(3px)}
@media (max-width:850px){.blog-library-grid{grid-template-columns:1fr}.blog-library{border-radius:20px}}