/* ============================================
   Mentoria Maisa Valar — Página HOME
   CSS isolado: mexer aqui NÃO afeta o ebook
   Cores da marca:
   #182626 ink · #5D7373 sage · #F7F3EA cream
   #C3CAC6 cream-deep · #CBC8C1 champagne
   ============================================ */

:root {
  --cream:        #F7F3EA;
  --cream-deep:   #E7E0CE;
  --cream-soft:   #EFE9D8;
  --sage:         #5D7373;
  --sage-deep:    #364747;
  --ink:          #182626;
  --champagne:    #CBC8C1;
  --champagne-2:  #D9CFB1;
  --muted:        #6E7B79;
  --border:       #DDD6C4;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}

/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem;max-width:80rem;margin:0 auto}
@media (min-width:768px){.nav-inner{padding:1.5rem 3rem}}
.nav-logo-link{display:inline-flex;align-items:center}
.nav-logo{height:2.5rem;width:auto;display:block;
  filter:brightness(0) saturate(100%) invert(11%) sepia(13%) saturate(750%) hue-rotate(130deg) brightness(95%) contrast(92%)}
.nav-links{display:none;gap:2.5rem;font-size:11px;text-transform:uppercase;
  letter-spacing:.22em;color:var(--sage-deep)}
.nav-links a{transition:color .2s}
.nav-links a:hover{color:var(--ink)}
@media (min-width:768px){.nav-links{display:flex;align-items:center}}
.btn-pill-dark{display:inline-flex;align-items:center;border-radius:9999px;
  background:var(--ink);color:var(--cream);padding:.625rem 1.25rem;
  font-size:11px;text-transform:uppercase;letter-spacing:.22em;transition:background .2s}
.btn-pill-dark:hover{background:var(--sage-deep)}

/* hero */
.hero{position:relative;overflow:hidden;padding:8rem 0 6rem}
@media (min-width:768px){.hero{padding:10rem 0 8rem}}
.hero-bg{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(60% 50% at 20% 20%, var(--cream-deep) 0%, transparent 60%),
    radial-gradient(40% 40% at 90% 80%, rgba(93,115,115,.22) 0%, transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;
  max-width:80rem;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.hero-grid{padding:0 3rem}}
@media (min-width:1024px){.hero-grid{grid-template-columns:repeat(12,1fr);gap:4rem}}
.hero-text{grid-column:span 7}
.hero-art{grid-column:span 5}
@media (max-width:1023px){.hero-text,.hero-art{grid-column:auto}}
.eyebrow{display:flex;align-items:center;gap:.75rem;font-size:11px;
  text-transform:uppercase;letter-spacing:.3em;color:var(--sage-deep);margin-bottom:2rem}
.eyebrow::before{content:"";display:block;height:1px;width:2.5rem;background:var(--sage-deep)}
.eyebrow.no-line::before{display:none}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  letter-spacing:-.015em;font-size:clamp(2.75rem,7vw,5.75rem);line-height:.98;color:var(--ink);
  text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--sage-deep)}
.hero-lead{margin-top:2rem;max-width:36rem;font-size:1.125rem;line-height:1.7;color:var(--muted)}
.hero-ctas{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.btn-pill{display:inline-flex;align-items:center;gap:.75rem;border-radius:9999px;
  background:var(--ink);color:var(--cream);padding:1rem 1.75rem;
  font-size:12px;text-transform:uppercase;letter-spacing:.22em;transition:background .2s}
.btn-pill:hover{background:var(--sage-deep)}
.btn-pill .arrow{transition:transform .2s}
.btn-pill:hover .arrow{transform:translateX(.25rem)}
.btn-text{font-size:.875rem;letter-spacing:.02em;color:var(--sage-deep);
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
  transition:color .2s}
.btn-text:hover{color:var(--ink)}

.numbers{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2,1fr);
  gap:1.5rem 2rem}
@media (min-width:640px){.numbers{grid-template-columns:repeat(4,1fr)}}
.numbers .v{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.875rem;color:var(--ink)}
.numbers .l{margin-top:.25rem;font-size:11px;text-transform:uppercase;
  letter-spacing:.18em;color:var(--muted)}

.portrait-wrap{position:relative;max-width:28rem;margin:0 auto}
.portrait-wrap .halo{position:absolute;inset:-1rem;z-index:-1;border-radius:2rem;
  background:rgba(93,115,115,.28)}
.portrait-wrap .dot{position:absolute;bottom:-1.5rem;right:-1.5rem;z-index:-1;
  height:10rem;width:10rem;border-radius:50%;background:var(--champagne)}
