/* ===== Home · "A Fronteira é Pra Dentro" · pintura aterrissada ===== */

@font-face { font-family: 'Anta'; src: url('../fonts/anta-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'ABeeZee'; src: url('../fonts/abeezee-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'ABeeZee'; src: url('../fonts/abeezee-italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  /* neutros tintados pro hue da marca (nunca #000/#fff) */
  --ceu: oklch(11% 0.022 295);          /* navy profundo */
  --ceu-2: oklch(14% 0.026 300);
  --osso: oklch(94% 0.008 85);          /* bone quente */
  --osso-70: oklch(94% 0.008 85 / .72);
  --fio: oklch(94% 0.01 85 / .13);
  --magenta: oklch(58% 0.24 356);       /* #E8187A */
  --gold: oklch(80% 0.16 84);           /* #F5B400 */
  --azul: oklch(72% 0.14 240);          /* #38B6FF */
  --fogo: #FF7A1A;                       /* alinhado à landing da mentoria */
  --grad-fogo: linear-gradient(100deg, var(--fogo), var(--magenta));
  --display: 'Anta', sans-serif;
  --corpo: 'ABeeZee', sans-serif;
  --easa: cubic-bezier(.16, 1, .3, 1);  /* ease-out-expo */
  /* design system compartilhado com a mentoria: raios macios */
  --r-card: 22px;
  --r-cardsm: 16px;
  --r-pill: 999px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
body {
  background: var(--ceu);
  color: var(--osso);
  font-family: var(--corpo);
  line-height: 1.65;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; letter-spacing: .015em; }
section { position: relative; }

/* ===== TOPO ===== */
.topo {
  position: fixed; inset: 0 0 auto 0; z-index: 40;
  display: flex; align-items: center; gap: 2.2rem;
  padding: 1rem clamp(1.25rem, 4vw, 3.5rem);
  background: linear-gradient(oklch(11% 0.022 295 / .93), oklch(11% 0.022 295 / .5) 75%, transparent);
}
.topo__marca { display: inline-flex; align-items: center; gap: .55rem; font-family: var(--display); letter-spacing: .09em; font-size: 1rem; }
.topo__brasa {
  width: .5rem; height: .5rem; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, var(--gold), var(--magenta) 70%);
  box-shadow: 0 0 10px 2px oklch(58% 0.24 356 / .5);
  animation: respira 3.4s ease-in-out infinite;
}
@keyframes respira { 50% { box-shadow: 0 0 16px 4px oklch(58% 0.24 356 / .75); } }
.topo__nav { display: flex; gap: 1.7rem; margin-left: auto; font-size: .88rem; color: var(--osso-70); }
.topo__nav a { position: relative; transition: color .3s; }
.topo__nav a::after {
  content: ''; position: absolute; left: 50%; bottom: -.35rem;
  width: .28rem; height: .28rem; border-radius: 50%;
  background: var(--gold); opacity: 0; transform: translateX(-50%) scale(.4);
  transition: opacity .3s var(--easa), transform .3s var(--easa);
  box-shadow: 0 0 8px oklch(80% 0.16 84 / .8);
}
.topo__nav a:hover { color: var(--osso); }
.topo__nav a:hover::after { opacity: 1; transform: translateX(-50%) scale(1); }

/* ===== CTA diagnóstico · pill de fogo (sistema compartilhado c/ mentoria) =====
   Mesma forma/preenchimento do .cta-brasa da landing; a "luz de dentro" da Home
   fica como o glow interno que cresce no hover (aceno à identidade). */
.cta-diagnostico {
  position: relative; display: inline-block; overflow: hidden;
  padding: .95rem 2.1rem; border-radius: var(--r-pill);
  font-family: var(--display); font-size: .95rem; letter-spacing: .04em;
  color: #fff; text-align: center;
  background: var(--grad-fogo);
  box-shadow: 0 8px 26px oklch(58% 0.24 356 / .4), inset 0 1px 0 oklch(100% 0 0 / .28);
  transition: box-shadow .3s ease, transform .15s ease, filter .3s ease;
}
.cta-diagnostico::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(60% 130% at 50% 50%, oklch(100% 0 0 / .35), transparent 68%);
  opacity: 0; transform: scale(.4);
  transition: opacity .4s var(--easa), transform .5s var(--easa);
}
.cta-diagnostico span, .cta-diagnostico { position: relative; }
.cta-diagnostico:hover { transform: translateY(-2px); box-shadow: 0 12px 34px oklch(58% 0.24 356 / .55); filter: brightness(1.05); }
.cta-diagnostico:hover::before { opacity: 1; transform: scale(1); }
.cta-diagnostico:active { transform: scale(.98); }
.cta-diagnostico--mini { padding: .6rem 1.2rem; font-size: .78rem; }
.cta-diagnostico--grande { padding: 1.15rem 2.6rem; font-size: 1.1rem; }
.cta-diagnostico__nota { display: block; margin-top: .7rem; font-size: .8rem; color: var(--osso-70); }

/* ===== link-manifesto · seta em rota ===== */
.link-manifesto, .porta__link {
  display: inline-flex; align-items: center; gap: .55rem;
  font-size: .93rem; letter-spacing: .02em; color: var(--gold);
}
.link-manifesto svg, .porta__link svg { width: 3.2rem; height: .68rem; overflow: visible; }
.link-manifesto path, .porta__link path {
  stroke: currentColor; stroke-width: 1.4; fill: none; stroke-linecap: round;
  stroke-dasharray: 60; stroke-dashoffset: 26; opacity: .55;
  transition: stroke-dashoffset .45s var(--easa), opacity .3s;
}
.link-manifesto:hover path, .porta__link:hover path { stroke-dashoffset: 0; opacity: 1; }
.link-manifesto { margin-top: 2rem; }

/* ===== 1 · HERO ===== */
.hero { min-height: 100dvh; display: flex; align-items: flex-end; overflow: hidden; }
.hero__arte { position: absolute; inset: 0; }
.hero__arte img { width: 100%; height: 100%; object-fit: cover; object-position: 64% 32%; transform: scale(1.04); }
.hero__veu {
  position: absolute; inset: 0;
  background:
    linear-gradient(to top, oklch(11% 0.022 295 / .96) 4%, transparent 45%),
    linear-gradient(100deg, oklch(11% 0.022 295 / .82) 12%, transparent 55%);
}
.hero__conteudo { position: relative; z-index: 2; max-width: 44rem; padding: 8rem clamp(1.25rem, 5vw, 4.5rem) clamp(3rem, 8vh, 6rem); }
.hero__selo {
  display: inline-block; margin-bottom: 1.5rem;
  font-family: var(--display); font-size: .74rem; letter-spacing: .22em;
  color: var(--gold);
}
.hero h1 { font-size: clamp(2.15rem, 4.4vw, 3.35rem); line-height: 1.06; text-wrap: balance; }
.hero__sub { margin: 1.5rem 0 2.2rem; max-width: 30rem; font-size: 1.06rem; color: var(--osso-70); }
.hero__acoes { display: flex; flex-direction: column; align-items: flex-start; }

/* ===== 2 · PROVA (chips-pill sutis · casa com os chips da mentoria) ===== */
.prova {
  display: flex; justify-content: center; gap: .9rem; flex-wrap: wrap;
  padding: 2rem clamp(1.25rem, 4vw, 3.5rem);
  border-top: 1px solid var(--fio); border-bottom: 1px solid var(--fio);
}
.prova p {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem 1.1rem; border-radius: var(--r-pill);
  font-size: .88rem; color: var(--osso-70);
  background: oklch(94% 0.008 85 / .04); border: 1px solid var(--fio);
}
.prova p::before {
  content: ''; flex: none; width: .4rem; height: .4rem; border-radius: 50%;
  background: var(--grad-fogo);
}

/* ===== 3 · ESPELHO ===== */
.espelho {
  display: grid; grid-template-columns: minmax(20rem, 34rem) 1fr;
  gap: clamp(2rem, 6vw, 5rem); align-items: center;
  padding: clamp(4.5rem, 10vh, 7.5rem) clamp(1.25rem, 5vw, 4.5rem);
}
.espelho h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.15; margin-bottom: 1.2rem; }
.espelho__texto p { color: var(--osso-70); max-width: 32rem; }
.espelho__arte img { border: 1px solid var(--fio); border-radius: var(--r-card); }
.espelho__arte figcaption { margin-top: .7rem; font-size: .82rem; font-style: italic; color: var(--osso-70); }

