/* =========================================================
   PAI DAS PRATAS — Folha de Estilos Exclusiva
   Dark Luxury · 100% original · Junho 2026
   ========================================================= */

:root {
  --fundo-base:   #0B0B16;
  --fundo-card:   #111120;
  --fundo-barra:  #0E0E1C;
  --borda:        #22223A;
  --prata-clara:  #C4CDD8;
  --prata-media:  #8C96A8;
  --ouro:         #C6A04E;
  --ouro-claro:   #E0C882;
  --texto-forte:  #EAECF4;
  --texto-normal: #A8B0C4;
  --texto-fraco:  #606478;
  --destaque:     #1C2040;
  --sombra:       0 4px 32px rgba(0,0,0,.55);
  --raio:         6px;
  --trans:        .25s ease;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'Segoe UI', Helvetica Neue, Arial, sans-serif;
  background: var(--fundo-base);
  color: var(--texto-normal);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4 { font-family: Georgia,'Times New Roman',serif; color:var(--texto-forte); letter-spacing:.04em; line-height:1.25; }
h1 { font-size:clamp(1.9rem,4vw,2.8rem); font-weight:400; }
h2 { font-size:clamp(1.4rem,3vw,2rem); font-weight:400; }
h3 { font-size:1.15rem; font-weight:600; }
p  { margin-bottom:1rem; }
a  { color:var(--ouro); text-decoration:none; transition:color var(--trans); }
a:hover { color:var(--ouro-claro); }

/* FAIXA CNPJ */
.faixa-cnpj {
  background:#08081A; border-bottom:1px solid var(--borda);
  text-align:center; padding:.35rem 1rem;
  font-size:.72rem; color:var(--texto-fraco); letter-spacing:.05em;
}

/* AVISO COOKIES */
.cookie-aviso {
  background:#0D0D1E; border-bottom:1px solid var(--borda);
  text-align:center; padding:.3rem 1rem;
  font-size:.72rem; color:var(--texto-fraco);
}
.cookie-aviso a { color:var(--ouro); }

/* TOPO */
.topo { background:var(--fundo-barra); border-bottom:1px solid var(--borda); position:sticky; top:0; z-index:100; }
.topo-interno {
  max-width:1180px; margin:0 auto; padding:0 1.5rem;
  display:flex; align-items:center; justify-content:space-between; height:64px;
}
.marca { display:flex; align-items:center; gap:.75rem; text-decoration:none; }
.marca-icone { width:40px; height:40px; }
.marca-nome { font-family:Georgia,serif; font-size:1.1rem; font-weight:400; letter-spacing:.08em; color:var(--prata-clara); line-height:1.2; }
.marca-nome span { display:block; font-size:.65rem; color:var(--ouro); letter-spacing:.18em; text-transform:uppercase; }
.nav-principal { display:flex; gap:.25rem; list-style:none; }
.nav-principal a {
  display:block; padding:.45rem .85rem; border-radius:var(--raio);
  font-size:.82rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--texto-normal); transition:background var(--trans),color var(--trans);
}
.nav-principal a:hover,.nav-principal a.ativo { background:var(--destaque); color:var(--ouro); }

/* HERÓI */
.heroi { position:relative; padding:6rem 1.5rem 5rem; text-align:center; overflow:hidden; }
.heroi::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,#1A1A40 0%,transparent 70%); pointer-events:none;
}
.heroi-linha { display:inline-block; width:48px; height:1px; background:var(--ouro); vertical-align:middle; margin:0 1rem; }
.heroi-subtitulo { font-size:.78rem; letter-spacing:.22em; text-transform:uppercase; color:var(--ouro); margin-bottom:1.2rem; }
.heroi h1 { margin-bottom:1.2rem; max-width:680px; margin-inline:auto; }
.heroi-desc { max-width:540px; margin:0 auto 2.2rem; font-size:1.05rem; color:var(--prata-media); }
.heroi-acoes { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* BOTÕES */
.btn-primario {
  display:inline-block; padding:.7rem 1.8rem; background:var(--ouro);
  color:#0B0B16; font-size:.85rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  border-radius:var(--raio); transition:background var(--trans),transform var(--trans);
}
.btn-primario:hover { background:var(--ouro-claro); color:#0B0B16; transform:translateY(-1px); }
.btn-secundario {
  display:inline-block; padding:.7rem 1.8rem; border:1px solid var(--borda);
  color:var(--prata-clara); font-size:.85rem; letter-spacing:.1em; text-transform:uppercase;
  border-radius:var(--raio); transition:border-color var(--trans),color var(--trans);
}
.btn-secundario:hover { border-color:var(--ouro); color:var(--ouro); }

/* SEPARADOR */
.separador {
  display:flex; align-items:center; gap:1.2rem;
  max-width:280px; margin:0 auto 3rem;
  color:var(--ouro); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
}
.separador::before,.separador::after { content:''; flex:1; height:1px; background:var(--borda); }

/* SECÇÕES */
.secao { padding:5rem 1.5rem; }
.secao-titulo { text-align:center; margin-bottom:3rem; }
.secao-titulo h2 { margin-bottom:.5rem; }
.secao-titulo p { color:var(--texto-normal); }

/* GRADES */
.grade-4 { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1.5rem; max-width:1100px; margin-inline:auto; }
.grade-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; max-width:1000px; margin-inline:auto; }
.grade-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:2rem; max-width:900px; margin-inline:auto; }

