/* 7ENTIDOS · estilos do site
   Layout: revista sensorial (A) com organização clara (C): título grande à esquerda,
   texto em coluna estreita, faixas violeta para os momentos de virada. */
:root{
  --violeta:#342052;      /* violeta profundo: faixas e rodapé */
  --roxo:#7954C7;         /* roxo principal: links e destaques */
  --lavanda:#BDA8EB;      /* lavanda: detalhes sobre fundo escuro */
  --lilas:#F4EFFC;        /* lilás claro: fundos suaves */
  --dourado:#E5BC74;      /* dourado suave: um acento por vez */
  --branco:#FFFFFF;
  --texto:#251D31;        /* texto escuro */
  --texto-suave:#5B4F6B;
  --linha:#DDD3EE;
  --display:"Fraunces", "Iowan Old Style", Georgia, serif;
  --corpo:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gutter:clamp(18px, 4vw, 48px);
  --max:1240px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--corpo);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--roxo);text-underline-offset:3px}
a:hover{color:var(--violeta)}
:focus-visible{outline:3px solid var(--roxo);outline-offset:3px;border-radius:4px}
.faixa :focus-visible,.rodape :focus-visible{outline-color:var(--dourado)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
h2{font-size:clamp(34px,5vw,58px);font-variation-settings:"opsz" 96}
h3{font-size:clamp(21px,2.2vw,26px);font-variation-settings:"opsz" 36;line-height:1.2}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.pular{position:absolute;left:-999px;top:8px;background:var(--violeta);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.pular:focus{left:12px}
.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Cabeçalho ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--texto)}
.marca img{width:36px;height:36px;border-radius:9px}
.marca span{font-family:var(--corpo);font-weight:800;letter-spacing:.14em;font-size:15px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.menu a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--texto);font-size:15px;font-weight:600}
.menu a:hover{background:var(--lilas);color:var(--violeta)}
.botao-menu{display:none;font:inherit;font-weight:700;font-size:15px;background:none;border:1px solid var(--linha);border-radius:10px;padding:8px 14px;color:var(--texto);cursor:pointer}
@media (max-width:900px){
  .botao-menu{display:block}
  .menu{position:absolute;left:0;right:0;top:68px;background:var(--branco);border-bottom:1px solid var(--linha);display:none}
  .menu.aberto{display:block}
  .menu ul{flex-direction:column;padding:8px var(--gutter) 18px}
  .menu a{padding:14px 4px;font-size:18px;border-bottom:1px solid var(--lilas);border-radius:0}
}

