/* Blog "IA na prática" · Carper Solutions. Servido em www.carpersolutions.com.br/blog/estilo.css */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 700;font-display:swap;src:url(fontes/playfair.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url(fontes/playfair-italico.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 700;font-display:swap;src:url(fontes/montserrat.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(fontes/inter.woff2) format('woff2')}
:root{--preto:#0D0D0D;--grafite:#232323;--dourado:#A37E2C;--ambar:#B35F00;--verde:#014D40;--azul:#192A56;--bege:#B8B0A2;
  --ouro-luz:#F6E7B8;--ouro-1:#E9C46A;--texto:#E6E0D3;--suave:#B8B0A2;--linha:rgba(233,196,106,.16);
  --f-titulo:'Playfair Display',Georgia,serif;--f-rotulo:'Montserrat',system-ui,sans-serif;--f-texto:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--f-texto);color:var(--texto);background:
  radial-gradient(1200px 600px at 85% -10%,rgba(163,126,44,.16),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(25,42,86,.35),transparent 60%),var(--preto);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ouro-1)}
:focus-visible{outline:2px solid var(--ouro-1);outline-offset:3px}
.faixa{max-width:1160px;margin:0 auto;padding:0 20px}
.faixa.estreita{max-width:780px}
.progresso{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--dourado),var(--ouro-1),var(--ouro-luz))}