/* ===== 4 · PORTAS ===== */
.portas {
  display: grid; grid-template-columns: 1fr 1fr; position: relative;
  border-top: 1px solid var(--fio);
}
.portas__e {
  position: absolute; z-index: 3; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--display); font-size: clamp(5rem, 12vw, 10rem); line-height: 1;
  color: var(--osso); text-shadow: 0 0 40px oklch(11% 0.022 295 / .9);
}
.porta { padding: clamp(3.5rem, 8vh, 6rem) clamp(1.5rem, 4.5vw, 4rem); min-height: 30rem; display: flex; flex-direction: column; justify-content: center; }
.porta--pessoa { background: radial-gradient(90% 110% at 15% 85%, oklch(58% 0.24 356 / .2), transparent 65%), var(--ceu-2); }
.porta--empresa { background: radial-gradient(90% 110% at 85% 85%, oklch(72% 0.14 240 / .16), transparent 65%), var(--ceu); }
.porta h2 { font-size: clamp(1.6rem, 2.8vw, 2.3rem); }
.porta__chamada { margin: .9rem 0 .7rem; font-size: 1.12rem; color: var(--osso); }
.porta--pessoa .porta__chamada { color: oklch(78% 0.16 356); }
.porta--empresa .porta__chamada { color: var(--azul); }
.porta p:not(.porta__chamada) { color: var(--osso-70); max-width: 26rem; }
.porta__link { margin-top: 1.8rem; }
.porta--empresa .porta__link { color: var(--azul); }

