/* ==========================================================================
   ev.css — linguagem visual nova (prévia "sitesinteligentes", 2026-10)
   Gerado a partir do styles.css da prévia com todos os seletores escopados
   sob .ev, para não vazar em Tutor LMS, WooCommerce e plugins Bitframe.
   NÃO editar à mão a parte gerada: editar a fonte e rodar scope-css.js.
   ========================================================================== */
:root{
  --tinta:#2b1828; --tinta2:#3d2338; --ameixa:#6e3a5e; --rosa:#c98a95; --blush:#efdcd6;
  --papel:#f7f0e8; --areia:#eadfd3; --ouro:#b98c4e; --ouro2:#d8b47a; --texto:#2b1828; --suave:#6d5866;
  --serif:"Bodoni Moda", Georgia, serif; --sans:"Hanken Grotesk", "Segoe UI", sans-serif;
  --pad:clamp(20px,5vw,72px); --raio:22px;
}
.ev *,.ev *::before,.ev *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body.ev-front{margin:0;background:var(--papel);color:var(--texto);font:400 17px/1.65 var(--sans);overflow-x:clip}
.ev img{display:block;max-width:100%;height:auto}
.ev a{color:inherit}
.ev h1,.ev h2,.ev h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.01em}
.ev p{margin:0 0 1em}
.ev em{font-style:italic}
.ev .skip{position:absolute;left:-999px;top:8px;background:var(--ouro);color:var(--tinta);padding:12px 16px;z-index:99;border-radius:8px}
.ev .skip:focus{left:8px}
.ev :focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.ev .rotulo{font:600 12.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ameixa);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.ev .rotulo::before{content:"";width:28px;height:1px;background:currentColor}
.ev .titulo{font-size:clamp(32px,4.4vw,60px);line-height:1.06;margin-bottom:24px;text-wrap:balance}
.ev .secao{padding:clamp(64px,10vh,120px) var(--pad) clamp(56px,8vh,96px)}

/* botões */
.ev .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--ouro2);color:var(--tinta);font:600 15.5px/1 var(--sans);text-decoration:none;letter-spacing:.01em;border:1px solid var(--ouro2);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.ev .btn:hover{background:var(--papel);border-color:var(--papel)}
.ev .btn--linha{background:transparent;color:var(--papel);border-color:rgba(247,240,232,.4)}
.ev .btn--linha:hover{background:rgba(247,240,232,.1);color:var(--papel);border-color:var(--papel)}
.ev .btn--mini{min-height:44px;padding:0 20px;font-size:14px}
.ev .btn--cheio{width:100%;background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.ev .btn--cheio:hover{background:var(--ameixa);border-color:var(--ameixa);color:var(--papel)}

/* topo */
.ev .topo{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px var(--pad);background:rgba(43,24,40,.0);color:var(--papel);transition:background .35s,box-shadow .35s}
.ev .topo.is-solid{background:rgba(43,24,40,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(216,180,122,.18)}
.ev .marca{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px;margin-right:auto}
.ev .marca__sinal{width:34px;height:34px;fill:none;stroke:var(--ouro2);stroke-width:1.4}
.ev .marca__nome{font:500 21px/1 var(--serif);letter-spacing:.01em;white-space:nowrap}
.ev .nav{display:flex;gap:22px}
.ev .nav a{font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;padding:15px 4px;opacity:.85;position:relative}
.ev .nav a::after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--ouro2);transition:right .35s}
.ev .nav a:hover{opacity:1}.ev .nav a:hover::after{right:0}
.ev .menu-btn{display:none;width:48px;height:48px;border:1px solid rgba(247,240,232,.3);border-radius:50%;background:transparent;cursor:pointer;position:relative}
.ev .menu-btn span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--papel);transition:transform .3s}
.ev .menu-btn span:first-child{top:19px}.ev .menu-btn span:last-child{top:27px}
.ev .menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.ev .menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.ev .gaveta{position:fixed;inset:76px 12px auto 12px;z-index:49;background:var(--tinta);border:1px solid rgba(216,180,122,.25);border-radius:var(--raio);padding:12px;display:grid}
.ev .gaveta[hidden]{display:none}
.ev .gaveta a{color:var(--papel);text-decoration:none;font:500 22px/1 var(--serif);padding:16px 14px;border-bottom:1px solid rgba(247,240,232,.08)}
.ev .gaveta a:last-child{border:0}

