/*
Theme Name: Futuro Financeiro Ouro
Theme URI: https://achadinhosemerick.online/
Author: Futuro Financeiro
Description: Edição Ouro do tema Futuro Financeiro — visual premium escuro com dourado em layout de primeira página de jornal: linha de edição com a data, manchete em destaque, lista numerada "Mais desta edição" e cadernos por assunto. Ao ativar, cria automaticamente as páginas obrigatórias (Política de Privacidade, Política de Cookies, Termos de Uso, Aviso Legal, Sobre Nós, Contato e Blog) e as categorias de conteúdo.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: futuro-financeiro-ouro
Tags: blog, finance, custom-menu, dark
*/

/* ============================================================
   Futuro Financeiro — Edição Ouro
   Paleta: noite #0F0D0A · carvão #17140F · superfície #1E1A13
           ouro #D4A94A · ouro claro #E8C97E · pergaminho #F4EDDF
           texto #EDE7DA · texto suave #A89F8D · linha #2C2820
   Tipos:  Playfair Display (títulos) · Inter (texto)
   ============================================================ */

:root{
  --noite:#0F0D0A;
  --carvao:#17140F;
  --superficie:#1E1A13;
  --caramelo:#D4A94A;          /* accent (mesmo nome de variável dos templates) */
  --ouro-claro:#E8C97E;
  --pergaminho:#F4EDDF;
  --texto:#EDE7DA;
  --tinta:#EDE7DA;
  --tinta-suave:#A89F8D;
  --linha:#2C2820;
  --radius:14px;
  --sombra:0 18px 50px rgba(0,0,0,.45);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--noite);
  color:var(--texto);
  line-height:1.75;
  font-size:1.0425rem;
}

img{max-width:100%;display:block;height:auto}
a{color:var(--caramelo);text-decoration:none}
a:hover{color:var(--ouro-claro);text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--caramelo);outline-offset:3px;border-radius:4px;
}

h1,h2,h3,h4{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:600;line-height:1.18;letter-spacing:.01em;color:var(--texto);
}

.container{max-width:1140px;margin:0 auto;padding:0 24px}
.container-estreito{max-width:760px;margin:0 auto;padding:0 24px}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:12px;background:var(--caramelo);color:var(--noite);padding:10px 16px;border-radius:8px;z-index:999}

/* ---------- Cabeçalho ---------- */
.topo{
  background:rgba(15,13,10,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--linha);
  position:sticky;top:0;z-index:50;
}
.topo::after{
  content:"";display:block;height:2px;
  background:linear-gradient(90deg,transparent,var(--caramelo) 30%,var(--ouro-claro) 50%,var(--caramelo) 70%,transparent);
  opacity:.55;
}
.topo-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:14px 24px;max-width:1140px;margin:0 auto;
}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.marca:hover{text-decoration:none}
.marca img,.custom-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--linha)}
.custom-logo-link{display:flex;align-items:center}
.marca-selo{
  width:72px;height:72px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, var(--ouro-claro), var(--caramelo) 58%, #8A6420);
  color:var(--noite);display:grid;place-items:center;
  font-family:'Playfair Display',serif;font-weight:700;font-size:1.7rem;
}
.marca-nome{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:600;color:var(--texto);white-space:nowrap}
.marca-nome em{font-style:italic;color:var(--caramelo)}

.nav-principal .menu,.nav-principal > div > ul,.nav-principal ul{
  display:flex;gap:2px;list-style:none;align-items:center;margin:0;padding:0;
}
.nav-principal a{
  color:var(--texto);font-weight:600;font-size:.9rem;letter-spacing:.04em;
  padding:9px 14px;border-radius:8px;text-transform:uppercase;
}
.nav-principal a:hover{background:var(--superficie);color:var(--ouro-claro);text-decoration:none}
.nav-principal a[aria-current="page"],
.nav-principal li.current-menu-item > a,
.nav-principal li.current_page_item > a{color:var(--caramelo);box-shadow:inset 0 -2px 0 var(--caramelo);border-radius:0}

.menu-botao{display:none;background:none;border:1px solid var(--caramelo);border-radius:8px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer;color:var(--caramelo)}

