/* Chamadas Filhas: paleta medida nas imagens da marca */
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Literata";src:url(../fonts/literata-normal.woff2) format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Literata";src:url(../fonts/literata-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}

:root{
  --oliva:#4E5038;
  --oliva-esc:#3F412C;
  --creme:#FFFCF5;
  --areia:#F3E8D4;
  --linho:#F3EFE6;
  --ouro:#9B8240;
  --ouro-texto:#7E6A2E;
  --ouro-claro:#DCC998;
  --titulo:#2B2A14;
  --corpo:#4F4A33;
  --linha:#DDD2BC;
  --serifa:"Instrument Serif",Georgia,serif;
  --texto:"Literata",Georgia,serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--corpo);font:400 1.0625rem/1.65 var(--texto);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serifa);font-weight:400;color:var(--titulo);line-height:1.04;letter-spacing:-.005em}
h2{font-size:clamp(2.5rem,6vw,3.9rem);text-wrap:balance}
h3{font-size:1.75rem}
a{color:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}

.caixa{width:100%;max-width:1160px;margin-inline:auto;padding-inline:24px}
.estreita{max-width:760px}
.centro{text-align:center}
.centro .orn,.centro>img{margin-inline:auto}
.sec{padding-block:clamp(72px,10vw,128px)}
.sec-creme{background:var(--creme)}
.sec-areia{background:var(--areia)}
.sec-linho{background-color:#F8F3E9;background-image:repeating-linear-gradient(0deg,rgba(120,105,70,.045) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,105,70,.045) 0 1px,transparent 1px 3px)}
.sec-plataforma{background:var(--linho)}

.sobre{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ouro-texto);margin-bottom:14px}
.sobre-claro{color:var(--ouro-claro)}