/* hero */
.ev .hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:var(--tinta);color:var(--papel);position:relative;overflow:clip}
.ev .hero__texto{min-width:0;padding:clamp(120px,18vh,170px) var(--pad) clamp(56px,9vh,90px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.ev .hero .rotulo{color:var(--ouro2)}
.ev .hero__titulo{font-size:clamp(44px,5.6vw,88px);line-height:1.02;margin-bottom:30px;font-weight:400}
.ev .hero__titulo em{color:var(--rosa);font-weight:400}
.ev .linha{display:block;overflow:hidden;padding-top:.12em;margin-top:-.12em;padding-bottom:.04em}
.ev .linha>span{display:block;white-space:nowrap}
.ev .hero__lead{max-width:34em;color:rgba(247,240,232,.8);font-size:clamp(16.5px,1.25vw,19px);margin-bottom:34px}
.ev .hero__acoes{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:38px}
.ev .hero__selos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:rgba(247,240,232,.66)}
.ev .hero__selos li{display:flex;align-items:center;gap:9px}
.ev .hero__selos li::before{content:"";width:6px;height:6px;border:1px solid var(--ouro2);border-radius:50%}
.ev .hero__foto{margin:0;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:clamp(100px,14vh,140px) var(--pad) clamp(40px,7vh,70px) 0}
.ev .hero__moldura{position:relative;width:min(100%,520px);aspect-ratio:4/5.4;border-radius:999px 999px 26px 26px;overflow:hidden;z-index:2;background:var(--tinta2)}
.ev .hero__moldura img{width:100%;height:118%;object-fit:cover;object-position:50% 20%}
.ev .hero__aneis{position:absolute;width:min(118%,700px);left:50%;top:50%;transform:translate(-56%,-46%);fill:none;stroke:var(--ouro);stroke-width:.6;opacity:.7;z-index:1}
.ev .hero__aneis circle{stroke-dasharray:1;stroke-dashoffset:0}
.ev .hero__foto figcaption{position:absolute;left:0;bottom:22px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,240,232,.55);z-index:3}

/* faixa */
.ev .faixa{background:var(--ameixa);color:var(--papel);overflow:hidden;padding:18px 0;border-block:1px solid rgba(216,180,122,.25)}
.ev .faixa__trilho{display:flex;gap:28px;width:max-content;animation:faixa 42s linear infinite;font:italic 400 clamp(20px,2vw,28px)/1 var(--serif);white-space:nowrap}
.ev .faixa i{color:var(--ouro2);font-style:normal}
@keyframes faixa{to{transform:translateX(-50%)}}

/* sobre */
.ev .sobre{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,110px);align-items:center;background:var(--papel)}
.ev .sobre__foto{border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5;position:relative}
.ev .sobre__foto img{width:100%;height:115%;object-fit:cover;object-position:50% 25%}
.ev .sobre__texto{min-width:0;max-width:640px}
.ev .sobre__texto>p{color:var(--suave)}
.ev .sobre__lista{margin:32px 0 0;border-top:1px solid rgba(43,24,40,.14)}
.ev .sobre__lista div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(43,24,40,.14)}
.ev .sobre__lista dt{font:600 12.5px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ameixa)}
.ev .sobre__lista dd{margin:0}

/* manifesto */
.ev .manifesto{background:var(--blush);padding:clamp(80px,14vh,150px) var(--pad)}
.ev .manifesto__texto{font:400 clamp(28px,3.9vw,56px)/1.18 var(--serif);max-width:20em;margin:0 auto;text-align:center;text-wrap:balance}
.ev .manifesto__texto em{color:var(--ameixa)}
.ev .manifesto .w{opacity:.18}

/* vínculos */
.ev .vinculos{background:var(--tinta);color:var(--papel)}
.ev .vinculos__palco{min-height:100svh;padding:clamp(64px,10vh,110px) var(--pad) clamp(48px,8vh,80px);display:flex;flex-direction:column;justify-content:center}
.ev .vinculos .rotulo{color:var(--ouro2)}
.ev .vinculos__cab .titulo{max-width:14em}
.ev .vinculos__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center}
.ev .vinculos__arte svg{width:100%;max-width:470px;margin:0 auto;display:block;overflow:visible}
.ev .vinculos__arte .c{fill:rgba(201,138,149,0);stroke:var(--ouro2);stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:0;transition:fill .5s}
.ev .vinculos__arte .c.is-on{fill:rgba(201,138,149,.16)}
.ev .vinculos__arte .t{font:italic 400 24px var(--serif);fill:rgba(247,240,232,.4);text-anchor:middle;transition:fill .5s}
.ev .vinculos__arte .t.is-on{fill:var(--papel)}
.ev .vinculos__lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ev .vinculo{padding:22px 0 18px;border-top:1px solid rgba(247,240,232,.14);display:grid;grid-template-columns:52px 1fr;column-gap:12px;transition:opacity .5s}
.ev .vinculo__n{font:500 13px/2.3 var(--sans);letter-spacing:.14em;color:var(--ouro2)}
.ev .vinculo h3{font-size:clamp(28px,2.6vw,38px);margin-bottom:8px}
.ev .vinculo p{grid-column:2;color:rgba(247,240,232,.72);margin:0;max-width:34em}
.ev .js-pin .vinculo{opacity:.32}
.ev .js-pin .vinculo.is-on{opacity:1}

