/* Páginas internas da v2 (blog, artigos, carreiras): mesma identidade da home. */
@font-face { font-family:'Cormorant Garamond'; src:url('/fonts/CormorantGaramond-latin.woff2') format('woff2'); font-weight:400 600; font-style:normal; font-display:swap; }
@font-face { font-family:'DM Sans'; src:url('/fonts/DMSans-latin.woff2') format('woff2'); font-weight:300 500; font-style:normal; font-display:swap; }

:root {
  --bg:#080808; --bg2:#0b0b0c; --panel:#0e0f12; --panel2:#131418;
  --gold:#C9A84C; --gold-2:#E2C67C; --fg:#F2EDE4; --muted:rgba(242,237,228,.7); --dim:rgba(242,237,228,.56);
  --line:rgba(201,168,76,.22); --line-2:rgba(242,237,228,.09);
  --serif:'Cormorant Garamond', Georgia, serif; --sans:'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wrap:1240px; --gut:clamp(16px, 4vw, 40px); --ease:cubic-bezier(.2,.8,.2,1);
}
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:var(--sans); font-weight:300; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; }
img { max-width:100%; display:block; }
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.wrap { width:100%; max-width:var(--wrap); margin:0 auto; padding:0 var(--gut); }
.ico { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.skip { position:absolute; left:16px; top:-60px; z-index:200; background:var(--gold); color:#111; padding:10px 16px; text-decoration:none; }
.skip:focus { top:12px; }

/* cabeçalho */
.top { position:sticky; top:0; z-index:50; background:rgba(8,8,8,.88); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--line-2); }
.top .wrap { display:flex; align-items:center; gap:28px; height:72px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; flex:none; }
.brand svg { width:24px; height:30px; }
.brand span { font-size:16px; letter-spacing:.2em; text-transform:uppercase; }
.brand b { font-weight:300; color:var(--gold); }
.menu { display:flex; gap:clamp(14px, 2vw, 30px); list-style:none; margin:0 0 0 auto; padding:0; }
.menu a { font-size:13.5px; text-decoration:none; color:var(--muted); padding:6px 0; border-bottom:1px solid transparent; white-space:nowrap; }
.menu a:hover, .menu a[aria-current=page] { color:var(--fg); border-bottom-color:var(--gold); }
.btn { display:inline-flex; align-items:center; gap:12px; padding:14px 24px; font-size:14px; font-weight:500; text-decoration:none; border:1px solid var(--gold); cursor:pointer; font-family:var(--sans); transition:background .3s, color .3s, border-color .3s; }
.btn-gold { background:linear-gradient(135deg, #d8bb66, var(--gold) 55%, #b18f3b); color:#141210; border:0; }
.btn-gold:hover { background:var(--gold-2); }
.btn-line { background:transparent; color:var(--fg); border-color:rgba(242,237,228,.28); }
.btn-line:hover { border-color:var(--gold); color:var(--gold-2); }
.top .btn { padding:10px 18px; font-size:13px; }
.burger { display:none; margin-left:auto; width:44px; height:44px; background:none; border:1px solid rgba(242,237,228,.22); color:var(--fg); cursor:pointer; align-items:center; justify-content:center; }

/* topo das páginas */
.page-hero { position:relative; padding:clamp(80px, 11vw, 150px) 0 clamp(56px, 7vw, 90px); background-size:cover; background-position:center; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,8,8,.92), rgba(8,8,8,.62) 55%, rgba(8,8,8,.35)), linear-gradient(0deg, var(--bg), rgba(8,8,8,0) 45%); }
.page-hero .wrap { position:relative; }
.eyebrow { display:block; font-size:11.5px; font-weight:500; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); margin:0 0 16px; }
h1 { font-family:var(--serif); font-weight:500; font-size:clamp(42px, 6vw, 84px); line-height:1.04; margin:0; max-width:900px; }
h1 em { font-style:normal; color:var(--gold); }
.lead { color:var(--muted); font-size:clamp(16px, 1.3vw, 19px); max-width:640px; margin:20px 0 0; }
.crumbs { display:flex; gap:10px; font-size:12.5px; color:var(--dim); margin-bottom:26px; }
.crumbs a { text-decoration:none; }
.crumbs a:hover { color:var(--gold-2); }
main > section + section { border-top:1px solid transparent; border-image:linear-gradient(90deg, transparent, rgba(201,168,76,.28) 30%, rgba(201,168,76,.28) 70%, transparent) 1; }
.sec { padding:clamp(56px, 6vw, 92px) 0; }