@media (min-width:901px){
  .nav-principal .menu,.nav-principal > div > ul,.nav-principal ul{flex-wrap:nowrap;white-space:nowrap}
}
@media (max-width:900px){
  .menu-botao{display:block}
  .nav-principal{display:none;width:100%}
  .nav-principal.aberto{display:block}
  .topo-inner{flex-wrap:wrap}
  .nav-principal .menu,.nav-principal > div > ul,.nav-principal ul{flex-direction:column;align-items:stretch;padding-bottom:12px}
  .nav-principal a{display:block}
}
@media (max-width:600px){
  .marca img,.custom-logo,.marca-selo{width:54px;height:54px}
  .marca-nome{font-size:1.2rem}
}
.nav-principal .sub-menu{display:none}
.nav-principal li{position:relative}
.nav-principal li:hover > .sub-menu,.nav-principal li:focus-within > .sub-menu{
  display:block;position:absolute;background:var(--carvao);border:1px solid var(--linha);
  border-radius:12px;padding:8px;box-shadow:var(--sombra);min-width:220px;z-index:60;
}
.nav-principal .sub-menu a{display:block;border-radius:8px;text-transform:none}

/* ---------- Herói ---------- */
.heroi{
  position:relative;min-height:min(82vh,720px);
  display:grid;place-items:center;text-align:center;
  overflow:hidden;color:var(--texto);
  background:
    radial-gradient(ellipse 900px 420px at 50% -10%, rgba(212,169,74,.18), transparent 65%),
    radial-gradient(ellipse 600px 300px at 85% 110%, rgba(212,169,74,.08), transparent 60%),
    var(--noite);
  border-bottom:1px solid var(--linha);
}
.heroi-midia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.22}
img.heroi-midia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.22}
.heroi::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,13,10,.2),rgba(15,13,10,.75))}
.heroi-conteudo{position:relative;z-index:2;padding:96px 24px;max-width:840px}
.heroi h1{font-size:clamp(2.5rem,6vw,4.3rem);font-weight:600}
.heroi h1 em{font-style:italic;color:var(--ouro-claro)}
.heroi p{font-size:clamp(1.02rem,2vw,1.22rem);margin:20px auto 36px;max-width:36em;color:var(--tinta-suave)}
.rotulo{
  display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.28em;
  text-transform:uppercase;color:var(--caramelo);
}
.rotulo::before,.rotulo::after{content:"—";margin:0 10px;opacity:.5}

.botao{
  display:inline-block;font-weight:700;font-size:.95rem;letter-spacing:.06em;
  padding:15px 34px;border-radius:6px;border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  text-transform:uppercase;
}
.botao:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,169,74,.22)}
.botao--claro{background:linear-gradient(135deg,var(--ouro-claro),var(--caramelo));color:var(--noite)}
.botao--claro:hover{color:var(--noite)}
.botao--escuro{background:transparent;color:var(--caramelo);border-color:var(--caramelo)}
.botao--escuro:hover{background:var(--caramelo);color:var(--noite)}
.botao--contorno{border-color:var(--linha);color:var(--texto);background:transparent}
.botao--contorno:hover{border-color:var(--caramelo);color:var(--caramelo)}
.heroi-acoes{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- Faixa de passos ---------- */
.passos{background:var(--carvao);border-bottom:1px solid var(--linha)}
.passos-grid{
  max-width:1140px;margin:0 auto;padding:34px 24px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;
}
@media (max-width:760px){.passos-grid{grid-template-columns:1fr;gap:18px}}
.passo{display:grid;gap:4px}
.passo b{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--ouro-claro);font-weight:600}
.passo span{font-size:.92rem;color:var(--tinta-suave)}
.passo small{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--caramelo)}