/* temas */
.ev .temas{background:var(--areia);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start}
.ev .temas__lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ev .temas__lista li{padding:12px 18px;border:1px solid rgba(43,24,40,.22);border-radius:999px;font-size:15.5px;background:rgba(247,240,232,.6)}

/* processo */
.ev .processo{background:var(--papel)}
.ev .processo__cab{max-width:760px;margin-bottom:clamp(30px,6vh,60px)}
.ev .processo__passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ev .processo__passos article{border:1px solid rgba(43,24,40,.14);border-radius:var(--raio);padding:30px 28px 26px;background:#fbf7f2}
.ev .processo__passos span{font:italic 400 34px/1 var(--serif);color:var(--ouro)}
.ev .processo__passos h3{font-size:25px;margin:18px 0 10px}
.ev .processo__passos p{color:var(--suave);margin:0}

/* livros */
.ev .livros{background:var(--tinta2);color:var(--papel)}
.ev .livros .rotulo{color:var(--ouro2)}
.ev .livros__intro{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,90px);align-items:center;margin-bottom:clamp(40px,8vh,80px)}
.ev .livros__intro p{color:rgba(247,240,232,.75);max-width:34em}
.ev .livros__foto{border-radius:999px 999px var(--raio) var(--raio);overflow:hidden;aspect-ratio:3/4;max-width:400px}
.ev .livros__foto img{width:100%;height:115%;object-fit:cover;object-position:50% 30%}
.ev .estante{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.ev .livro img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px 10px 10px 4px;box-shadow:-6px 0 0 rgba(0,0,0,.18) inset,0 24px 40px -18px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.7,.2,1);margin-bottom:18px}
.ev .livro:hover img{transform:translateY(-8px) rotate(-1.2deg)}
.ev .livro h3{font-size:20px;line-height:1.2;margin-bottom:6px}
.ev .livro p{font-size:15px;color:rgba(247,240,232,.62);margin:0}

/* faq */
.ev .duvidas{background:var(--papel);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,90px)}
.ev .faq details{border-bottom:1px solid rgba(43,24,40,.16)}
.ev .faq details:first-child{border-top:1px solid rgba(43,24,40,.16)}
.ev .faq summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;font:500 clamp(19px,1.6vw,23px)/1.3 var(--serif)}
.ev .faq summary::-webkit-details-marker{display:none}
.ev .faq summary::after{content:"+";font:300 28px/1 var(--sans);color:var(--ameixa);transition:transform .3s;flex:none}
.ev .faq details[open] summary::after{transform:rotate(45deg)}
.ev .faq p{color:var(--suave);padding:0 0 22px;margin:0;max-width:44em}