/* cards de artigos */
.posts { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.post { display:flex; flex-direction:column; text-decoration:none; background:linear-gradient(180deg, var(--panel2), var(--panel)); border:1px solid var(--line-2); overflow:hidden; transition:border-color .35s, transform .45s var(--ease); }
.post:hover { border-color:var(--line); transform:translateY(-4px); }
.post .ph { aspect-ratio:16 / 10; background-size:cover; background-position:center; transition:transform .9s var(--ease); }
.post:hover .ph { transform:scale(1.04); }
.post .body { padding:22px 24px 26px; display:flex; flex-direction:column; flex:1; }
.post .meta { font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
.post h2, .post h3 { font-family:var(--serif); font-weight:500; font-size:26px; line-height:1.15; margin:10px 0 10px; }
.post p { color:var(--muted); font-size:14.5px; margin:0 0 18px; }
.post .more { margin-top:auto; color:var(--gold); font-size:14px; font-weight:500; display:inline-flex; gap:10px; align-items:center; }
.post.featured { grid-column:1 / -1; display:grid; grid-template-columns:1.2fr 1fr; }
.post.featured .ph { aspect-ratio:auto; min-height:380px; }
.post.featured .body { padding:clamp(28px, 4vw, 52px); justify-content:center; }
.post.featured h2 { font-size:clamp(30px, 3.2vw, 44px); }

/* artigo */
.article { max-width:740px; margin:0 auto; }
.article p, .article li { color:rgba(242,237,228,.8); font-size:17.5px; line-height:1.8; }
.article h2 { font-family:var(--serif); font-weight:500; font-size:32px; line-height:1.15; margin:48px 0 12px; }
.article blockquote { margin:36px 0; padding:4px 0 4px 26px; border-left:2px solid var(--gold); font-family:var(--serif); font-size:26px; line-height:1.35; color:var(--fg); }
.article ul { padding-left:20px; }
.article .note { font-size:13.5px; color:var(--dim); border-top:1px solid var(--line-2); padding-top:20px; margin-top:48px; }
.art-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:24px; font-size:13px; color:var(--dim); letter-spacing:.04em; }
.cta-box { margin-top:56px; padding:clamp(28px, 4vw, 44px); border:1px solid var(--line); background:linear-gradient(135deg, rgba(201,168,76,.08), rgba(201,168,76,0) 60%); display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
.cta-box h2 { font-family:var(--serif); font-weight:500; font-size:30px; margin:0; }
.cta-box p { margin:6px 0 0; color:var(--muted); }

/* rodapé */
.foot { border-top:1px solid var(--line-2); background:#060606; padding:48px 0 32px; font-size:13.5px; color:var(--dim); }
.foot .wrap { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:center; }
.foot nav { display:flex; flex-wrap:wrap; gap:8px 22px; }
.foot a { text-decoration:none; color:var(--dim); }
.foot a:hover { color:var(--gold-2); }

@media (max-width: 1080px) {
  .menu { display:none; }
  .burger { display:inline-flex; }
  .top .btn { margin-left:auto; }
  .burger { margin-left:0; }
  .top.open .menu { display:flex; flex-direction:column; gap:0; position:absolute; left:0; right:0; top:72px; background:rgba(8,8,8,.98); padding:10px var(--gut) 22px; border-bottom:1px solid var(--line); }
  .top.open .menu a { display:block; padding:13px 0; font-size:17px; border-bottom:1px solid var(--line-2); }
  .posts { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .top .btn { display:none; }
  .burger { margin-left:auto; }
  .posts { grid-template-columns:1fr; }
  .post.featured { grid-template-columns:1fr; }
  .post.featured .ph { min-height:220px; }
  .article p, .article li { font-size:16.5px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition:none !important; animation:none !important; } html { scroll-behavior:auto; } }

/* seletor de idioma */
.lang { position:relative; flex:none; }
.lang-btn { display:flex; align-items:center; gap:8px; height:44px; background:transparent; color:var(--fg); border:1px solid rgba(242,237,228,.22); padding:0 12px; font:inherit; font-size:12.5px; letter-spacing:.08em; cursor:pointer; }
.lang-btn:hover, .lang-btn[aria-expanded=true] { border-color:var(--gold); }
.lang-list { position:absolute; right:0; top:calc(100% + 8px); min-width:240px; margin:0; padding:6px; list-style:none; background:#0e0f13; border:1px solid var(--line); box-shadow:0 24px 60px rgba(0,0,0,.55); display:none; }
.lang-list.open { display:block; }
.lang-list a { display:flex; justify-content:space-between; gap:16px; padding:10px 12px; font-size:14px; color:var(--muted); text-decoration:none; white-space:nowrap; }
.lang-list a span { font-size:11px; letter-spacing:.12em; color:var(--dim); }
.lang-list a:hover { background:rgba(201,168,76,.08); color:var(--fg); }
.lang-list a[aria-current=page], .lang-list a[aria-current=page] span { color:var(--gold); }

/* abas de tema e faixas por tema */
.tabs { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
.tabs a { font-size:13.5px; text-decoration:none; color:var(--muted); border:1px solid rgba(242,237,228,.18); padding:9px 16px; background:rgba(8,8,8,.45); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.tabs a:hover { border-color:var(--gold); color:var(--fg); }
.tabs a[aria-current=page] { background:var(--gold); border-color:var(--gold); color:#141210; }
.tema-head { display:flex; justify-content:space-between; align-items:end; gap:24px; flex-wrap:wrap; margin-bottom:30px; }
.tema-head h2 { font-family:var(--serif); font-weight:500; font-size:clamp(30px, 3.2vw, 44px); margin:0; line-height:1.1; }
.tema-head p { color:var(--muted); margin:8px 0 0; max-width:560px; }
.tema-head .btn { padding:12px 20px; font-size:13.5px; }

/* WhatsApp */
.wa { position:fixed; right:20px; bottom:20px; z-index:90; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #d8bb66, var(--gold) 55%, #b18f3b); color:#141210; box-shadow:0 12px 30px rgba(0,0,0,.45); }
.wa svg { width:28px; height:28px; }

@media (max-width: 1080px) { .lang { margin-left:auto; } .top .btn { margin-left:0; } }
@media (max-width: 720px) { .lang { margin-left:auto; } .burger { margin-left:0; } }

/* barra de temas do blog: fica presa logo abaixo do cabeçalho */
.filtro { position:sticky; top:72px; z-index:40; background:rgba(8,8,8,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--line-2); }
.filtro .wrap { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding-top:14px; padding-bottom:14px; }
.filtro .wrap::-webkit-scrollbar { display:none; }
.filtro a { flex:none; font-size:13.5px; text-decoration:none; color:var(--muted); border:1px solid rgba(242,237,228,.18); padding:9px 16px; white-space:nowrap; transition:border-color .25s, color .25s, background .25s; }
.filtro a span { font-size:11px; color:var(--dim); margin-left:4px; }
.filtro a:hover { border-color:var(--gold); color:var(--fg); }
.filtro a[aria-pressed=true] { background:var(--gold); border-color:var(--gold); color:#141210; }
.filtro a[aria-pressed=true] span { color:#141210; }
.tema-desc { color:var(--muted); margin:0 0 24px; min-height:1px; }
.tema-desc:empty { display:none; }
.post[hidden] { display:none; }