/* ══════════════════════════════════════════════════════════════════════
   AS PÁGINAS DE VERTENTE · novembro de 2026
   Vinyasa Yoga, A Psicologia do Yin e Oss Yoga Method® saem do mesmo
   molde (scripts/vertentes-aplicar.mjs). A cor da vertente chega em
   --v; o resto é a casa: floresta, pergaminho, ouro, Georgia.
   A decisão do aluno se resolve aqui; a página de cada curso é o "ver
   tudo" para quem quer o programa inteiro.
   ══════════════════════════════════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--pergaminho);color:var(--floresta);
  font-family:Helvetica,Arial,sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}
.reg{font-size:.32em;vertical-align:super;font-weight:400;letter-spacing:0;line-height:0;margin-left:.06em}
h3 .reg{font-size:.45em}
.container{max-width:1180px;margin:0 auto;padding:0 48px}
section{position:relative}
.eyebrow{
  font-size:.7rem;letter-spacing:4px;text-transform:uppercase;font-weight:600;
  color:var(--v);display:inline-flex;align-items:center;gap:14px;
}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
.sec-head{max-width:720px;margin-bottom:46px}
.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:16px 0 14px;color:var(--floresta)}
.sec-head h2 em{font-style:italic;color:var(--v)}
.sec-head p{font-size:1.05rem;color:#4b574e;max-width:620px}
.wave-sprite{position:absolute;width:0;height:0;overflow:hidden}
.wave-bottom{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;z-index:3;pointer-events:none;display:block;fill:currentColor}
@media(max-width:760px){.wave-bottom{height:44px}}

/* ── Botões ─────────────────────────────────────────────────────────── */
.vbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 26px;min-height:48px;
  font-size:.7rem;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;
  text-decoration:none;border:1px solid var(--v);transition:background .25s,color .25s,border-color .25s;
}
.vbtn-cheio{background:var(--v);color:#fff}
.vbtn-cheio:hover{background:transparent;color:var(--v)}
.vbtn-linha{background:transparent;color:var(--v)}
.vbtn-linha:hover{background:var(--v);color:#fff}
.vbtn-claro{border-color:rgba(245,241,232,.5);color:var(--pergaminho)}
.vbtn-claro:hover{background:var(--pergaminho);color:var(--floresta);border-color:var(--pergaminho)}
.vbtn:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}

/* ── Menu (o mesmo das outras páginas do site) ─────────────────────── */
nav#nav{
  position:fixed;top:0;left:0;width:100%;z-index:100;
  padding:20px 48px;display:flex;align-items:center;justify-content:space-between;
  transition:all .35s ease;
}
nav#nav.scrolled{
  background:rgba(13,26,16,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  padding:12px 48px;border-bottom:1px solid rgba(201,169,79,.12);
}
.nav-logo img{height:92px;width:auto;transition:height .35s}
nav#nav.scrolled .nav-logo img{height:64px}
.nav-cta{
  background:var(--verde-oss);color:var(--pergaminho);text-decoration:none;
  padding:11px 26px;font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;
  border:1px solid var(--verde-oss);transition:all .3s;
}
.nav-cta:hover{background:transparent;color:var(--verde-oss-claro);border-color:var(--verde-oss-claro)}
@media(max-width:760px){
  nav#nav{padding:14px 20px}
  nav#nav.scrolled{padding:10px 20px}
  .nav-logo img{height:60px}
  nav#nav.scrolled .nav-logo img{height:50px}
}

/* Seletor de idioma PT · ES (o mesmo das páginas de curso) */
.nav-lang{display:inline-flex;align-items:center;gap:7px;list-style:none;border:1px solid rgba(245,241,232,.3);border-radius:40px;padding:6px 13px;background:rgba(245,241,232,.03)}
.nav-lang-globe{width:14px;height:14px;fill:none;stroke:var(--ouro);stroke-width:1.6;opacity:.9;flex:0 0 auto}
.nav-lang a{font-size:.72rem;letter-spacing:2px;font-weight:600;color:rgba(245,241,232,.62);text-decoration:none}
.nav-lang a:hover,.nav-lang a.is-active{color:var(--ouro)}
.nav-lang .sep{color:rgba(245,241,232,.3);font-size:.72rem}

