@font-face{font-family:"Cinzel";src:url("/assets/Cinzel-VF.ttf") format("truetype");font-weight:400 900;font-display:swap}
:root{
  --fundo:#051312;--fundo2:#0a201e;--painel:rgba(12,38,35,.72);--linha:rgba(201,165,74,.22);
  --creme:#F0EFC3;--texto:#dedcc4;--suave:#a9b29d;--ouro:#c9a54a;--ouro2:#ebcd78;
  --raio:16px;--max:1140px;
  --titulo:"Cinzel",Georgia,serif;--corpo:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--texto);font:17px/1.7 var(--corpo);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
/* atmosfera da Ordo em todo o site: mesa ao fundo, muito apagada, e brilhos que respiram */
body:before{content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;
  background:
   radial-gradient(ellipse 60% 45% at 15% 20%,rgba(201,165,74,.10),transparent 70%),
   radial-gradient(ellipse 55% 50% at 85% 70%,rgba(20,90,80,.22),transparent 70%),
   radial-gradient(ellipse 80% 60% at 50% 110%,rgba(201,165,74,.07),transparent 70%),
   linear-gradient(180deg,rgba(5,19,18,.86),rgba(5,19,18,.93)),
   url("/assets/img/mesa_b.jpg") center/cover no-repeat;
  filter:saturate(.8);animation:respira 18s ease-in-out infinite alternate}
@keyframes respira{from{opacity:.85}to{opacity:1}}
main{position:relative}
/* grão de filme por cima de tudo */
body:after{content:"";position:fixed;inset:-50%;pointer-events:none;z-index:100;opacity:.07;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grao 1.2s steps(6) infinite}
@keyframes grao{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}
a{color:var(--ouro2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding-left:20px;padding-right:20px}
h1,h2,h3{font-family:var(--titulo);color:var(--creme);line-height:1.15;letter-spacing:.02em;margin:0}
h1{font-size:clamp(32px,6vw,64px)}
h2{font-size:clamp(26px,4vw,40px);margin-bottom:.5em}
h3{font-size:20px;margin-bottom:.35em}
p{margin:0 0 1em}
.suave{color:var(--suave)}
.ouro{color:var(--ouro)}
.rotulo{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);font-weight:600}
.dourado{background:linear-gradient(100deg,#b8913a 0%,#f3dc96 45%,#c9a54a 60%,#f6e3a8 75%,#b8913a 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 7s ease-in-out infinite}
@keyframes brilho{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* topo */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.topo.solido,.topo.fixo{background:rgba(5,19,18,.88);backdrop-filter:blur(10px);border-bottom-color:var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:12px}
.marca{display:flex;align-items:center;gap:10px;color:var(--creme);font-family:var(--titulo);font-weight:700;letter-spacing:.16em;font-size:16px}
.marca img{width:40px;height:40px;object-fit:contain}
.marca:hover{text-decoration:none}
.menu{display:flex;gap:2px;flex-wrap:wrap}
.menu a{color:var(--texto);font-size:14px;padding:8px 11px;border-radius:999px;transition:background .2s,color .2s}
.menu a:hover,.menu a.ativo{background:rgba(201,165,74,.14);color:var(--creme);text-decoration:none}
.btn-menu{display:none;background:rgba(5,19,18,.6);border:1px solid var(--linha);color:var(--creme);border-radius:999px;padding:8px 16px;font-size:15px}
@media(max-width:920px){
  .btn-menu{display:block}
  .menu{display:none;position:absolute;top:70px;left:0;right:0;background:rgba(5,19,18,.97);flex-direction:column;padding:10px 20px 18px;border-bottom:1px solid var(--linha)}
  .menu.aberto{display:flex}
  .menu a{font-size:17px;padding:13px 14px}
}

/* abertura da home */
.abertura{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate}
.abertura .fundo{position:absolute;inset:-4%;background-size:cover;background-position:center;z-index:-3;animation:kenburns 28s ease-in-out infinite alternate;filter:saturate(.9) brightness(.62)}
@keyframes kenburns{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-2%,-1%)}}
.abertura:before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse at 50% 42%,rgba(201,165,74,.20) 0%,rgba(5,19,18,0) 42%),
  linear-gradient(180deg,rgba(5,19,18,.55) 0%,rgba(5,19,18,.25) 40%,rgba(5,19,18,.92) 88%,var(--fundo) 100%)}