/* topo de vidro */
.topo{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--linha)}
.topo .faixa{display:flex;align-items:center;gap:22px;height:70px}
.marca img{height:34px;width:auto}
.topo nav{display:flex;gap:18px;flex:1;overflow-x:auto;scrollbar-width:none}
.topo nav a{white-space:nowrap;text-decoration:none;color:var(--suave);font-family:var(--f-rotulo);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.topo nav a:hover{color:var(--ouro-luz)}
.botao-topo{white-space:nowrap;padding:10px 16px;border-radius:999px;text-decoration:none;font-family:var(--f-rotulo);font-size:12.5px;font-weight:700;color:#1A1206;background:linear-gradient(120deg,#FBF1D2,#D2AE58 60%,#B98E3A)}

/* abertura da lista */
.abertura{padding:64px 0 30px}
.sobretitulo{font-family:var(--f-rotulo);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ouro-1)}
.abertura h1{margin-top:10px;font-family:var(--f-titulo);font-weight:700;font-size:clamp(40px,7vw,74px);line-height:1.02;color:#F5F1E8}
.abertura h1 em{color:var(--ouro-1)}
.lead{margin-top:16px;max-width:680px;font-size:19px;line-height:1.6;color:#D6CFC0}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.filtros a{padding:9px 16px;border-radius:999px;text-decoration:none;font-family:var(--f-rotulo);font-size:12.5px;font-weight:600;color:var(--texto);border:1px solid var(--linha);background:rgba(255,255,255,.03)}
.filtros a[aria-current]{color:#1A1206;background:linear-gradient(120deg,#FBF1D2,#D2AE58);border-color:transparent}

/* capas, destaque e grade */
.capa{display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:800/420}
.destaque a{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center;text-decoration:none;color:inherit;padding:18px;border-radius:28px;
  background:rgba(35,35,35,.4);border:1px solid var(--linha);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .3s,border-color .3s}
.destaque a:hover{transform:translateY(-3px);border-color:rgba(233,196,106,.45)}
.destaque h2{margin-top:10px;font-family:var(--f-titulo);font-size:clamp(26px,3.4vw,38px);line-height:1.15;color:#F5F1E8}
.destaque p{margin-top:12px;color:var(--suave);font-size:16.5px;line-height:1.6}
.ler{display:inline-block;margin-top:16px;font-family:var(--f-rotulo);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-1)}
.rotulo{font-family:var(--f-rotulo);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-1)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:30px}
.cartao a{display:block;height:100%;text-decoration:none;color:inherit;border-radius:22px;overflow:hidden;background:rgba(35,35,35,.38);border:1px solid var(--linha);transition:transform .3s,border-color .3s}
.cartao a:hover{transform:translateY(-4px);border-color:rgba(233,196,106,.45)}
.cartao .capa{border-radius:0}
.cartao-texto{padding:18px 20px 22px}
.cartao h3{margin-top:8px;font-family:var(--f-titulo);font-size:21px;line-height:1.25;color:#F5F1E8}
.cartao p{margin-top:8px;color:var(--suave);font-size:14.5px;line-height:1.55}
.paginas{display:flex;justify-content:space-between;margin:34px 0}
.paginas a{font-family:var(--f-rotulo);font-weight:700;font-size:13px;text-decoration:none}
.vazio,.aviso-404{padding:30px 0;color:var(--suave);text-align:center}
.aviso-404{max-width:1160px;margin:30px auto 0;color:var(--ouro-luz)}

/* artigo */
.artigo-topo{padding:46px 0 26px}
.trilha{font-size:13px;color:var(--suave)}
.trilha a{color:var(--suave);text-decoration:none}
.trilha a:hover{color:var(--ouro-1)}
.artigo-topo h1{margin-top:16px;font-family:var(--f-titulo);font-weight:700;font-size:clamp(32px,5vw,52px);line-height:1.1;color:#F5F1E8}
.meta{margin-top:18px;font-size:14px;color:var(--suave)}
.meta strong{color:var(--texto)}
.capa.grande{margin:6px 0 30px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.sumario{margin:0 0 34px;padding:20px 24px;border-radius:20px;background:rgba(35,35,35,.45);border:1px solid var(--linha)}
.sumario p{font-family:var(--f-rotulo);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-1);margin-bottom:10px}
.sumario ol{padding-left:20px;display:grid;gap:6px}
.sumario a{color:var(--texto);text-decoration:none;font-size:15px}
.sumario a:hover{color:var(--ouro-luz)}
.conteudo{font-size:18px;line-height:1.78}
.conteudo p{margin:0 0 1.15em}
.conteudo h2{margin:1.9em 0 .6em;font-family:var(--f-titulo);font-size:clamp(25px,3vw,31px);line-height:1.22;color:#F5F1E8}
.conteudo h3{margin:1.5em 0 .5em;font-family:var(--f-rotulo);font-size:19px;font-weight:700;color:var(--ouro-luz)}
.conteudo ul,.conteudo ol{margin:0 0 1.2em;padding-left:1.3em;display:grid;gap:.45em}
.conteudo li::marker{color:var(--ouro-1);font-weight:700}
.conteudo strong{color:#FFF8E6}
.conteudo blockquote{margin:1.4em 0;padding:16px 22px;border-left:3px solid var(--ouro-1);background:rgba(233,196,106,.06);border-radius:0 14px 14px 0;font-family:var(--f-titulo);font-style:italic;font-size:20px}
.conteudo code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.08);font-size:.9em}
.tabela{overflow-x:auto;margin:0 0 1.4em;border-radius:14px;border:1px solid var(--linha)}
.tabela table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.tabela th{background:rgba(163,126,44,.18);color:var(--ouro-luz);font-family:var(--f-rotulo);font-size:13px;letter-spacing:.04em;text-align:left}
.tabela th,.tabela td{padding:11px 14px;border-bottom:1px solid var(--linha);vertical-align:top}
.fontes,.faq,.relacionados{margin-top:44px}
.fontes h2,.faq h2,.relacionados h2{font-family:var(--f-titulo);font-size:28px;color:#F5F1E8;margin-bottom:16px}
.fontes li{margin:0 0 6px 18px;color:var(--suave)}
.faq details{border-bottom:1px solid var(--linha);padding:16px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:14px}
.faq summary::after{content:"+";color:var(--ouro-1);font-size:22px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:#D6CFC0;line-height:1.7}

/* chamada para ação */
.chamada{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:48px 0;padding:30px;border-radius:26px;
  background:linear-gradient(135deg,rgba(1,77,64,.55),rgba(25,42,86,.55));border:1px solid rgba(233,196,106,.3);backdrop-filter:blur(14px)}
.chamada h2{margin-top:6px;font-family:var(--f-titulo);font-size:28px;color:#F5F1E8}
.chamada p{margin-top:8px;max-width:520px;color:#DCD5C6;line-height:1.6}
.chamada-botoes{display:flex;gap:12px;flex-wrap:wrap}
.botao-ouro,.botao-vidro{display:inline-flex;padding:14px 22px;border-radius:999px;text-decoration:none;font-family:var(--f-rotulo);font-weight:700;font-size:14px}
.botao-ouro{color:#1A1206;background:linear-gradient(120deg,#FBF1D2,#D2AE58 60%,#B98E3A);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.botao-vidro{color:var(--ouro-luz);border:1px solid rgba(233,196,106,.5);background:rgba(255,255,255,.05)}

.rodape{margin-top:40px;padding:34px 0 46px;border-top:1px solid var(--linha);color:var(--suave);font-size:14px;line-height:1.8}
.rodape a{color:var(--suave)}
.cnpj{font-size:12.5px;opacity:.8}

@media(max-width:820px){
  .topo nav{display:none}.topo .faixa{justify-content:space-between}
  .destaque a{grid-template-columns:1fr;gap:16px;padding:12px}
  .conteudo{font-size:17px}.chamada{padding:22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}