/* ---------- Seções ---------- */
.secao{padding:88px 0}
.secao--marfim{background:var(--carvao);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.secao-cabeca{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.secao-cabeca h2{font-size:clamp(1.8rem,3.4vw,2.5rem)}
.secao-cabeca p{color:var(--tinta-suave);max-width:40em;margin-top:8px}
.secao-cabeca--centro{flex-direction:column;align-items:center;text-align:center}

/* ---------- Destaque de capa + lista (revista) ---------- */
.capa{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
@media (max-width:880px){.capa{grid-template-columns:1fr}}
.capa-principal .ficha-foto-wrap{aspect-ratio:16/10}
.capa-principal h3{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-top:6px}
.capa-lista{display:grid;gap:0;border-top:1px solid var(--linha)}
.capa-item{padding:20px 4px;border-bottom:1px solid var(--linha);display:grid;gap:6px}
.capa-item h4{font-size:1.08rem;font-weight:600}
.capa-item h4 a{color:var(--texto)}
.capa-item h4 a:hover{color:var(--ouro-claro)}
.capa-item .ficha-meta{margin:0}

/* ---------- Cartões ---------- */
.grade{display:grid;gap:30px}
.grade--3{grid-template-columns:repeat(3,1fr)}
.grade--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:940px){.grade--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grade--3,.grade--2{grid-template-columns:1fr}}

.ficha{display:flex;flex-direction:column;gap:12px}
.ficha-corpo{display:flex;flex-direction:column;gap:10px}
.ficha-foto-wrap{overflow:hidden;border-radius:var(--radius);aspect-ratio:4/3;display:block;border:1px solid var(--linha)}
.ficha-foto-wrap img,.ficha-foto{
  width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius) - 1px);
  transition:transform .5s ease,opacity .3s ease;
}
.ficha:hover .ficha-foto-wrap img{transform:scale(1.04)}
.ficha-categoria{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--caramelo)}
.ficha-categoria a{color:var(--caramelo)}
.ficha h3{font-size:1.28rem;font-weight:600}
.ficha h3 a{color:var(--texto)}
.ficha h3 a:hover{color:var(--ouro-claro)}
.ficha p{color:var(--tinta-suave);font-size:.96rem}
.ficha-meta{font-size:.82rem;color:var(--tinta-suave);letter-spacing:.04em}

/* ---------- Trilhas (categorias) ---------- */
.artigo-lista{display:grid;gap:22px}
.artigo-item{
  background:var(--superficie);border:1px solid var(--linha);border-radius:var(--radius);
  padding:28px 30px;display:grid;gap:8px;position:relative;
  transition:border-color .2s ease,transform .2s ease;
}
.artigo-item::before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;
  background:linear-gradient(180deg,var(--ouro-claro),var(--caramelo));border-radius:3px;opacity:.85;
}
.artigo-item:hover{border-color:var(--caramelo);transform:translateY(-3px)}
.artigo-item time{font-size:.75rem;color:var(--tinta-suave);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.artigo-item h3{font-size:1.3rem}
.artigo-item h3 a{color:var(--texto)}
.artigo-item p{color:var(--tinta-suave);font-size:.97rem}

/* ---------- Bloco duplo ---------- */
.duplo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:860px){.duplo{grid-template-columns:1fr;gap:32px}}
.duplo img{border-radius:var(--radius);width:100%;object-fit:cover;aspect-ratio:4/3;border:1px solid var(--linha);box-shadow:var(--sombra)}
.duplo h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:16px}
.duplo p{color:var(--tinta-suave);font-size:1.06rem;margin-bottom:28px}

/* ---------- Citação ---------- */
.afeto{
  background:
    radial-gradient(ellipse 700px 300px at 50% 120%, rgba(212,169,74,.14), transparent 60%),
    var(--carvao);
  color:var(--texto);text-align:center;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);
}
.afeto .container-estreito{padding-top:88px;padding-bottom:88px}
.afeto blockquote{
  font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3vw,2.1rem);
  font-style:italic;font-weight:500;line-height:1.45;
}
.afeto blockquote::before{content:"“";display:block;font-size:3.2rem;line-height:.6;color:var(--caramelo);margin-bottom:18px}
.afeto cite{display:block;margin-top:22px;font-style:normal;font-size:.8rem;color:var(--caramelo);letter-spacing:.26em;text-transform:uppercase}
.afeto p{color:var(--tinta-suave)}

/* ---------- Página interna ---------- */
.pagina-cabeca{
  background:
    radial-gradient(ellipse 800px 300px at 50% -30%, rgba(212,169,74,.14), transparent 65%),
    var(--carvao);
  border-bottom:1px solid var(--linha);
  padding:72px 0 60px;
}
.pagina-cabeca h1{font-size:clamp(2.1rem,4.6vw,3.1rem);margin-top:14px}
.pagina-cabeca p{color:var(--tinta-suave);max-width:46em;margin-top:16px;font-size:1.08rem}