/* contato */
.ev .contato{background:var(--ameixa);color:var(--papel);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);padding:clamp(70px,11vh,120px) var(--pad)}
.ev .contato .rotulo{color:var(--ouro2)}
.ev .contato__texto>p{color:rgba(247,240,232,.8);max-width:32em}
.ev .contato__dados{list-style:none;margin:32px 0 0;padding:0}
.ev .contato__dados li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 0;border-top:1px solid rgba(247,240,232,.18)}
.ev .contato__dados span{font:600 12px/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro2)}
.ev .contato__dados a{display:inline-block;padding:10px 0;margin:-10px 0;text-underline-offset:4px}
.ev .form{background:var(--papel);color:var(--texto);border-radius:var(--raio);padding:clamp(24px,3vw,40px);display:grid;gap:20px;align-self:start}
.ev .form label{display:grid;gap:8px;font-weight:600;font-size:14.5px}
.ev .form input:not([type=radio]),.ev .form textarea{font:400 16px/1.4 var(--sans);padding:14px 16px;border:1px solid rgba(43,24,40,.22);border-radius:12px;background:#fff;color:var(--texto);min-height:52px;width:100%}
.ev .form textarea{resize:vertical}
.ev .form fieldset{border:0;padding:0;margin:0}
.ev .form legend{font-weight:600;font-size:14.5px;margin-bottom:8px}
.ev .chips{display:flex;flex-wrap:wrap;gap:8px}
.ev .chips label{display:block;font-weight:500}
.ev .chips input{position:absolute;opacity:0;pointer-events:none}
.ev .chips span{display:flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid rgba(43,24,40,.25);border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.ev .chips input:checked+span{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.ev .chips input:focus-visible+span{outline:2px solid var(--ouro);outline-offset:2px}
.ev .form__nota{font-size:13.5px;color:var(--suave);margin:0}

/* rodapé */
.ev .rodape{background:var(--tinta);color:rgba(247,240,232,.7);padding:48px var(--pad) 110px;display:grid;gap:10px;font-size:14.5px}
.ev .rodape__marca{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.ev .rodape__marca strong{display:block;font:500 22px/1.2 var(--serif);color:var(--papel)}
.ev .rodape p{margin:0}
.ev .rodape__mini{font-size:13px;opacity:.7}

/* WhatsApp flutuante */
.ev .zap{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 20px 0 16px;border-radius:999px;background:#1f7a4f;color:#fff;text-decoration:none;font:600 15px/1 var(--sans);box-shadow:0 12px 30px -10px rgba(0,0,0,.45)}
.ev .zap svg{width:24px;height:24px;fill:#fff}

/* estados JS */
.ev-js .ev [data-hero]{opacity:0}
.ev-js .ev .hero__titulo .linha>span{transform:translateY(110%)}

/* tablet/mobile */
@media (max-width:1100px){
  .ev .nav{gap:22px}
}
@media (max-width:960px){
  .ev .nav,.ev .topo .btn--mini{display:none}
  .ev .menu-btn{display:block}
  .ev .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .ev .hero__texto{padding:108px var(--pad) 34px;order:1}
  .ev .hero__foto{order:2;padding:0 var(--pad) 46px;justify-content:center}
  .ev .hero__moldura{width:min(100%,420px);aspect-ratio:4/4.6}
  .ev .hero__aneis{width:130%;transform:translate(-50%,-50%)}
  .ev .hero__foto figcaption{left:var(--pad);bottom:16px}
  .ev .sobre,.ev .temas,.ev .duvidas,.ev .contato,.ev .livros__intro,.ev .vinculos__grade{grid-template-columns:minmax(0,1fr)}
  .ev .sobre__foto{max-width:520px}
  .ev .processo__passos{grid-template-columns:minmax(0,1fr)}
  .ev .estante{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ev .vinculos__palco{min-height:0}
  .ev .vinculos__arte svg{max-width:320px}
  .ev .livros__foto{max-width:320px}
}
@media (max-width:560px){
  body.ev-front{font-size:16.5px}
  .ev .hero__titulo{font-size:min(50px,calc((100vw - 40px) / 7.6))}
  .ev .hero__acoes .btn{flex:1 1 100%}
  .ev .hero__selos{gap:8px 18px;font-size:13.5px}
  .ev .marca__nome{font-size:19px}
  .ev .sobre__lista div{grid-template-columns:minmax(0,1fr);gap:4px}
  .ev .contato__dados li{grid-template-columns:minmax(0,1fr);gap:2px}
  .ev .temas__lista li{font-size:15px;padding:11px 15px}
  .ev .zap span{display:none}
  .ev .zap{padding:0;width:56px;justify-content:center}
  .ev .livro h3{font-size:17.5px}
  .ev .processo__passos article{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){
  .ev .faixa__trilho{animation:none}
  .ev *{transition:none!important}
}

/* ==========================================================================
   Integração com o restante do tema (escrito à mão)
   ========================================================================== */

/* Títulos herdam a cor da seção, como na prévia, mesmo se algum plugin
   estilizar h1/h2/h3 globalmente. */
.ev h1,.ev h2,.ev h3{color:inherit}

/* Topo fixo: nas páginas internas o conteúdo começa abaixo dele. */
body:not(.ev-front) #main-content{padding-top:76px}

/* Barra do admin (só para quem está logado) */
.admin-bar .ev .topo{top:32px}
.admin-bar .ev .gaveta{top:108px}
@media (max-width:782px){
.admin-bar .ev .topo{top:46px}
.admin-bar .ev .gaveta{top:122px}
}

/* Links institucionais do rodapé (não existem na prévia; mesma tipografia) */
.ev .rodape__links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:8px 0 6px;padding:0;list-style:none}
.ev .rodape__links a{text-decoration:none;color:rgba(247,240,232,.78);padding:6px 0;display:inline-block}
.ev .rodape__links a:hover{color:var(--ouro2)}
.ev .rodape__mini a{text-decoration:none}
.ev .rodape__mini a:hover{color:var(--ouro2)}

/* Botões das páginas internas no formato da prévia (pílula) */
.em-btn{border-radius:999px}

/* Capa + título do livro levam à página de venda (a aparência não muda) */
.ev .livro__link{display:block;text-decoration:none;color:inherit}