/* CARTÃO */
.cartao {
  background:var(--fundo-card); border:1px solid var(--borda); border-radius:var(--raio);
  padding:2rem 1.5rem; transition:border-color var(--trans),box-shadow var(--trans);
}
.cartao:hover { border-color:var(--ouro); box-shadow:var(--sombra); }
.cartao-icone { font-size:2rem; margin-bottom:1rem; display:block; }
.cartao h3 { color:var(--prata-clara); margin-bottom:.5rem; font-size:1rem; letter-spacing:.06em; }
.cartao p { font-size:.9rem; color:var(--texto-normal); margin:0; }
.cartao-etiqueta {
  display:inline-block; padding:.2rem .7rem; background:var(--destaque); color:var(--ouro);
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; border-radius:2px; margin-bottom:.8rem;
}

/* FAIXA */
.faixa-destaque {
  background:var(--fundo-card); border-top:1px solid var(--borda); border-bottom:1px solid var(--borda);
  padding:4rem 1.5rem; text-align:center;
}
.faixa-numeros { display:flex; justify-content:center; gap:4rem; flex-wrap:wrap; max-width:700px; margin:2.5rem auto 0; }
.numero-item strong { display:block; font-family:Georgia,serif; font-size:2.2rem; color:var(--ouro); font-weight:400; }
.numero-item span { font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:var(--prata-media); }

/* RODAPÉ */
.rodape { background:var(--fundo-barra); border-top:1px solid var(--borda); padding:4rem 1.5rem 2rem; }
.rodape-grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2.5rem; max-width:1100px; margin:0 auto 3rem; }
.rodape-bloco h4 { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ouro); margin-bottom:1rem; }
.rodape-bloco p,.rodape-bloco address { font-size:.88rem; color:var(--texto-fraco); font-style:normal; line-height:1.8; }
.rodape-bloco a { color:var(--texto-fraco); }
.rodape-bloco a:hover { color:var(--ouro); }
.rodape-links { list-style:none; }
.rodape-links li+li { margin-top:.4rem; }
.rodape-base {
  max-width:1100px; margin:0 auto; padding-top:2rem; border-top:1px solid var(--borda);
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
  font-size:.78rem; color:var(--texto-fraco);
}
.rodape-legal-links { display:flex; gap:1.2rem; flex-wrap:wrap; }
.rodape-legal-links a { color:var(--texto-fraco); }
.rodape-legal-links a:hover { color:var(--ouro); }

/* TABELA */
.tabela-info { width:100%; border-collapse:collapse; margin:1.5rem 0; }
.tabela-info th,.tabela-info td { padding:.75rem 1rem; border:1px solid var(--borda); font-size:.9rem; text-align:left; }
.tabela-info th { background:var(--destaque); color:var(--prata-clara); font-weight:600; }
.tabela-info td { color:var(--texto-normal); }
.tabela-info tr:nth-child(even) td { background:rgba(255,255,255,.02); }

/* LISTA LEGAL */
.lista-legal { list-style:none; padding:0; }
.lista-legal li {
  padding:.6rem 0 .6rem 1.5rem; position:relative;
  border-bottom:1px solid var(--borda); font-size:.93rem; color:var(--texto-normal);
}
.lista-legal li::before { content:'◆'; position:absolute; left:0; color:var(--ouro); font-size:.55rem; top:.85rem; }

/* PÁGINAS INTERNAS */
.pagina-cabecalho { padding:3.5rem 1.5rem 2.5rem; text-align:center; border-bottom:1px solid var(--borda); }
.pagina-cabecalho p { color:var(--texto-normal); max-width:560px; margin:.6rem auto 0; }
.pagina-corpo { max-width:820px; margin:0 auto; padding:3.5rem 1.5rem; }
.pagina-corpo h2 {
  font-size:1.25rem; margin:2.5rem 0 .8rem; padding-bottom:.5rem;
  border-bottom:1px solid var(--borda); color:var(--prata-clara);
}
.pagina-corpo h2:first-child { margin-top:0; }
.pagina-corpo ul { padding-left:1.5rem; margin-bottom:1rem; }
.pagina-corpo ul li { margin-bottom:.4rem; font-size:.93rem; }

/* CAIXA DESTAQUE */
.caixa-ouro {
  background:rgba(198,160,78,.07); border:1px solid rgba(198,160,78,.25);
  border-left:3px solid var(--ouro); border-radius:var(--raio);
  padding:1.2rem 1.4rem; margin:1.5rem 0; font-size:.93rem;
}

/* CONTATO */
.grade-contato { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; max-width:960px; margin:0 auto; }
.cartao-contato { background:var(--fundo-card); border:1px solid var(--borda); border-radius:var(--raio); padding:2rem; text-align:center; }
.cartao-contato-icone { font-size:1.8rem; margin-bottom:1rem; display:block; }
.cartao-contato h3 { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ouro); margin-bottom:.5rem; }
.cartao-contato p { font-size:.95rem; color:var(--prata-clara); margin:0; }
.cartao-contato a { color:var(--prata-clara); }
.cartao-contato a:hover { color:var(--ouro); }

/* RESPONSIVO */
@media(max-width:720px){
  .nav-principal a { padding:.4rem .55rem; font-size:.75rem; }
  .heroi { padding:4rem 1rem 3rem; }
  .faixa-numeros { gap:2rem; }
  .rodape-base { flex-direction:column; text-align:center; }
}
@media(max-width:480px){
  .marca-nome span { clip: rect(0,0,0,0); position:absolute; width:1px; height:1px; overflow:hidden; }
  .heroi-acoes { flex-direction:column; align-items:center; }
}