/* ---------- Seções ---------- */
section{padding:clamp(72px,10vw,128px) 0}
.cabeca-secao{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:clamp(36px,5vw,60px);max-width:820px}
.rotulo{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--roxo);display:flex;align-items:center;gap:12px}
.rotulo::after{content:"";height:1px;width:56px;background:currentColor;opacity:.5}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--texto-suave);max-width:62ch}
.faixa{background:var(--violeta);color:#F1ECFA}
.faixa .rotulo{color:var(--dourado)}
.faixa .lead{color:#CFC3E6}
.faixa h2,.faixa h3{color:#fff}
.suave{background:var(--lilas)}

/* ---------- Início ---------- */
.inicio{padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,104px)}
.inicio .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:end}
.selo{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--violeta);background:var(--lilas);border:1px solid var(--linha);padding:8px 14px;border-radius:999px}
.selo i{width:8px;height:8px;border-radius:50%;background:var(--dourado);display:block}
.inicio h1{font-size:clamp(46px,7.4vw,104px);font-variation-settings:"opsz" 144;font-weight:350;margin:26px 0 26px;letter-spacing:-.025em;line-height:.98}
.inicio h1 em{font-style:italic;color:var(--roxo);font-weight:300}
.inicio .lead{margin-bottom:34px}
.cta{display:inline-flex;align-items:center;gap:12px;background:var(--violeta);color:#fff;text-decoration:none;font-weight:700;padding:16px 26px;border-radius:999px;font-size:16px;transition:background .2s}
.cta:hover{background:var(--roxo);color:#fff}
.cta svg{width:18px;height:18px}
.indice{list-style:none;margin:44px 0 0;padding:22px 0 0;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--texto-suave)}
.indice li{display:flex;align-items:baseline;gap:7px;animation:surgir .7s both}
.indice b{font-family:var(--display);font-style:italic;font-weight:400;color:var(--roxo);font-size:16px}
.indice li:nth-child(1){animation-delay:.10s}.indice li:nth-child(2){animation-delay:.18s}.indice li:nth-child(3){animation-delay:.26s}.indice li:nth-child(4){animation-delay:.34s}.indice li:nth-child(5){animation-delay:.42s}.indice li:nth-child(6){animation-delay:.50s}.indice li:nth-child(7){animation-delay:.58s}
@keyframes surgir{from{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:none}}
.inicio figure{margin:0}
@media (max-width:860px){.inicio .wrap{grid-template-columns:1fr}.inicio figure{order:-1}}

/* ---------- Fotos e espaços reservados ---------- */
.foto{margin:0;position:relative}
.foto img{width:100%;height:auto;border-radius:4px}
.foto figcaption{font-size:14px;color:var(--texto-suave);margin-top:10px}
.reservado{border:1.5px dashed var(--lavanda);background:repeating-linear-gradient(135deg,var(--lilas) 0 14px,#EEE6FA 14px 28px);border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px;color:var(--violeta);min-height:220px}
.reservado b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.15}
.reservado span{font-size:13px;color:var(--texto-suave);max-width:36ch}
.reservado .num{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--roxo)}
.inicio .reservado{aspect-ratio:4/5;min-height:0}
.faixa .reservado{background:repeating-linear-gradient(135deg,#3E2862 0 14px,#45306B 14px 28px);border-color:#6E58A0;color:#fff}
.faixa .reservado span{color:#CFC3E6}.faixa .reservado .num{color:var(--dourado)}

/* ---------- O que é ---------- */
.proposta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px)}
.proposta .texto{display:grid;gap:22px;align-content:start;font-size:18px;max-width:58ch}
.proposta .texto > p:first-child{font-family:var(--display);font-size:clamp(23px,2.3vw,29px);line-height:1.35;font-variation-settings:"opsz" 48}
.limites{border-top:1px solid var(--linha);padding-top:22px;display:grid;gap:12px;font-size:15.5px;color:var(--texto-suave)}
.limites strong{color:var(--texto)}
.sentidos{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--texto)}
.sentidos li{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--linha)}
.sentidos .marcas{font-family:var(--corpo);font-weight:300;letter-spacing:.08em;color:var(--roxo);font-size:20px;white-space:nowrap}
.sentidos .marcas s{color:var(--dourado);text-decoration-color:var(--dourado);text-decoration-thickness:2px}
.sentidos b{font-family:var(--display);font-weight:400;font-size:22px;display:block;line-height:1.2}
.sentidos small{font-size:14.5px;color:var(--texto-suave)}
.sentidos li.extra{border-bottom:none}
.sentidos li.extra b{font-style:italic}
@media (max-width:860px){.proposta{grid-template-columns:1fr}}