/* ===== 5 · JORNADA ===== */
.jornada { padding: clamp(4.5rem, 10vh, 7.5rem) clamp(1.25rem, 5vw, 4.5rem); text-align: center; }
.jornada h2 { font-size: clamp(2rem, 4.2vw, 3.2rem); }
.jornada__tese { margin: 1rem auto 3rem; max-width: 36rem; color: var(--osso-70); }
.jornada__etapas {
  list-style: none; display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 3vw, 2.5rem); max-width: 74rem; margin: 0 auto; text-align: left;
}
.jornada__etapas figure { overflow: hidden; border: 1px solid var(--fio); border-radius: var(--r-card); }
.jornada__etapas img { aspect-ratio: 16/10; object-fit: cover; width: 100%; transition: transform .8s var(--easa); }
.jornada__etapas li:hover img { transform: scale(1.04); }
.jornada__etapas h3 { margin: 1.1rem 0 .35rem; font-size: 1.15rem; color: var(--gold); }
.jornada__etapas li:nth-child(1) h3 { color: var(--osso-70); }
.jornada__etapas li:nth-child(2) h3 { color: oklch(78% 0.16 356); }
.jornada__etapas p { font-size: .95rem; color: var(--osso-70); max-width: 30ch; }

/* ===== 6 · LABORATÓRIO ===== */
.laboratorio {
  padding: clamp(4.5rem, 10vh, 7rem) clamp(1.25rem, 5vw, 4.5rem);
  background: var(--ceu-2); border-top: 1px solid var(--fio); border-bottom: 1px solid var(--fio);
}
.laboratorio h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 40rem; margin-bottom: 2.4rem; }
.laboratorio__fatos { list-style: none; display: grid; gap: 1.4rem; max-width: 46rem; }
.laboratorio__fatos li { display: flex; gap: 1.2rem; align-items: baseline; font-size: 1.05rem; }
.laboratorio__fatos li + li { border-top: 1px solid var(--fio); padding-top: 1.4rem; }
.laboratorio__num {
  flex: none; width: 2.4rem; height: 2.4rem; border-radius: 50%;
  display: grid; place-items: center;
  font-family: var(--display); font-size: 1.05rem; color: #fff;
  background: var(--grad-fogo);
  box-shadow: 0 4px 16px oklch(58% 0.24 356 / .35);
}