.emblema{position:relative;width:min(300px,62vw);aspect-ratio:1;margin:0 auto 6px}
.emblema .anel{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:50% 50%;animation:gira 90s linear infinite;opacity:.85}
.emblema .anel.dois{left:9%;top:9%;width:82%;height:82%;animation-duration:140s;animation-direction:reverse;opacity:.55}
@keyframes gira{to{transform:rotate(360deg)}}
.cap .abertura{min-height:820px}.cap .revela{opacity:1;transform:none}
.emblema .logo3d{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;transform-style:preserve-3d;animation:pulsa 6s ease-in-out infinite,inclina 14s ease-in-out infinite}
@keyframes inclina{0%,100%{transform:perspective(900px) rotateY(-9deg) rotateX(3deg)}50%{transform:perspective(900px) rotateY(9deg) rotateX(-2deg)}}
@keyframes pulsa{0%,100%{filter:drop-shadow(0 0 14px rgba(235,205,120,.25))}50%{filter:drop-shadow(0 0 34px rgba(235,205,120,.55))}}
.abertura .titulo-marca{font-family:var(--titulo);font-size:clamp(34px,7vw,74px);letter-spacing:.14em;margin:0}
.abertura .slogan{font-family:var(--titulo);letter-spacing:.2em;font-size:clamp(13px,2vw,17px);color:var(--ouro);margin:8px 0 22px}
.abertura .frase{max-width:640px;margin:0 auto 28px;font-size:clamp(17px,2.2vw,20px);color:var(--creme)}
.acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.desce{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:var(--suave);font-size:12px;letter-spacing:.2em;animation:flutua 2.4s ease-in-out infinite}
@keyframes flutua{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* abertura das páginas internas */
.capa-pag{position:relative;padding:150px 0 70px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--linha)}
.capa-pag .fundo{position:absolute;inset:-4%;background-size:cover;background-position:center;z-index:-2;filter:brightness(.45) saturate(.85);animation:kenburns 30s ease-in-out infinite alternate}
.capa-pag:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,18,.95) 0%,rgba(5,19,18,.7) 55%,rgba(5,19,18,.35) 100%),linear-gradient(0deg,var(--fundo) 0%,rgba(5,19,18,0) 40%)}
.capa-pag p{max-width:680px;font-size:clamp(17px,2vw,20px);color:var(--creme);margin-top:14px}

/* faixa de carimbos */
.faixa{overflow:hidden;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);background:rgba(10,32,30,.6);padding:16px 0}
.faixa .trilho{display:flex;gap:26px;width:max-content;animation:corre 38s linear infinite}
@keyframes corre{to{transform:translateX(-50%)}}
.carimbo{font-family:var(--titulo);font-weight:700;letter-spacing:.14em;font-size:14px;color:var(--ouro);border:2px solid var(--ouro);padding:6px 14px;border-radius:4px;transform:rotate(-2deg);white-space:nowrap;opacity:.9}
.carimbo.v{color:#c46a55;border-color:#c46a55;transform:rotate(2deg)}

/* seções */
.secao{padding:80px 0;position:relative}
.secao.escura{background:linear-gradient(180deg,rgba(5,19,18,0) 0%,rgba(10,32,30,.55) 50%,rgba(5,19,18,0) 100%)}
.cabeca{max-width:720px;margin-bottom:34px}
.cabeca p{font-size:18px;color:var(--suave)}
.divisor{display:flex;align-items:center;gap:14px;justify-content:center;margin:0 auto;max-width:420px;opacity:.8}
.divisor:before,.divisor:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ouro),transparent)}
.divisor img{width:34px;height:34px}

/* cartões com foto */
.grade{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.grade.dois{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
.foto-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;border-radius:var(--raio);overflow:hidden;color:var(--texto);border:1px solid var(--linha);isolation:isolate;padding:22px}
.foto-card .img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:brightness(.7) saturate(.85)}
.foto-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,19,18,.05) 20%,rgba(5,19,18,.88) 72%,rgba(5,19,18,.97) 100%)}
.foto-card:hover{text-decoration:none;border-color:var(--ouro);box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(201,165,74,.25)}
.foto-card:hover .img{transform:scale(1.08);filter:brightness(.85) saturate(1)}
.foto-card h3{font-size:24px}
.foto-card p{margin:0;color:var(--texto);font-size:15px}
.foto-card .seta{margin-top:12px;color:var(--ouro2);font-size:14px;letter-spacing:.08em}
.foto-card.grande{min-height:420px;grid-column:span 2}
.grade.caminhos{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.grade.caminhos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grade.caminhos{grid-template-columns:1fr}.foto-card.grande{grid-column:auto;min-height:340px}}
.card{background:var(--painel);backdrop-filter:blur(6px);border:1px solid var(--linha);border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;gap:6px;transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--ouro);transform:translateY(-3px)}
.card p{margin:0;color:var(--suave);font-size:15px}
a.card{color:var(--texto)}
a.card:hover{text-decoration:none}

/* destaque última investigação */
.destaque{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--linha);isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;gap:0;min-height:380px}
.destaque .borrado{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(40px) brightness(.4);z-index:-1}
.destaque .lado-video{padding:28px;display:flex;align-items:center}
.destaque .lado-texto{padding:34px 34px 34px 10px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:820px){.destaque{grid-template-columns:1fr}.destaque .lado-texto{padding:0 26px 30px}}