.portrait-wrap img{position:relative;border-radius:1.75rem;object-fit:cover;
  box-shadow:0 30px 80px -30px rgba(40,60,60,.35)}
.portrait-card{display:none;position:absolute;left:-1.5rem;bottom:2.5rem;
  background:var(--cream);padding:1rem 1.25rem;border-radius:1rem;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);outline:1px solid var(--cream-deep)}
@media (min-width:768px){.portrait-card{display:block}}
.portrait-card .name{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:1.25rem;color:var(--ink)}
.portrait-card .role{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:var(--sage-deep)}

/* marquee whisper */
.whisper{border-top:1px solid var(--cream-deep);border-bottom:1px solid var(--cream-deep);
  background:#EBE2C9;padding:1.5rem 0}
.whisper-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:.75rem 2.5rem;font-size:11px;text-transform:uppercase;letter-spacing:.28em;
  color:var(--sage-deep);padding:0 1.5rem;max-width:80rem;margin:0 auto}
@media (min-width:768px){.whisper-inner{padding:0 3rem}}

/* section base */
.section{padding:7rem 0}
@media (min-width:768px){.section{padding:9rem 0}}
.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  letter-spacing:-.015em;font-size:3rem;line-height:1.02;color:var(--ink);text-wrap:balance;
  margin-top:1.5rem}
.section h2 em{font-style:italic}
@media (min-width:768px){.section h2{font-size:3.75rem}}
.section .lead{margin-top:2rem;max-width:28rem;font-size:1rem;line-height:1.7;color:var(--muted)}

/* mentoria — pilares */
.mentoria-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:80rem;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.mentoria-grid{padding:0 3rem}}
@media (min-width:1024px){.mentoria-grid{grid-template-columns:repeat(12,1fr)}}
.mentoria-left{grid-column:span 5}
.mentoria-right{grid-column:span 7;display:grid;grid-template-columns:1fr;gap:1px;
  background:var(--cream-deep);border-radius:1.5rem;overflow:hidden}
@media (min-width:640px){.mentoria-right{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1023px){.mentoria-left,.mentoria-right{grid-column:auto}}
.pillar{background:var(--cream-soft);padding:2rem;transition:background .2s}
.pillar:hover{background:#E8E8DE}
.pillar .n{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:1.5rem;color:var(--sage-deep)}
.pillar h3{margin-top:1rem;font-size:1.125rem;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.pillar p{margin-top:.75rem;font-size:.875rem;line-height:1.7;color:var(--muted)}

/* maisa about */
.maisa{position:relative;padding:7rem 0}
@media (min-width:768px){.maisa{padding:9rem 0}}
.maisa::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,var(--cream-deep),transparent)}
.maisa-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;
  max-width:80rem;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.maisa-grid{padding:0 3rem}}
@media (min-width:1024px){.maisa-grid{grid-template-columns:repeat(12,1fr)}}
.maisa-photo{grid-column:span 5;position:relative}
.maisa-photo .halo{position:absolute;top:-1.5rem;left:-1.5rem;height:8rem;width:8rem;
  border-radius:50%;background:rgba(93,115,115,.25)}