/* ===== 7 · GALERIA ===== */
.galeria { padding: clamp(4.5rem, 10vh, 7.5rem) clamp(1.25rem, 5vw, 4.5rem); text-align: center; }
.galeria h2 { font-size: clamp(1.9rem, 3.8vw, 2.9rem); }
.galeria__sub { margin: .9rem auto 2.8rem; color: var(--osso-70); }
.galeria__grade {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1.1rem; max-width: 72rem; margin: 0 auto;
}
.galeria__grade figure { position: relative; overflow: hidden; border: 1px solid var(--fio); border-radius: var(--r-card); }
.galeria__grade img { aspect-ratio: 4/5; object-fit: cover; width: 100%; transition: transform .8s var(--easa); }
.galeria__grade figure:hover img { transform: scale(1.05); }
.galeria__grade figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 1.6rem .9rem .8rem; font-size: .86rem;
  background: linear-gradient(to top, oklch(11% 0.022 295 / .9), transparent);
}

/* ===== 8 · O GUIA ===== */
.guia {
  display: grid; grid-template-columns: 1fr minmax(20rem, 36rem);
  gap: clamp(2rem, 6vw, 5rem); align-items: center;
  padding: clamp(4.5rem, 10vh, 7.5rem) clamp(1.25rem, 5vw, 4.5rem);
  background: var(--ceu-2); border-top: 1px solid var(--fio);
}
.guia__arte img { border: 1px solid var(--fio); border-radius: var(--r-card); }
.guia h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); margin-bottom: 1.1rem; }
.guia__texto p { color: var(--osso-70); max-width: 30rem; }
/* pill-fantasma (mesmo garment secundário da mentoria) */
.guia__link {
  display: inline-block; margin-top: 1.8rem;
  padding: .85rem 1.7rem; border-radius: var(--r-pill);
  font-family: var(--display); font-size: .9rem; letter-spacing: .03em;
  color: var(--osso); border: 1.5px solid oklch(94% 0.008 85 / .28);
  transition: border-color .3s, background .3s, transform .15s;
}
.guia__link:hover { border-color: var(--gold); background: oklch(80% 0.16 84 / .1); }
.guia__link:active { transform: scale(.98); }
.guia__tick { display: none; }

/* ===== 9 · OBJEÇÕES ===== */
.objecoes { padding: clamp(4rem, 9vh, 6.5rem) clamp(1.25rem, 5vw, 4.5rem); }
.objecoes dl { max-width: 44rem; margin: 0 auto; display: grid; gap: 1.5rem; }
.objecoes div { border-top: 1px solid var(--fio); padding-top: 1.5rem; }
.objecoes dt { font-family: var(--display); font-size: 1.06rem; color: var(--gold); margin-bottom: .3rem; }
.objecoes dd { color: var(--osso-70); }

