/*
Theme Name: Jatobá
Theme URI: https://clubejatoba.com.br
Author: Clube de Investimento Jatobá
Description: Tema institucional sob medida do Clube de Investimento Jatobá. Value investing, estética editorial sóbria. CVM-safe (sem performance em páginas públicas).
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: jatoba
*/

:root{
  --verde:#2D4A2B;--verde-fundo:#22361F;--verde-escuro:#1A2A18;--sage:#7C9A6A;--sage-claro:#A7C08F;
  --dourado:#B89968;--dourado-claro:#CDB088;--areia:#F4EFE6;--off-white:#FAFAF7;
  --grafite:#1F2419;--cinza:#5b5f54;--borda:#E5E1D8;
  --pos:#2D6A2B;--neg:#7A2E2E;
  --serif:'Playfair Display',Georgia,serif;--serif2:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,sans-serif;--mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--grafite);background:var(--off-white);font-size:17px;line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--verde);line-height:1.15;letter-spacing:-.01em}
a{color:var(--verde)}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.narrow{max-width:820px;margin:0 auto;padding:0 32px}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:22px 0;transition:.4s;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(250,250,247,.92);backdrop-filter:blur(10px);padding:14px 0;border-bottom:1px solid var(--borda)}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:20px;font-weight:600;color:#fff;letter-spacing:.02em;transition:.4s;text-decoration:none}
.logo .mark{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--dourado);display:flex;align-items:center;justify-content:center;font-size:18px}
.site-header.scrolled .logo{color:var(--verde)}
.menu{display:flex;align-items:center;gap:34px;list-style:none}
.menu a{color:rgba(255,255,255,.88);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:.03em;transition:.3s}
.menu a:hover{color:var(--dourado-claro)}
.site-header.scrolled .menu a{color:var(--cinza)}
.site-header.scrolled .menu a:hover{color:var(--verde)}
.btn{display:inline-block;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:13px 26px;border-radius:3px;transition:.3s;cursor:pointer;border:1px solid transparent}
.btn-cotista{background:var(--dourado);color:#fff;border-color:var(--dourado)}
.btn-cotista:hover{background:transparent;color:#fff;border-color:#fff}
.site-header.scrolled .btn-cotista{color:#fff}
.site-header.scrolled .btn-cotista:hover{background:transparent;color:var(--dourado)}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--verde-escuro);position:relative;overflow:hidden;padding:140px 0 80px}
.hero::before{content:"";position:absolute;inset:0;background:url('assets/jatoba-hero.jpg') center 30%/cover;filter:brightness(.92) saturate(1.08);z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(26,42,24,.42) 0%,rgba(26,42,24,.55) 45%,rgba(26,42,24,.93) 100%)}
.hero-inner{position:relative;z-index:2;max-width:780px;padding:0 32px}
.eyebrow{color:var(--dourado-claro);font-size:13px;letter-spacing:.35em;text-transform:uppercase;font-weight:500;margin-bottom:26px}
.epigrafe{font-family:var(--serif2);font-style:italic;font-size:clamp(28px,4.6vw,48px);color:#fff;max-width:780px;margin:8px auto 22px;line-height:1.32;font-weight:500}
.epigrafe-autor{color:var(--dourado-claro);font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:46px}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--dourado);color:#fff;border-color:var(--dourado)}
.btn-primary:hover{background:#fff;color:var(--verde);border-color:#fff}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* SECTIONS */
section.block{padding:120px 0}
.sec-eyebrow{color:var(--dourado);font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;margin-bottom:18px;text-align:center}
.manifesto{text-align:center}
.manifesto h2{font-size:clamp(28px,4vw,42px);margin-bottom:28px}
.manifesto p{font-size:19px;color:var(--cinza);max-width:680px;margin:0 auto 20px;font-weight:300}

/* PULL QUOTE */
.quote{background:var(--verde);color:#fff;padding:110px 0;text-align:center;position:relative;overflow:hidden}
.quote::before{content:"\201C";position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:230px;color:rgba(255,255,255,.07);line-height:1}
.quote p{font-family:var(--serif);font-size:clamp(24px,3.5vw,38px);font-style:italic;font-weight:500;max-width:860px;margin:0 auto;line-height:1.3;position:relative;color:#fff}
.quote .autor{margin-top:28px;color:var(--dourado-claro);font-family:var(--sans);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-style:normal}

/* PILARES */
.pilares{background:var(--areia)}
.pilares h2{text-align:center;font-size:clamp(28px,4vw,42px);margin-bottom:14px}
.pilares .sub{text-align:center;color:var(--cinza);max-width:620px;margin:0 auto 70px;font-size:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.card{background:#fff;padding:46px 38px;border-radius:5px;border:1px solid var(--borda);transition:.4s}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(45,74,43,.4)}
.card .num{font-family:var(--serif);font-size:15px;color:var(--dourado);letter-spacing:.1em;margin-bottom:18px}
.card h3{font-size:24px;margin-bottom:16px}
.card p{color:var(--cinza);font-size:16px;font-weight:300}

/* O CLUBE */
.clube{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.clube-img{padding:14px;background:linear-gradient(160deg,var(--sage-claro),var(--sage));border-radius:5px;box-shadow:0 30px 60px -30px rgba(45,74,43,.5)}
.clube-img img{width:100%;border-radius:3px;display:block}
.clube h2{font-size:clamp(28px,4vw,40px);margin-bottom:24px}
.clube p{color:var(--cinza);margin-bottom:18px}
.factlist{list-style:none;margin-top:28px}
.factlist li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--borda);font-size:15px}
.factlist li span:first-child{color:var(--cinza)}
.factlist li span:last-child{color:var(--verde);font-weight:600}

/* CTA */
.cta{text-align:center;background:radial-gradient(120% 140% at 50% 0%,#2f4d2c,var(--verde-escuro));color:#fff;padding:120px 0}
.cta h2{color:#fff;font-size:clamp(28px,4vw,44px);margin-bottom:22px}
.cta p{color:rgba(255,255,255,.8);max-width:560px;margin:0 auto 40px;font-size:18px}

/* PAGE (institucional) */
.page-hero{background:linear-gradient(110deg,var(--verde),var(--verde-fundo));color:#fff;padding:160px 0 70px;text-align:center}
.page-hero h1{color:#fff;font-size:clamp(34px,5vw,52px)}
.page-hero .eyebrow{margin-bottom:18px}
.page-body{padding:80px 0}
.page-body .narrow{font-size:18px;color:var(--grafite)}
.page-body h2{font-size:30px;margin:40px 0 18px}
.page-body h3{font-size:23px;margin:30px 0 14px}
.page-body p{margin-bottom:20px;color:var(--cinza)}
.page-body ul,.page-body ol{margin:0 0 20px 22px;color:var(--cinza)}
.page-body li{margin-bottom:8px}

/* FOOTER */
.site-footer{background:var(--verde-escuro);color:rgba(255,255,255,.6);padding:70px 0 40px;font-size:13px;line-height:1.7}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:30px}
.foot-logo{font-family:var(--serif);font-size:22px;color:#fff;margin-bottom:14px}
.foot-links{display:flex;gap:50px;flex-wrap:wrap}
.foot-links h4{color:var(--dourado-claro);font-family:var(--sans);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.foot-links a{display:block;color:rgba(255,255,255,.65);text-decoration:none;margin-bottom:9px;transition:.3s}
.foot-links a:hover{color:#fff}
.disclaimer{font-size:12px;color:rgba(255,255,255,.45);line-height:1.7}
.disclaimer strong{color:rgba(255,255,255,.8)}

/* Lista de filhas (cartas / insights) */
.child-list{margin-top:36px;display:grid;gap:16px}
.child-item{display:block;background:#fff;border:1px solid var(--borda);border-left:3px solid var(--dourado);border-radius:5px;padding:22px 26px;text-decoration:none;transition:.3s}
.child-item:hover{transform:translateX(4px);box-shadow:0 16px 36px -26px rgba(45,74,43,.5);border-left-color:var(--verde)}
.child-item .ci-date{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dourado);margin-bottom:6px}
.child-item .ci-title{display:block;font-family:var(--serif);font-size:21px;color:var(--verde);margin-bottom:8px}
.child-item .ci-exc{display:block;font-size:15px;color:var(--cinza);font-weight:300}

/* Consentimento LGPD */
.consent-form{margin-top:30px;background:var(--areia);border:1px solid var(--borda);border-radius:6px;padding:26px}
.consent-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--grafite);margin-bottom:22px;line-height:1.5}
.consent-check input{margin-top:4px;width:18px;height:18px;flex-shrink:0}
.consent-form .btn{border:none}
.consent-ok{margin-top:26px;background:#eaf2e6;border:1px solid var(--sage);border-radius:6px;padding:18px 22px;color:var(--verde);font-weight:500}
.consent-ok a{color:var(--verde);font-weight:600}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:.9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

@media(max-width:860px){
  .menu{display:none}
  .grid3{grid-template-columns:1fr}
  .clube{grid-template-columns:1fr;gap:40px}
  section.block{padding:80px 0}
}