/* ---------- Como funciona ---------- */
.jornada{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:passo;position:relative}
.jornada li{counter-increment:passo;padding:0 22px 0 0;position:relative}
.jornada li::before{content:counter(passo);font-family:var(--display);font-style:italic;font-size:56px;line-height:1;color:var(--dourado);display:block;margin-bottom:18px;font-variation-settings:"opsz" 144}
.jornada li::after{content:"";position:absolute;top:28px;left:52px;right:14px;height:1px;background:linear-gradient(90deg,rgba(229,188,116,.7),rgba(229,188,116,.1))}
.jornada li:last-child::after{display:none}
.jornada h3{margin-bottom:10px}
.jornada p{color:#CFC3E6;font-size:15.5px}
.nota-faixa{margin-top:52px;padding-top:24px;border-top:1px solid #4E3A72;color:#CFC3E6;font-size:15px;max-width:72ch}
@media (max-width:960px){.jornada{grid-template-columns:1fr;gap:30px}.jornada li{padding:0 0 0 72px}.jornada li::before{position:absolute;left:0;top:-6px;font-size:46px}.jornada li::after{display:none}}

/* ---------- Aplicativo ---------- */
.legenda-status{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:34px;font-size:14px;color:var(--texto-suave)}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.prototipo{background:#E9E0FA;color:#4B2F86}
.chip.planejado{background:#FBF1DE;color:#7A5418}
.funcoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.funcao{display:grid;grid-template-rows:auto auto 1fr;gap:16px;align-content:start}
.funcao .reservado{aspect-ratio:9/16;max-height:420px;min-height:0;width:100%}
.funcao .topo-funcao{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.funcao h3{font-size:24px}
.funcao p{font-size:15.5px;color:var(--texto-suave)}
.funcao .tela img{border-radius:0;border:0;width:auto;max-width:100%;max-height:520px;margin:0 auto;filter:drop-shadow(0 14px 24px rgba(37,29,49,.18))}
.funcao .tela figcaption{text-align:center}
.planejados{margin-top:56px;padding:28px;border:1px solid var(--linha);border-radius:6px;background:var(--branco);display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:24px}
.planejados ul{margin:0;padding-left:18px;columns:2;column-gap:36px;font-size:15.5px}
.planejados li{margin-bottom:6px;break-inside:avoid}
@media (max-width:960px){.funcoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.funcoes{grid-template-columns:1fr}.funcao .reservado{aspect-ratio:4/3}.planejados{grid-template-columns:1fr}.planejados ul{columns:1}}

/* ---------- Galeria ---------- */
.galeria-topo{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.galeria-topo .cabeca-secao{margin-bottom:0}
.controles{display:flex;align-items:center;gap:12px}
.controles button{width:52px;height:52px;border-radius:50%;border:1px solid #6E58A0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}
.controles button:hover:not(:disabled){background:#4A3470}
.controles button:disabled{opacity:.35;cursor:default}
.controles svg{width:20px;height:20px}
.contador{font-variant-numeric:tabular-nums;font-size:14px;color:#CFC3E6;min-width:56px;text-align:center}
.trilho{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#6E58A0 transparent}
.trilho:focus-visible{outline:3px solid var(--dourado)}
.trilho .foto{flex:0 0 auto;scroll-snap-align:start;width:min(78vw,420px)}
.trilho .foto img{height:min(60vh,520px);width:auto;max-width:none}
.trilho .reservado{height:min(60vh,520px);width:min(78vw,420px)}
.trilho figcaption{color:#CFC3E6}

/* ---------- Ciência ---------- */
.niveis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--texto)}
.nivel{padding:28px clamp(16px,2vw,28px) 8px 0;border-right:1px solid var(--linha)}
.nivel+.nivel{padding-left:clamp(16px,2vw,28px)}
.nivel:last-child{border-right:none}
.nivel header{display:grid;gap:8px;margin-bottom:22px}
.nivel header p{font-size:14.5px;color:var(--texto-suave)}
.forca{display:flex;gap:4px}
.forca i{width:22px;height:5px;border-radius:3px;background:var(--linha)}
.forca i.on{background:var(--roxo)}
.nivel ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.nivel li{display:grid;gap:6px}
.nivel li b{font-weight:700;font-size:16px;line-height:1.4}
.nivel li span{font-size:15px;color:var(--texto-suave)}
.ref{font-size:13px;color:var(--roxo);font-weight:600}
@media (max-width:900px){.niveis{grid-template-columns:1fr}.nivel,.nivel+.nivel{padding:28px 0 20px;border-right:none;border-bottom:1px solid var(--linha)}}

/* ---------- Sobre e contato ---------- */
.sobre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.sobre .texto{display:grid;gap:18px;max-width:58ch}
.linha-tempo{list-style:none;margin:0;padding:0;border-left:1px solid var(--lavanda)}
.linha-tempo li{padding:0 0 26px 26px;position:relative}
.linha-tempo li::before{content:"";position:absolute;left:-6px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--branco);border:2px solid var(--roxo)}
.linha-tempo li:last-child::before{background:var(--dourado);border-color:var(--dourado)}
.linha-tempo b{font-family:var(--display);font-weight:400;font-size:22px;display:block}
.linha-tempo span{font-size:15px;color:var(--texto-suave)}
@media (max-width:860px){.sobre{grid-template-columns:1fr}}
.contato{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end}
.email{font-family:var(--display);font-size:clamp(26px,3.6vw,46px);color:#fff;word-break:break-word;font-variation-settings:"opsz" 96}
.estado{margin-top:14px;display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--dourado);font-weight:700}
@media (max-width:860px){.contato{grid-template-columns:1fr}}

/* ---------- Rodapé ---------- */
.rodape{background:#22142F;color:#BDB1D2;padding:48px 0 40px;font-size:14.5px}
.rodape .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.rodape a{color:#fff}
.rodape nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}
.rodape .marca{color:#fff}

/* ---------- Marcações de revisão ---------- */
.pend{display:none}
body.modo-revisao .pend{display:inline-flex;align-items:center;gap:6px;font-family:var(--corpo);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7A3E00;background:#FFE7B8;border:1px dashed #C98A1C;padding:3px 8px;border-radius:6px;line-height:1.4;vertical-align:middle;font-style:normal}
body.modo-revisao .pend::before{content:"✎"}
body.modo-revisao div.pend,body.modo-revisao p.pend{display:flex;width:fit-content;margin-top:10px}
.painel-revisao{position:fixed;left:16px;bottom:16px;z-index:60;background:var(--texto);color:#fff;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-size:13px;box-shadow:0 10px 30px rgba(37,29,49,.25);max-width:calc(100vw - 32px);flex-wrap:wrap}
.painel-revisao b{color:var(--dourado)}
.painel-revisao button,.painel-revisao a{font:inherit;font-weight:700;background:#3B3049;color:#fff;border:0;border-radius:8px;padding:7px 10px;cursor:pointer;text-decoration:none}
@media (max-width:600px){.painel-revisao{left:8px;right:8px;bottom:8px;padding:8px;gap:6px}.painel-revisao>span{display:none}}
.painel-revisao button:hover,.painel-revisao a:hover{background:#4D4060;color:#fff}

/* ---------- Páginas internas (privacidade, revisão) ---------- */
.pagina{padding:clamp(48px,7vw,96px) 0}
.pagina .wrap{max-width:860px}
.pagina h1{font-size:clamp(40px,6vw,72px);font-variation-settings:"opsz" 144;margin:18px 0 22px}
.pagina h2{font-size:clamp(26px,3vw,34px);margin:44px 0 12px}
.pagina p,.pagina li{max-width:68ch}
.pagina p+p{margin-top:12px}
.aviso-minuta{border:1.5px dashed #C98A1C;background:#FFF5E0;color:#5A3400;border-radius:8px;padding:16px 18px;font-size:15.5px}
.aviso-minuta strong{display:block;margin-bottom:4px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Aviso de consentimento das estatísticas */
.aviso-estatisticas{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;max-width:640px;margin:0 auto;background:var(--branco);color:var(--texto);border:1px solid var(--linha);border-radius:16px;box-shadow:0 12px 40px rgba(37,29,49,.18);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.aviso-estatisticas p{margin:0;flex:1 1 280px;font-size:15px;line-height:1.5}
.aviso-estatisticas .botoes{display:flex;gap:8px}
.aviso-estatisticas button{font:inherit;font-weight:700;font-size:15px;border-radius:999px;padding:10px 18px;cursor:pointer;border:1px solid var(--linha);background:var(--branco);color:var(--texto)}
.aviso-estatisticas button.aceitar{background:var(--violeta);border-color:var(--violeta);color:var(--branco)}