/* ===== 10 · FINAL ===== */
.final { min-height: 72dvh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.final__arte { position: absolute; inset: 0; }
.final__arte img { width: 100%; height: 100%; object-fit: cover; }
.final__arte::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(80% 90% at 50% 60%, oklch(11% 0.022 295 / .55), oklch(11% 0.022 295 / .85));
}
.final__conteudo { position: relative; z-index: 2; padding: 5rem clamp(1.25rem, 5vw, 4.5rem); max-width: 40rem; }
.final h2 { font-size: clamp(2rem, 4.4vw, 3.3rem); line-height: 1.1; }
.final p { margin: 1.2rem 0 2.2rem; color: var(--osso); }

/* ===== RODAPÉ ===== */
.rodape {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem;
  padding: 2.2rem clamp(1.25rem, 4vw, 3.5rem);
  border-top: 1px solid var(--fio); font-size: .85rem; color: var(--osso-70);
}
.rodape span { font-family: var(--display); letter-spacing: .08em; color: var(--osso); }
.rodape a { border-bottom: 1px solid oklch(80% 0.16 84 / .4); }
.rodape a:hover { color: var(--gold); }
.rodape__nota { font-style: italic; }

/* ===== MOBILE ===== */
@media (max-width: 920px) {
  .topo__nav { display: none; }
  .hero { align-items: flex-end; }
  .hero__arte img { object-position: 62% 30%; }
  .espelho, .guia { grid-template-columns: 1fr; }
  .guia__arte { order: -1; }
  .portas { grid-template-columns: 1fr; }
  .portas__e { display: none; }
  .porta { min-height: auto; }
  .jornada__etapas { grid-template-columns: 1fr; max-width: 26rem; }
  .galeria__grade { grid-template-columns: 1fr 1fr; max-width: 34rem; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ===== Qualidade (audit 2026-07-13): CLS + tap targets mobile ===== */
/* reserva de espaço nas imagens de conteúdo (evita layout shift no load) */
.espelho__arte img { aspect-ratio: 4 / 3; }
.guia__arte img { aspect-ratio: 16 / 11; }
/* alvos de toque >=44px em ponteiro grosso (dedo), sem mexer no desktop */
@media (pointer: coarse) {
  .porta__link, .link-manifesto, .guia__link { min-height: 46px; }
  .cta-diagnostico--mini { padding: .8rem 1.2rem; }
}

/* linha legal no rodapé (páginas essenciais migradas 2026-07-14) */
.rodape__legal { flex-basis: 100%; order: 3; margin-top: .1rem; font-size: .82rem; color: var(--osso-70); }
.rodape__legal a { border-bottom: 1px solid oklch(80% 0.16 84 / .3); }
.rodape__legal a:hover { color: var(--gold); }

/* ===== Portais (hubs · wayfinding da Home) ===== */
.portais { max-width: 74rem; margin: 0 auto; padding: clamp(3.5rem,8vh,6rem) clamp(1.25rem,5vw,3rem); }
.portais__eb { display:inline-flex; align-items:center; gap:.6rem; font-family:var(--display); font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color:var(--osso-70); margin-bottom:1rem; }
.portais__eb::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--fogo); box-shadow:0 0 12px var(--fogo); }
.portais__h { font-family:var(--display); font-size:clamp(2.1rem,5vw,3.3rem); line-height:1; letter-spacing:.01em; margin:0 0 .6rem; }
.portais__sub { color:var(--osso-70); max-width:46ch; margin:0 0 2.6rem; font-size:1.05rem; line-height:1.5; }
.portais__grid { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.portais__slim { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr 1fr; gap:1.1rem; margin-top:0; }
.pt-hub { position:relative; overflow:hidden; border-radius:var(--r-card); border:1px solid var(--fio); background:var(--ceu-2);
  padding:2rem 2.1rem; min-height:16rem; display:flex; flex-direction:column; justify-content:space-between; text-decoration:none; color:inherit;
  transition:transform .25s var(--easa), border-color .25s var(--easa); }
.portais__slim .pt-hub { min-height:12rem; }
.pt-hub__bg { position:absolute; inset:0; z-index:0; background-size:cover; background-position:center; opacity:.62; transition:opacity .3s var(--easa), transform .4s var(--easa); }
.pt-hub:hover .pt-hub__bg { opacity:.8; transform:scale(1.05); }
.pt-hub::before { content:""; position:absolute; inset:0; z-index:1; transition:opacity .3s var(--easa);
  background:
    linear-gradient(180deg, oklch(11% 0.022 295 / .12) 0%, oklch(11% 0.022 295 / .5) 48%, oklch(11% 0.022 295 / .9) 100%),
    radial-gradient(70% 90% at 0% 100%, color-mix(in srgb, var(--acc) 48%, transparent), transparent 62%); }
.pt-hub:hover { transform:translateY(-4px); border-color:var(--acc); }
.pt-hub > *:not(.pt-hub__bg) { position:relative; z-index:2; }
.pt-hub__top { display:flex; align-items:baseline; justify-content:space-between; }
.pt-hub__n { font-family:var(--display); font-size:.85rem; color:var(--acc); letter-spacing:.1em; }
.pt-hub__role { font-family:var(--display); font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--osso-70); }
.pt-hub h3 { font-family:var(--display); font-size:clamp(1.8rem,3vw,2.5rem); line-height:.98; letter-spacing:.01em; text-transform:uppercase; margin:1rem 0 .5rem; }
.pt-hub p { color:var(--osso-70); line-height:1.45; font-size:.98rem; max-width:34ch; margin:0; }
.pt-hub__go { margin-top:1.3rem; font-family:var(--display); font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--acc); display:inline-flex; align-items:center; gap:.5rem; }
.pt-hub--super { --acc: var(--fogo); }
.pt-hub--empresa { --acc: var(--azul); }
.pt-hub--manifesto { --acc: var(--gold); }
.pt-hub--lab { --acc: var(--magenta); }
.pt-hub--guia { --acc: #D4A0FF; }
.pt-hub--guia h3, .pt-hub--guia .pt-hub__go { background:linear-gradient(90deg,#F5B400,#E8187A 48%,#7E5BEF 78%,#D4A0FF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
@media (max-width:760px) { .portais__grid, .portais__slim { grid-template-columns:1fr; } }

/* ===== 3.5 · A VIRADA (mata o mito "IA=figurinha", reenquadra IA=sistema) ===== */
.virada { max-width: 60rem; margin: 0 auto; padding: clamp(4.5rem,10vh,7.5rem) clamp(1.25rem,5vw,4.5rem); text-align: center; }
.virada__eb { display: inline-block; font-family: 'Anta',system-ui,sans-serif; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--fogo); margin-bottom: 1rem; }
.virada__h { font-size: clamp(1.9rem,4.2vw,3.1rem); line-height: 1.08; letter-spacing: .005em; }
.virada__h em { color: var(--gold); font-style: normal; }
.virada__intro { margin: 1.3rem auto 2.6rem; max-width: 40rem; font-size: 1.08rem; line-height: 1.6; color: var(--osso-70); }
.virada__lista { list-style: none; margin: 0 auto; padding: 0; max-width: 46rem; display: grid; gap: 0; text-align: left; }
.virada__lista li { display: grid; grid-template-columns: minmax(9rem,12rem) 1fr; gap: 1.2rem; align-items: baseline; padding: 1.1rem .4rem; border-top: 1px solid var(--fio); color: var(--osso); font-size: 1.02rem; }
.virada__lista li:last-child { border-bottom: 1px solid var(--fio); }
.virada__k { font-family: 'Anta',system-ui,sans-serif; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--fogo); }
.virada__fecho { margin: 2.6rem auto 0; max-width: 40rem; font-size: clamp(1.15rem,2.4vw,1.4rem); line-height: 1.4; color: var(--osso); }

/* ===== 3.7 · SEM CURSO, SEM GURU (quebra a objeção-mãe, anti-guru) ===== */
.semcurso { padding: clamp(3rem,7vh,5rem) clamp(1.25rem,5vw,4.5rem); background: var(--ceu-2); border-top: 1px solid var(--fio); border-bottom: 1px solid var(--fio); }
.semcurso__box { max-width: 52rem; margin: 0 auto; padding: clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3rem); border: 1px solid var(--fio); border-radius: var(--r-card); position: relative; overflow: hidden; background: radial-gradient(120% 140% at 100% 0%, oklch(58% 0.24 356 / .10), transparent 60%), var(--ceu); }
.semcurso__box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--grad-fogo); }
.semcurso__eb { display: inline-block; font-family: 'Anta',system-ui,sans-serif; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--fogo); margin-bottom: .8rem; }
.semcurso h2 { font-size: clamp(1.7rem,3.4vw,2.6rem); line-height: 1.12; margin: 0 0 1.1rem; }
.semcurso h2 em { color: var(--fogo); font-style: normal; }
.semcurso p { color: var(--osso-70); max-width: 44rem; font-size: 1.05rem; line-height: 1.65; margin: 0 0 1.4rem; }
.semcurso__link { font-family: 'Anta',system-ui,sans-serif; font-size: .9rem; letter-spacing: .02em; color: var(--gold); }
.semcurso__link:hover { color: var(--osso); }