.maisa-photo img{position:relative;border-radius:1.75rem;object-fit:cover;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.maisa-text{grid-column:span 7}
@media (max-width:1023px){.maisa-photo,.maisa-text{grid-column:auto}}
.maisa-body{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem;
  font-size:1rem;line-height:1.7;color:var(--muted)}
.maisa-body p strong,.maisa-body p .hi{color:var(--ink);font-weight:400}
.maisa-quote{margin-top:2.5rem;font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;font-size:1.5rem;color:var(--sage-deep)}

/* programa */
.programa{background:#22302F;color:var(--cream);padding:7rem 0}
@media (min-width:768px){.programa{padding:9rem 0}}
.programa h2{color:var(--cream)}
.programa .eyebrow{color:var(--champagne-2)}
.programa .eyebrow::before{background:var(--champagne-2)}
.programa-grid{display:grid;grid-template-columns:1fr;gap:4rem;max-width:80rem;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.programa-grid{padding:0 3rem}}
@media (min-width:1024px){.programa-grid{grid-template-columns:repeat(12,1fr)}}
.programa-left{grid-column:span 5}
.programa-right{grid-column:span 7}
@media (max-width:1023px){.programa-left,.programa-right{grid-column:auto}}
.programa-lead{margin-top:2rem;max-width:28rem;font-size:1rem;line-height:1.7;color:rgba(247,243,234,.75)}
.bonus-card{margin-top:3rem;border:1px solid rgba(247,243,234,.15);border-radius:1rem;padding:1.5rem}
.bonus-card .kicker{font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:var(--champagne-2)}
.bonus-card .title{margin-top:.5rem;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem}
.bonus-card p{margin-top:.5rem;font-size:.875rem;line-height:1.7;color:rgba(247,243,234,.7)}
.bonus-card ul{margin-top:.75rem;font-size:.875rem;line-height:1.7;color:rgba(247,243,234,.7)}
.bonus-card li{margin-bottom:.375rem}
.programa-foot{margin-top:1.5rem;max-width:28rem;font-size:.875rem;line-height:1.7;color:rgba(247,243,234,.7)}

.modules{border-top:1px solid rgba(247,243,234,.1);border-bottom:1px solid rgba(247,243,234,.1)}
.modules li{display:flex;align-items:baseline;gap:1.5rem;padding:1.25rem 0;
  border-top:1px solid rgba(247,243,234,.1)}
.modules li:first-child{border-top:0}
.modules .n{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.5rem;color:var(--champagne-2)}
.modules .t{font-size:1.125rem;color:rgba(247,243,234,.9)}

/* para quem */
.paraquem{padding:7rem 0;text-align:center}
@media (min-width:768px){.paraquem{padding:9rem 0}}
.paraquem-inner{max-width:64rem;margin:0 auto;padding:0 1.5rem}
@media (min-width:768px){.paraquem-inner{padding:0 3rem}}
.paraquem .eyebrow{justify-content:center}
.paraquem .eyebrow::before{display:none}
.paraquem h2{margin-top:1.5rem}
.paraquem-grid{margin:3rem auto 0;max-width:48rem;display:grid;grid-template-columns:1fr;
  gap:1rem;text-align:left}
@media (min-width:640px){.paraquem-grid{grid-template-columns:repeat(2,1fr)}}
.paraquem-item{display:flex;align-items:flex-start;gap:.75rem;border:1px solid var(--cream-deep);
  background:var(--cream-soft);border-radius:1rem;padding:1.25rem}
.paraquem-item .dot{margin-top:.5rem;height:.5rem;width:.5rem;border-radius:50%;background:var(--sage);flex:none}
.paraquem-item p{font-size:15px;line-height:1.7;color:var(--ink)}

/* CTA vagas */
.vagas{padding:0 1.5rem 7rem}
@media (min-width:768px){.vagas{padding:0 3rem 7rem}}
.vagas-box{position:relative;overflow:hidden;border-radius:2.5rem;background:var(--ink);
  color:var(--cream);text-align:center;padding:5rem 2rem;max-width:72rem;margin:0 auto}
@media (min-width:768px){.vagas-box{padding:7rem 4rem}}
.vagas-bg{position:absolute;inset:0;opacity:.4;
  background:
    radial-gradient(50% 50% at 20% 20%, rgba(93,115,115,.6) 0%, transparent 60%),
    radial-gradient(40% 40% at 90% 80%, rgba(203,200,193,.5) 0%, transparent 70%)}
.vagas-inner{position:relative}
.vagas .eyebrow{justify-content:center;color:var(--champagne-2)}
.vagas .eyebrow::before{display:none}
.vagas h2{color:var(--cream);max-width:48rem;margin:1.5rem auto 0}
.vagas p{margin:1.5rem auto 0;max-width:42rem;color:rgba(247,243,234,.75)}
.btn-pill-light{display:inline-flex;align-items:center;gap:.75rem;border-radius:9999px;
  background:var(--cream);color:var(--ink);padding:1rem 2rem;font-size:12px;
  text-transform:uppercase;letter-spacing:.22em;margin-top:2.5rem;transition:background .2s}
.btn-pill-light:hover{background:var(--champagne)}
.vagas-foot{margin-top:1.5rem;font-size:11px;text-transform:uppercase;
  letter-spacing:.22em;color:rgba(247,243,234,.55)}

/* footer */
.foot{border-top:1px solid var(--cream-deep);padding:3rem 0}
.foot-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  gap:1.5rem;max-width:80rem;margin:0 auto;padding:0 1.5rem;font-size:11px;
  text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}
@media (min-width:768px){.foot-inner{flex-direction:row;padding:0 3rem}}
.foot-brand{display:flex;align-items:center;gap:.75rem}
.foot-logo{height:2.5rem;width:auto;display:block;
  filter:brightness(0) saturate(100%) invert(11%) sepia(13%) saturate(750%) hue-rotate(130deg) brightness(95%) contrast(92%);
  opacity:.7}