/* ── Hero ───────────────────────────────────────────────────────────── */
.vhero{
  min-height:88vh;display:flex;align-items:flex-end;
  padding:170px 0 96px;color:var(--pergaminho);background:var(--floresta);overflow:hidden;
}
.vhero-bg{position:absolute;inset:0;background-size:cover;background-position:center 35%;opacity:.42}
.vhero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,26,16,.55) 0%,rgba(13,26,16,.35) 40%,rgba(13,26,16,.92) 100%);
}
.vhero .container{position:relative;z-index:2;width:100%}
.vhero-tag{
  display:inline-flex;align-items:center;gap:12px;
  font-size:.68rem;letter-spacing:3.5px;text-transform:uppercase;font-weight:700;color:var(--pergaminho);
}
.vhero-tag i{width:10px;height:10px;border-radius:50%;background:var(--v);display:inline-block}
.vhero h1{font-size:clamp(3rem,7.4vw,6rem);letter-spacing:-.025em;margin:20px 0 18px;max-width:900px}
.vhero-horas{font-family:Georgia,serif;color:var(--ouro);font-size:clamp(1.3rem,2.2vw,1.7rem);margin-bottom:18px}
.vhero-frase{font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:640px;color:rgba(245,241,232,.86);line-height:1.6}
.vhero-cursos{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 34px}
.vhero-cursos a{
  display:inline-flex;align-items:baseline;gap:9px;padding:9px 15px;
  border:1px solid rgba(245,241,232,.28);text-decoration:none;font-size:.9rem;
  background:rgba(13,26,16,.35);transition:border-color .2s,background .2s;
}
.vhero-cursos a:hover{border-color:var(--ouro);background:rgba(201,169,79,.12)}
.vhero-cursos b{font-weight:400;font-family:Georgia,serif;color:var(--ouro)}
.vhero-cursos .esp{border-style:dashed}
.vhero-btns{display:flex;flex-wrap:wrap;gap:14px}
@media(max-width:760px){
  .vhero{min-height:0;padding:140px 0 76px}
  .vhero-btns .vbtn{width:100%}
}

/* ── Migalha (vem do menu-aplicar) ─────────────────────────────────── */
.migalha{background:var(--floresta)}