@media (max-width: 640px) {
  .virada__lista li { grid-template-columns: 1fr; gap: .3rem; padding: .95rem .2rem; }
}

/* ===== VIP (acesso à área de membros · futuro nome da Guilda) ===== */
.vip { grid-column: 1 / -1; position: relative; overflow: hidden; margin-top: .3rem;
  display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.6rem; justify-content: space-between;
  padding: clamp(1.5rem,3vw,2.1rem) clamp(1.5rem,4vw,2.6rem);
  border: 1px solid var(--fio); border-radius: var(--r-card);
  background: radial-gradient(130% 200% at 100% 0%, oklch(58% 0.24 356 / .14), transparent 55%), var(--ceu-2); }
.vip::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: var(--grad-fogo); }
.vip__badge { flex: none; font-family:'Anta',system-ui,sans-serif; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:#0E0A16; background: var(--grad-fogo); border-radius: var(--r-pill); padding: 6px 13px; }
.vip__body { flex: 1 1 24rem; }
.vip__body h3 { font-family:'Anta',system-ui,sans-serif; font-size: 1.35rem; margin: 0 0 .3rem; }
.vip__body p { color: var(--osso-70); font-size: .98rem; line-height:1.55; margin: 0; max-width: 46rem; }
.vip__go { flex:none; font-family:'Anta',system-ui,sans-serif; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color: var(--osso-70); }

/* ===== O QUE EU ACREDITO (blocos alternados imagem+texto) ===== */
.cren-intro { text-align:center; padding: clamp(4rem,8vh,6rem) clamp(1.25rem,5vw,4.5rem) 0; }
.cren-intro__eb { display:inline-block; font-family:'Anta',system-ui,sans-serif; font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color: var(--fogo); margin-bottom:.8rem; }
.cren-intro h2 { font-size: clamp(1.7rem,3.4vw,2.6rem); line-height:1.12; }
.cren { display:grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,5rem); align-items:center; max-width: 76rem; margin: 0 auto; padding: clamp(2.5rem,6vh,4rem) clamp(1.25rem,5vw,4.5rem); }
.cren__arte img { width:100%; border:1px solid var(--fio); border-radius: var(--r-card); }
.cren__arte--retrato { display:flex; justify-content:center; }
.cren__arte--retrato img { max-width: 26rem; }
.cren--imgR .cren__arte { order: 2; }
.cren__eb { display:inline-block; font-family:'Anta',system-ui,sans-serif; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color: var(--fogo); margin-bottom:.6rem; }
.cren__txt h3 { font-size: clamp(1.5rem,3vw,2.2rem); line-height:1.12; margin: 0 0 .9rem; }
.cren__txt p { color: var(--osso-70); font-size: 1.04rem; line-height:1.6; margin: 0 0 1.3rem; max-width: 34rem; }
.cren__link { font-family:'Anta',system-ui,sans-serif; font-size:.9rem; letter-spacing:.02em; color: var(--gold); }
.cren__link:hover { color: var(--osso); }
@media (max-width: 800px) {
  .cren { grid-template-columns: 1fr; gap: 1.6rem; }
  .cren--imgR .cren__arte { order: 0; }
}

