/* ============================================================
   Estilos compartilhados das paginas institucionais do Grana Ai
   Mesmos tokens visuais da landing (index.html) — nao alterar
   a identidade sem atualizar a landing junto.
   ============================================================ */
:root{
  --indigo:#321BBC;
  --preto:#313131;
  --roxo-medio:#A961DE;
  --header-bg:#E9BCFF;
  --card-bg:#E7D3FB;
  --card-borda:#F0E2FE;
  --footer-bg:#CB6CE6;
  --copy-pill:#FF65E7;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',sans-serif;
  color:var(--preto);
  background:linear-gradient(180deg,
    #E8BBFF 0%,#F0C6FE 9%,#FBD6FD 22%,#FFDCFC 30%,
    #F4DAFD 40%,#E8D7FE 50%,#DCD5FF 60%,#E2D0FF 70%,
    #E9CAFF 80%,#EDC7FF 90%,#E0AEF6 100%);
  min-height:100vh;display:flex;flex-direction:column;
}
img{max-width:100%;display:block}
.container{max-width:860px;margin:0 auto;padding:0 24px;width:100%}

/* Header */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(233,188,255,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 34px;max-width:1420px;margin:0 auto}
.nav-logo img{height:50px;width:auto}
.nav-badge{
  text-decoration:none;
  background:linear-gradient(180deg,#F2CBFD,#E3B2FC);
  border:2px solid rgba(255,255,255,.7);
  border-radius:999px;
  padding:9px 24px;font-weight:700;font-size:.85rem;color:var(--indigo);
  box-shadow:0 4px 10px rgba(160,90,220,.25), inset 0 2px 4px rgba(255,255,255,.8);
  white-space:nowrap;
  transition:transform .15s ease;
}
.nav-badge:hover{transform:translateY(-1px)}
.nav-badge:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}

/* Conteudo */
main{flex:1;padding:44px 0 64px}
.pagina-card{
  background:var(--card-bg);
  border:2px solid var(--card-borda);
  border-radius:26px;
  box-shadow:0 14px 32px rgba(150,80,215,.2), inset 0 3px 8px rgba(255,255,255,.7);
  padding:40px 44px;
}
.pagina-card h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;color:var(--indigo);margin-bottom:10px}
.pagina-card .sub{font-size:1.05rem;font-style:italic;margin-bottom:28px}
.pagina-card h2{font-size:1.2rem;font-weight:700;color:var(--indigo);margin:28px 0 10px}
.pagina-card p,.pagina-card li{font-size:.95rem;line-height:1.7;margin-bottom:10px}
.pagina-card ul{padding-left:22px;margin-bottom:12px}
.pagina-card a{color:var(--indigo);font-weight:700}
.pagina-card .aviso{
  margin-top:28px;padding:14px 18px;border-radius:16px;
  background:rgba(255,255,255,.5);border:2px dashed var(--roxo-medio);
  font-size:.85rem;font-style:italic;
}
.pagina-card .placeholder{background:rgba(255,101,231,.18);border-radius:6px;padding:0 4px;font-weight:700}
.voltar{display:inline-block;margin-bottom:20px;color:var(--indigo);font-weight:700;font-style:italic;text-decoration:none;font-size:.92rem}
.voltar:hover{opacity:.7}

/* Botoes (mesmo estilo glass da landing) */
.btn{
  display:inline-block;text-decoration:none;
  font-weight:700;font-style:italic;text-align:center;
  color:var(--indigo);
  border-radius:999px;white-space:nowrap;
  background:
    linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#F4D3FF 0%,#E9BAFD 40%,#DCA4FA 66%,#CB88F5 100%);
  border:2px solid #A957E5;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.95),
    inset 0 -9px 16px rgba(140,45,190,.38),
    0 10px 24px rgba(160,80,220,.38);
  transition:transform .15s ease;
  padding:15px 34px;font-size:1rem;
}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
.acoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}

/* Footer */
footer{background:var(--footer-bg);color:var(--preto);padding:36px 0;margin-top:auto}
.footer-inner{max-width:860px;margin:0 auto;padding:0 24px;text-align:center}
.footer-links{display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
.footer-links a{color:var(--preto);text-decoration:none;font-size:.88rem;font-weight:600}
.footer-links a:hover{text-decoration:underline}
.footer-empresa{font-size:.78rem;line-height:1.6;margin-bottom:14px}
.footer-copy span{
  display:inline-block;background:var(--copy-pill);
  color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.02em;
  padding:8px 20px;border-radius:999px;
}

@media (max-width:640px){
  .pagina-card{padding:28px 22px}
  .nav{padding:8px 18px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}