.btn{display:inline-block;padding:18px 34px;border-radius:4px;font:600 1rem/1.2 var(--texto);text-align:center;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-claro{background:var(--creme);color:var(--oliva)}
.btn-claro:hover{background:var(--areia)}
.btn-cheio{background:var(--oliva);color:var(--creme)}
.btn-cheio:hover{background:var(--oliva-esc)}
.btn-peq{padding:13px 20px;font-size:.9rem;white-space:nowrap}

/* topo */
.topo{background:var(--creme);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.marca{white-space:nowrap;display:flex;align-items:center;gap:10px;text-decoration:none;font:400 1.4rem/1 var(--serifa);color:var(--titulo)}
.menu{display:none;gap:32px;font-size:.9rem}
.menu a{text-decoration:none}
.menu a:hover{color:var(--ouro-texto)}
.topo .btn{background:var(--oliva);color:var(--creme)}
.topo .btn:hover{background:var(--oliva-esc)}

/* hero */
.hero{position:relative;background:var(--oliva);color:#ECE6D3;overflow:hidden}
.hero picture{display:block}
.hero-foto{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%);mask-image:linear-gradient(180deg,transparent,#000 22%)}
.hero-in{position:relative;padding-top:clamp(52px,9vw,88px);display:flex;flex-direction:column}
.hero{display:flex;flex-direction:column-reverse}
.hero h1{color:var(--creme);font-size:clamp(3.5rem,11vw,6.6rem);line-height:.98}
.hero h1 em{display:block}
.hero-sub{margin-block:22px 30px;font-size:1.1875rem;max-width:28em}
.hero-nota{margin-top:16px;font-size:.875rem;color:#D8D2BC}
.hero-txt{padding-bottom:8px}
.hero-arco{justify-self:center;overflow:hidden;width:min(78vw,460px);aspect-ratio:4/5;border-radius:999px 999px 0 0}
.hero-arco img{width:100%;height:100%;object-fit:cover}

/* o que e */
.orn{margin-bottom:24px}
.lede{margin:18px auto 0;max-width:30em;font-size:1.25rem}
.onda{display:none;width:100%;max-width:900px;margin:44px auto 0;color:var(--ouro)}
.tres{display:grid;gap:14px;margin-top:40px}
.tres li{font:400 1.75rem/1.15 var(--serifa);color:var(--titulo);text-wrap:balance}

/* para quem */
.para-quem{background:var(--oliva-esc);color:#ECE6D3}
.para-quem h2{color:var(--creme)}
.linha-pontos{margin-top:28px;border-left:1px solid rgba(236,230,211,.45);margin-left:5px}
.linha-pontos li{position:relative;padding:12px 0 12px 26px;font-size:1.1875rem}
.linha-pontos li::before{content:"";position:absolute;left:-5px;top:1.25em;width:9px;height:9px;border-radius:50%;background:var(--creme)}
.linha-pontos em{font:italic 400 1.5rem/1 var(--serifa);color:var(--creme)}

/* duas colunas */
.duas{display:grid;gap:48px;align-items:center}
.arco-foto{overflow:hidden;width:min(100%,420px);margin-inline:auto;aspect-ratio:4/5;border-radius:999px 999px 0 0;background:var(--oliva)}
.arco-foto img{width:100%;height:100%;object-fit:cover}
.viver{margin-top:32px}
.viver li{position:relative;padding-left:30px;margin-top:22px}
.viver li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--oliva)}
.viver em{font:italic 400 1.5rem/1.2 var(--serifa);color:var(--titulo)}

/* plataforma */
.mock{width:100%;margin:36px auto 0;border-radius:8px}
.cursos-tit{margin-top:56px}
.cursos-tit h3{font-size:2.1rem}
.cursos-tit p{font-size:.95rem}
.cursos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.cursos li{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 12px 20px;border-radius:6px;font:400 1.35rem/1.1 var(--serifa);text-align:center;color:var(--titulo);box-shadow:0 1px 3px rgba(78,80,56,.14)}
.c-branco{background:var(--creme)}
.c-areia{background:var(--areia)}
.c-oliva{background:var(--oliva);color:var(--creme)!important}
.c-arco{position:relative;width:82%;aspect-ratio:4/5;border-radius:999px 999px 0 0;background:var(--areia)}
.c-areia .c-arco{background:var(--creme)}
.c-arco img{position:absolute;left:12%;bottom:7%;width:76%;height:76%;object-fit:contain;object-position:bottom}

/* encontro */
.encontro{background:var(--oliva);color:#ECE6D3}
.encontro h2{color:var(--creme)}
.enc-hora{margin-top:10px;font:italic 400 2rem/1 var(--serifa);color:var(--ouro-claro)}
.enc-txt{margin-block:20px 30px;max-width:30em}
.enc-txt em{font:italic 400 1.3rem/1 var(--serifa);color:var(--creme)}

/* quem conduz */
.quem-txt{margin-top:18px;max-width:30em;font-size:1.25rem}

/* para voce */
.voce h2{margin-bottom:26px}
.voce-lista{border-top:1px solid var(--linha)}
.voce-lista li{position:relative;padding:18px 0 18px 32px;border-bottom:1px solid var(--linha);font-size:1.125rem}
.voce-lista li::before{content:"";position:absolute;left:2px;top:1.55em;width:13px;height:13px;border-radius:0 100% 0 100%;background:var(--oliva)}
.voce-fim{margin-top:26px;font:italic 400 1.75rem/1.2 var(--serifa);color:var(--ouro-texto)}

/* vozes */
.vozes-g{display:grid;gap:14px;margin-top:40px}
.vozes-g>*{min-width:0}
.depo{display:flex;flex-direction:column;justify-content:space-between;gap:24px;margin:0;padding:30px 26px;background:var(--creme);border:1px solid var(--linha);border-radius:6px}
.depo blockquote{margin:0;font:italic 400 1.45rem/1.3 var(--serifa);color:var(--titulo)}
.depo figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--linha)}
.depo figcaption img{flex:none;width:56px;height:56px;border-radius:50%}
.depo figcaption span:not(.estrelas){flex:1 1 150px;min-width:0}
.depo strong{display:block;font:400 1.35rem/1.1 var(--serifa);color:var(--titulo)}
.depo small{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.estrelas{margin-left:auto;color:var(--ouro);letter-spacing:.08em;white-space:nowrap}
.vozes-p{display:grid;gap:14px;margin-top:14px}
.vozes-p li{padding:24px 26px;background:var(--areia);border-radius:6px}
.vozes-p q{font:italic 400 1.35rem/1.25 var(--serifa);color:var(--titulo)}
.vozes-p small{display:block;margin-top:12px;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-texto)}

/* oferta */
.oferta{display:grid;gap:48px;align-items:center}
.recebe{margin-top:26px;border-top:1px solid var(--linha)}
.recebe li{position:relative;padding:22px 0 22px 58px;border-bottom:1px solid var(--linha)}
.recebe li::before{content:"";position:absolute;left:0;top:24px;width:40px;height:40px;border-radius:50%;background:var(--oliva)}
.recebe li::after{content:"";position:absolute;left:14px;top:37px;width:13px;height:7px;border-left:2px solid var(--creme);border-bottom:2px solid var(--creme);transform:rotate(-45deg)}
.recebe p{margin-top:6px}
.preco{position:relative;padding:44px 28px 32px;background:var(--creme);border:1px solid var(--linha);border-radius:999px 999px 8px 8px;text-align:center;box-shadow:0 18px 40px -22px rgba(78,80,56,.45)}
.preco-selo{width:92px;margin:14px auto 16px}
.preco-nome{font:400 2.2rem/1 var(--serifa);color:var(--titulo)}
.preco-tipo{margin-top:6px;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-texto)}
.preco-valor{margin-block:22px 24px;font:400 5rem/1 var(--serifa);color:var(--oliva)}
.preco-valor small{font-size:1.75rem;vertical-align:1.6rem;margin-right:6px}
.preco-valor span{font-size:1.5rem}
.preco-dia{display:inline-block;margin:-8px 0 22px;padding:6px 16px;border-radius:99px;background:var(--areia);color:var(--oliva);font-size:.875rem}
.preco .btn{display:block;width:100%;margin-top:auto;padding-inline:16px}
.planos{display:grid;gap:16px;min-width:0}
.planos .preco{display:flex;flex-direction:column;padding:40px 22px 26px}
.preco-destaque{border-color:var(--oliva)!important}
.planos .preco-selo{width:64px;margin:12px auto 12px}
.planos .preco-nome{font-size:1.9rem}
.preco-de{margin-top:16px;font-size:.95rem;text-decoration:line-through}
.planos .preco-valor{margin-block:2px 14px;font-size:4rem;white-space:nowrap}
.planos .preco-valor small{font-size:1.25rem;vertical-align:1.25rem;margin-right:4px}
.planos .preco-valor span{font-size:1.1rem}
.planos .preco-dia{align-self:center;margin:0 0 10px}
.preco-parc{margin-bottom:18px;font-size:.8125rem;line-height:1.45}
.garantia{display:grid;justify-items:center;gap:22px;margin-top:40px;padding:32px 26px;background:var(--creme);border:1px solid var(--linha);border-radius:8px;text-align:center}
.garantia h3{font-size:2.1rem;margin-bottom:8px}
.garantia-selo{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:136px;height:136px;border-radius:50%;background:var(--oliva);outline:1px solid var(--ouro-claro);outline-offset:-9px;color:var(--creme)}
.garantia-selo b{font:400 3.6rem/.9 var(--serifa)}
.garantia-selo span{max-width:90px;font-size:.5625rem;line-height:1.35;letter-spacing:.18em;text-align:center;text-transform:uppercase}
.preco-nota{margin-top:16px;font-size:.8125rem;line-height:1.5}

/* faq */
.faq{margin-top:36px;border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;justify-content:space-between;gap:20px;padding-block:20px;cursor:pointer;list-style:none;font:400 1.5rem/1.2 var(--serifa);color:var(--titulo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 1.6rem/1 var(--serifa);color:var(--ouro-texto)}
.faq details[open] summary::after{content:"\00D7"}
.faq p{padding-bottom:22px}

/* final */
.final{padding-block:clamp(72px,10vw,120px);background:var(--oliva);color:#ECE6D3}
.final h2{margin-block:22px 14px;color:var(--creme)}
.final p{margin-bottom:28px;font-size:1.125rem}
.final-foto img{width:min(100%,420px);margin-inline:auto;border-radius:8px}
.rodape{padding-block:26px;background:var(--oliva-esc);color:#CFC9B2;font-size:.8125rem;text-align:center}

/* barra fixa no celular */
.barra{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--creme);border-top:1px solid var(--linha);transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility .25s}
.barra.on{transform:none;visibility:visible}
.barra p{font-size:.9rem}
.barra strong{font:400 1.5rem/1 var(--serifa);color:var(--titulo)}

@media (max-width:360px){
  .marca{font-size:1.2rem}
  .topo .btn-peq{padding-inline:14px}
}
@media (min-width:620px){
  .planos{grid-template-columns:repeat(2,1fr)}
  .cursos{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
  .menu{display:flex}
  .onda{display:block}
  .tres{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:18px}
  .duas{grid-template-columns:.8fr 1.2fr;gap:72px}
  .duas-inv{grid-template-columns:1.2fr .8fr}
  .cursos{grid-template-columns:repeat(6,1fr)}
  .vozes-g{grid-template-columns:repeat(2,1fr)}
  .vozes-p{grid-template-columns:repeat(3,1fr)}
  .garantia{grid-template-columns:auto 1fr;justify-items:start;gap:36px;padding:32px 44px;text-align:left}
  .barra{display:none}
}
@media (min-width:1100px){
  .oferta{grid-template-columns:.85fr 1.15fr;gap:56px}
}
@media (min-width:1180px){
  .hero{display:block;min-height:640px}
  .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(78,80,56,.94) 0,rgba(78,80,56,.8) 34%,rgba(78,80,56,0) 58%)}
  .hero-foto{position:absolute;inset:0;height:100%;object-fit:cover;object-position:right bottom;-webkit-mask-image:none;mask-image:none}
  .hero-in{z-index:1;min-height:640px;justify-content:center;padding-block:72px}
  .hero-txt{max-width:560px;padding-bottom:0}
  .hero h1{font-size:5.25rem}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){.btn,.barra{transition:none}.btn:hover{transform:none}}