/* ===== 3.8 · O QUE E (definicao citavel · GEO) ===== */
.oque { padding: clamp(3rem,7vh,5rem) clamp(1.25rem,5vw,4.5rem); background: var(--ceu-2); border-top: 1px solid var(--fio); }
.oque__box { max-width: 46rem; margin: 0 auto; }
.oque__eb { display: inline-block; font-family: 'Anta',system-ui,sans-serif; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: .8rem; }
.oque h2 { font-size: clamp(1.6rem,3.2vw,2.4rem); line-height: 1.12; margin: 0 0 1.1rem; }
.oque p { color: var(--osso-70); font-size: 1.05rem; line-height: 1.7; margin: 0; }

/* objecoes: titulo-pergunta + data (GEO) */
.objecoes__h { max-width: 44rem; margin: 0 auto 2rem; font-size: clamp(1.6rem,3.2vw,2.4rem); line-height: 1.12; }
.objecoes__data { max-width: 44rem; margin: 2rem auto 0; font-size: .82rem; color: var(--osso-70); opacity: .75; font-style: italic; }

/* prova em video (GEO multi-modal) */
.cren__arte video { width:100%; max-width: 20rem; border:1px solid var(--fio); border-radius: var(--r-card); display:block; margin:0 auto; }
.cren__cap { margin-top:.6rem; text-align:center; font-size:.82rem; color: var(--osso-70); font-style: italic; }