/* botões */
.btn{display:inline-block;background:linear-gradient(180deg,#e2c26b,#b8913a);color:#141405;font-weight:700;border:0;border-radius:999px;padding:14px 26px;font-size:16px;cursor:pointer;text-align:center;box-shadow:0 6px 24px rgba(201,165,74,.25);transition:transform .2s,box-shadow .2s}
.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 34px rgba(201,165,74,.4)}
.btn.vazado{background:rgba(5,19,18,.4);color:var(--creme);border:1px solid var(--ouro);box-shadow:none}
.aviso{font-size:14px;color:var(--suave);border-left:3px solid var(--ouro);padding:8px 14px;margin:18px 0;background:rgba(10,32,30,.6);border-radius:0 8px 8px 0}

/* vídeos */
.video{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#000;cursor:pointer;border:1px solid var(--linha);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.video img{width:100%;height:100%;object-fit:cover;transition:transform .8s,opacity .3s;opacity:.92}
.video:hover img{transform:scale(1.04);opacity:1}
.video .play{position:absolute;inset:0;display:grid;place-items:center}
.video .play span{width:70px;height:70px;border-radius:50%;background:rgba(5,19,18,.65);border:2px solid var(--ouro2);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(235,205,120,.5);animation:chama 2.6s infinite}
@keyframes chama{0%{box-shadow:0 0 0 0 rgba(235,205,120,.45)}70%{box-shadow:0 0 0 18px rgba(235,205,120,0)}100%{box-shadow:0 0 0 0 rgba(235,205,120,0)}}
.video .play span:after{content:"";border-left:22px solid var(--creme);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v169{aspect-ratio:16/9}
.v916{aspect-ratio:9/16}
.grade.curtos{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}
.legenda{font-size:15px;margin-top:10px;color:var(--texto);line-height:1.45}

/* números */
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;text-align:center}
.numeros div{padding:22px 10px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--painel)}
.numeros strong{display:block;font-family:var(--titulo);font-size:40px;line-height:1}
.numeros span{font-size:14px;color:var(--suave)}

/* bloco com imagem de fundo (comunidade / círculo) */
.bloco-foto{position:relative;border-radius:24px;overflow:hidden;isolation:isolate;border:1px solid var(--linha);padding:clamp(28px,6vw,64px)}
.bloco-foto .fundo{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;filter:brightness(.42)}
.bloco-foto:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,18,.92) 0%,rgba(5,19,18,.55) 70%,rgba(5,19,18,.3) 100%)}

/* artigo */
.artigo{max-width:760px;margin:0 auto;padding:40px 20px 30px}
.artigo .linha-fina{font-size:20px;color:var(--creme)}
.artigo h2{font-size:26px;margin-top:1.6em}
.artigo h2:before{content:"";display:block;width:46px;height:2px;background:var(--ouro);margin-bottom:14px}
.artigo li{margin-bottom:.4em}
.artigo blockquote{margin:1.2em 0;padding:12px 20px;border-left:3px solid var(--ouro);color:var(--creme);background:var(--fundo2);border-radius:0 10px 10px 0;font-style:italic}

.meta{font-size:14px;color:var(--suave);margin:14px 0 0}

/* formulário */
.form{background:rgba(5,19,18,.78);backdrop-filter:blur(8px);border:1px solid var(--ouro);border-radius:var(--raio);padding:26px;max-width:520px;box-shadow:0 0 60px rgba(201,165,74,.12)}
.form label{display:block;font-size:14px;color:var(--suave);margin:10px 0 4px}
.form input[type=text],.form input[type=email]{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--linha);background:rgba(10,32,30,.9);color:var(--creme);font-size:16px}
.form input:focus{outline:2px solid var(--ouro);outline-offset:1px}
.form .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--texto);margin:14px 0}
.form .check input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--ouro)}
.form .btn{width:100%;margin-top:6px}

/* aparecer ao rolar */
.revela{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.revela.visivel{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.revela{opacity:1;transform:none}}

/* roda dos 72 (calculadora) */
.roda{width:min(100%,400px);aspect-ratio:1;margin:0 auto;position:relative}
.roda svg{position:absolute;left:0;top:0;width:100%;height:100%;animation:gira 120s linear infinite}
.roda .centro{position:absolute;inset:30%;display:grid;place-items:center;text-align:center;font-family:var(--titulo);color:var(--creme);font-size:clamp(28px,5vw,46px)}

/* rodapé */
.rodape{border-top:1px solid var(--linha);margin-top:60px;padding:46px 0 50px;font-size:14px;color:var(--suave);background:linear-gradient(180deg,rgba(5,19,18,.6),rgba(3,12,11,.95))}
.rodape .wrap{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
.rodape a{color:var(--texto)}
.redes{display:flex;flex-wrap:wrap;gap:8px}
.redes a{border:1px solid var(--linha);border-radius:999px;padding:7px 15px;font-size:14px;color:var(--texto);transition:border-color .2s,background .2s}
.redes a:hover{border-color:var(--ouro);background:rgba(201,165,74,.1);text-decoration:none}
.creditos{font-size:12px;color:#7d8777;max-width:var(--max);margin:22px auto 0;padding:0 20px}