/* ── As duas portas: inteira ou um por vez ─────────────────────────── */
.portas{padding:100px 0 90px}
.mapa{
  display:grid;gap:0;border:1px solid #d9d3c3;background:#fcfaf4;margin-bottom:34px;
}
.mapa-linha{
  display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:center;
  padding:18px 24px;border-bottom:1px solid #e6e0d0;text-decoration:none;transition:background .2s;
}
.mapa-linha:hover{background:#f6f1e4}
.mapa-num{font-family:Georgia,serif;font-size:1.25rem;color:var(--v)}
.mapa-nome{font-family:Georgia,serif;font-size:1.3rem;line-height:1.25}
.mapa-nome small{display:block;font-family:Helvetica,Arial,sans-serif;font-size:.82rem;color:#5d675f;margin-top:3px}
.mapa-h{font-family:Georgia,serif;font-size:1.3rem;color:var(--v);white-space:nowrap}
.mapa-rot{
  padding:10px 24px;font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;
  color:var(--v);background:#f3eedf;border-bottom:1px solid #e6e0d0;
}
.mapa-soma{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:20px 24px;background:var(--floresta);color:var(--pergaminho);
}
.mapa-soma span{font-size:.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:rgba(245,241,232,.7)}
.mapa-soma b{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;color:var(--ouro)}
.portas-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.porta{padding:34px 32px;border:1px solid #d9d3c3;background:#fff;display:flex;flex-direction:column;gap:12px}
.porta.forte{background:var(--floresta);color:var(--pergaminho);border-color:var(--floresta)}
.porta-tag{font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--v)}
.porta.forte .porta-tag{color:var(--ouro)}
.porta h3{font-size:1.65rem}
.porta p{font-size:.98rem;color:#4b574e;flex:1}
.porta.forte p{color:rgba(245,241,232,.78)}
.porta .vbtn{align-self:flex-start;margin-top:8px}
@media(max-width:760px){
  .portas{padding:70px 0 60px}
  .portas-grid{grid-template-columns:1fr}
  .mapa-linha{grid-template-columns:30px 1fr auto;padding:16px 16px;gap:12px}
  .mapa-rot,.mapa-soma{padding-left:16px;padding-right:16px}
  .porta{padding:28px 22px}
  .porta .vbtn{align-self:stretch}
}

/* ── Um bloco por curso ────────────────────────────────────────────── */
.cursos{padding:20px 0 110px}
.curso{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;
  border:1px solid #d9d3c3;background:#fff;margin-bottom:26px;scroll-margin-top:110px;
}
.curso-foto{position:relative;min-height:340px;background:var(--floresta);overflow:hidden}
.curso-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.curso-foto .curso-papel{
  position:absolute;left:18px;top:18px;z-index:2;
  font-size:.6rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;
  padding:7px 11px;background:var(--v);color:#fff;
}
.curso-foto .curso-papel.esp{background:var(--floresta);border:1px solid var(--ouro);color:var(--ouro)}
.curso-corpo{padding:40px 40px 36px;display:flex;flex-direction:column}
.curso-num{font-size:.66rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--v)}
.curso h3{font-size:clamp(1.9rem,3vw,2.5rem);margin:10px 0 4px}
.curso-h{font-family:Georgia,serif;font-size:1.25rem;color:var(--v);margin-bottom:16px}
.curso-resumo{font-size:1.03rem;color:#38443b;margin-bottom:22px}
.curso-fatos{display:grid;gap:12px;margin-bottom:22px}
.curso-fatos div{display:grid;grid-template-columns:118px 1fr;gap:14px;font-size:.92rem;border-top:1px solid #ece6d6;padding-top:11px}
.curso-fatos dt{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#7a8378;padding-top:3px}
.curso-fatos dd{color:#2f3a32}
.curso-combina{
  font-size:.86rem;padding:11px 14px;margin-bottom:22px;
  background:#f6f1e4;border-left:3px solid var(--v);color:#38443b;
}
.curso-combina a{color:var(--v);font-weight:600}
.curso-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.curso:nth-child(even) .curso-foto{order:2}
@media(max-width:900px){
  .curso{grid-template-columns:1fr}
  .curso:nth-child(even) .curso-foto{order:0}
  .curso-foto{min-height:220px}
  .curso-corpo{padding:30px 22px 28px}
  .curso-fatos div{grid-template-columns:1fr;gap:3px}
  .curso-acoes .vbtn{flex:1 1 100%}
}
.esp-sep{display:flex;align-items:center;gap:18px;margin:46px 0 26px}
.esp-sep::before,.esp-sep::after{content:"";height:1px;background:#d9d3c3;flex:1}
.esp-sep span{font-size:.68rem;letter-spacing:3.5px;text-transform:uppercase;font-weight:700;color:var(--v)}
.esp-nota{text-align:center;max-width:620px;margin:-12px auto 26px;color:#5d675f;font-size:.95rem}

/* ── Fechar a vertente inteira ─────────────────────────────────────── */
.completa{padding:110px 0;background:var(--floresta);color:var(--pergaminho)}
.completa .sec-head h2{color:var(--pergaminho)}
.completa .sec-head h2 em{color:var(--ouro)}
.completa .sec-head p{color:rgba(245,241,232,.75)}
.completa .eyebrow{color:var(--ouro)}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:42px;counter-reset:passo}
.passo{border-top:3px solid var(--v);padding:22px 4px 0}
.passo b{display:block;font-family:Georgia,serif;font-weight:400;font-size:1.3rem;margin-bottom:6px}
.passo span{font-size:.92rem;color:rgba(245,241,232,.7)}
.completa-acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.completa-acoes small{font-size:.86rem;color:rgba(245,241,232,.6);max-width:420px}
@media(max-width:760px){.completa{padding:76px 0}.completa-acoes .vbtn{width:100%}}

/* ── Quem conduz ───────────────────────────────────────────────────── */
.conduz{padding:110px 0}
.conduz-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:56px;align-items:center}
.conduz-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.conduz-texto p{font-size:1.03rem;color:#38443b;margin-bottom:14px}
.conduz-texto a.link{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--v);text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:860px){.conduz{padding:76px 0}.conduz-grid{grid-template-columns:1fr;gap:30px}.conduz-foto img{aspect-ratio:4/3}}

/* ── Depoimentos (o bloco da casa, depoimentos.css) ────────────────── */
.vertente .depoimentos-head .eyebrow{color:var(--ouro)}
.vertente .depoimentos-head h2{font-size:clamp(2rem,3.6vw,2.9rem)}

/* ── Na Jornada 500h ───────────────────────────────────────────────── */
.najornada{padding:96px 0;background:#ece6d6}
.barra500{display:flex;height:16px;border-radius:2px;overflow:hidden;margin:26px 0 14px;background:#d9d3c3}
.barra500 span{display:block;height:100%;opacity:.28;transition:opacity .2s}
.barra500 span.aqui{opacity:1}
.barra500-leg{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.88rem;color:#4b574e}
.barra500-leg a{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.barra500-leg a i{width:10px;height:10px;border-radius:50%;display:inline-block}
.barra500-leg a.aqui{font-weight:700;color:var(--floresta)}
.najornada-acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.dojo-nota{
  margin-top:40px;padding:22px 24px;background:var(--floresta);color:rgba(245,241,232,.8);
  display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.95rem;
}
.dojo-nota b{color:var(--pergaminho);font-family:Georgia,serif;font-weight:400;font-size:1.15rem}
.dojo-nota a{color:var(--ouro);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-decoration:none}

/* ── Rodapé ────────────────────────────────────────────────────────── */
footer{background:var(--floresta);color:rgba(245,241,232,.6);padding:72px 48px 32px}
footer a{color:inherit;text-decoration:none}
.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.footer-brand img{height:60px;width:auto;margin-bottom:18px;opacity:.85}
.footer-brand p{font-size:.85rem;line-height:1.7;color:rgba(245,241,232,.5)}
.footer-col h4{font-size:.68rem;letter-spacing:3px;text-transform:uppercase;font-weight:600;color:var(--ouro);margin-bottom:18px;font-family:Helvetica,Arial,sans-serif}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul li a{font-size:.88rem;color:rgba(245,241,232,.55);transition:color .25s}
.footer-col ul li a:hover{color:var(--ouro)}
.footer-bottom{max-width:1180px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.72rem;color:rgba(245,241,232,.35);letter-spacing:.5px}
@media(max-width:780px){footer{padding:56px 24px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

@media(max-width:980px){.container{padding:0 24px}}
@media(max-width:360px){.container{padding:0 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}