/* ===== GEO: definicao citavel + FAQ + video/stat (paginas mano) ===== */
div.mano-kicker { margin: 0 0 1.6rem; }
.geo-def { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem,6vh,4rem) 1.5rem; }
.geo-def h2 { font-size: clamp(1.5rem,3vw,2.2rem); line-height: 1.15; margin: 0 0 1rem; }
.geo-def p { color: var(--osso-70, rgba(239,233,221,.72)); font-size: 1.04rem; line-height: 1.7; margin: 0; }
.geo-faq { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem,6vh,4rem) 1.5rem; }
.geo-faq h2 { font-size: clamp(1.5rem,3vw,2.2rem); line-height: 1.15; margin: 0 0 1.6rem; }
.geo-faq dl { display: grid; gap: 1.4rem; margin: 0; }
.geo-faq div { border-top: 1px solid rgba(239,233,221,.14); padding-top: 1.3rem; }
.geo-faq dt { font-weight: 700; color: var(--gold, #F5B400); margin-bottom: .35rem; }
.geo-faq dd { margin: 0; color: var(--osso-70, rgba(239,233,221,.72)); line-height: 1.6; }
.geo-video { margin: 1.6rem auto; }
.geo-video video { width: 100%; max-width: 19rem; display: block; margin: 0 auto; border: 1px solid rgba(239,233,221,.18); border-radius: 14px; }
.geo-video figcaption { margin-top: .6rem; text-align: center; font-size: .82rem; opacity: .72; font-style: italic; max-width: 30rem; margin-inline: auto; }
.geo-stat { max-width: 24rem; margin: 1.6rem 0 0; }
.geo-stat svg { width: 100%; height: auto; display: block; }
.geo-stat figcaption { margin-top: .45rem; font-size: .8rem; opacity: .7; font-style: italic; }
.atualizado { margin-top: 1.6rem; font-size: .8rem; opacity: .6; font-style: italic; }