.prosa{padding:64px 0 96px}
.prosa h2,.entry-content h2{font-size:1.65rem;margin:46px 0 16px;color:var(--ouro-claro)}
.prosa h2:first-child,.entry-content h2:first-child{margin-top:0}
.prosa h3,.entry-content h3{font-size:1.22rem;margin:30px 0 10px}
.prosa p,.entry-content p{margin-bottom:16px}
.prosa ul,.prosa ol,.entry-content ul,.entry-content ol{margin:0 0 16px 24px}
.prosa li,.entry-content li{margin-bottom:8px}
.entry-content img{border-radius:var(--radius);border:1px solid var(--linha)}
.entry-content a{text-decoration:underline;text-underline-offset:3px}
.nota{
  background:var(--superficie);border:1px solid var(--linha);border-left:3px solid var(--caramelo);
  border-radius:10px;padding:20px 22px;margin:28px 0;font-size:.96rem;color:var(--texto);
}
.alignwide,.alignfull{max-width:100%}

/* ---------- Formulários ---------- */
.formulario{display:grid;gap:18px;max-width:640px}
.campo label{display:block;font-weight:600;margin-bottom:6px}
.campo input,.campo textarea,.campo select,
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea,.wpcf7 select{
  width:100%;padding:14px 16px;font:inherit;
  border:1px solid var(--linha);border-radius:8px;background:var(--superficie);color:var(--texto);
}
.campo input:focus,.campo textarea:focus{border-color:var(--caramelo)}
.wpcf7 input[type=submit]{
  background:linear-gradient(135deg,var(--ouro-claro),var(--caramelo));color:var(--noite);
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:15px 34px;border-radius:6px;border:none;cursor:pointer;
}

/* ---------- Boletim ---------- */
.boletim{
  background:
    radial-gradient(ellipse 700px 320px at 50% -20%, rgba(212,169,74,.16), transparent 60%),
    var(--noite);
  border-top:1px solid var(--linha);
}
.boletim .container{padding-top:84px;padding-bottom:84px;text-align:center}
.boletim h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.boletim p{color:var(--tinta-suave);max-width:36em;margin:14px auto 30px}
.boletim form{display:flex;gap:12px;max-width:540px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.boletim input[type=email]{
  flex:1;min-width:220px;padding:15px 20px;border-radius:6px;
  border:1px solid var(--linha);background:var(--superficie);color:var(--texto);font:inherit;
}

/* ---------- Rodapé ---------- */
.rodape{background:#0B0906;color:var(--tinta-suave);border-top:1px solid var(--linha)}
.rodape-inner{
  max-width:1140px;margin:0 auto;padding:64px 24px 36px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;
}
@media (max-width:820px){.rodape-inner{grid-template-columns:1fr}}
.rodape h4{color:var(--caramelo);font-size:.82rem;margin-bottom:16px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;font-family:'Inter',sans-serif}
.rodape ul{list-style:none}
.rodape li{margin-bottom:9px}
.rodape a{color:var(--tinta-suave)}
.rodape a:hover{color:var(--ouro-claro)}
.rodape-marca{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:600;color:var(--texto)}
.rodape-marca em{font-style:italic;color:var(--caramelo)}
.rodape p{font-size:.94rem;margin-top:12px;max-width:30em}
.rodape-base{border-top:1px solid var(--linha);padding:20px 24px;text-align:center;font-size:.82rem;letter-spacing:.06em}

/* ---------- Paginação ---------- */
.pagina-navegacao{display:flex;gap:12px;justify-content:center;margin-top:48px}
.pagina-navegacao a,.pagina-navegacao span{padding:10px 18px;border:1px solid var(--linha);border-radius:6px;font-weight:600;color:var(--texto);background:var(--superficie)}
.pagina-navegacao a:hover{border-color:var(--caramelo);color:var(--caramelo);text-decoration:none}
.pagina-navegacao .current{background:linear-gradient(135deg,var(--ouro-claro),var(--caramelo));color:var(--noite);border-color:transparent}


/* ---------- Linha de edição (data do dia) ---------- */
.edicao{
  background:var(--carvao);border-bottom:1px solid var(--linha);
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave);
}
.edicao .container{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.edicao b{color:var(--caramelo);font-weight:700}

/* ---------- Lista numerada "Mais desta edição" ---------- */
.capa-titulo{
  font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--caramelo);
  font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--caramelo);
}
.capa-lista{counter-reset:maislidas}
.capa-item{grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline}
.capa-item::before{
  counter-increment:maislidas;content:counter(maislidas);
  font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:700;
  color:var(--caramelo);opacity:.55;line-height:1;
}
.capa-item > div{display:grid;gap:5px}