/* ══════════════════════════════════════════════════════════════
   style-quemsomos.css — CSS exclusivo da quemsomos.php
   ══════════════════════════════════════════════════════════════ */

/* ── HERO QUEM SOMOS ─────────────────────────────────────────── */
#hero-quem{
  min-height:85vh;position:relative;
  display:flex;align-items:center;
  background:radial-gradient(ellipse at 30% 40%, #5a2d14 0%, var(--bg) 70%);
  overflow:hidden;
}
.hero-quem-inner{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:2;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border:1px solid rgba(196,149,106,.3);border-radius:100px;
  font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--copper);margin-bottom:28px;opacity:0;animation:fadeUp .6s .2s ease forwards;
}
.hero-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--copper)}
.hero-headline-quem{
  font-family:var(--serif);font-size:clamp(48px,7vw,84px);
  font-weight:900;line-height:1.05;letter-spacing:-1.5px;color:var(--cream);
  margin-bottom:24px;max-width:800px;
}
.hero-headline-quem em{font-style:italic;color:var(--copper)}
.hero-desc{
  font-size:18px;font-weight:300;color:var(--txt2);line-height:1.65;
  max-width:580px;margin-bottom:40px;opacity:0;animation:fadeUp .6s .7s ease forwards;
}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ── HISTÓRIA ────────────────────────────────────────────────── */
.historia-detalhe{background:var(--bg2)}
.hist-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:48px}
.hist-texto p{font-size:16px;font-weight:300;color:var(--txt2);line-height:1.85;margin-bottom:24px}
.hist-texto strong{color:var(--cream);font-weight:500}
.hist-imagem{
  border-radius:24px;overflow:hidden;background:var(--bg3);
  border:1px solid rgba(196,149,106,.2);aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
}
.hist-imagem img{width:100%;height:100%;object-fit:cover;display:block}
.hist-imagem svg{width:70%;height:auto;opacity:.6}

/* ── PILARES ─────────────────────────────────────────────────── */
.pilares-expandidos{
  margin-top:56px;background:rgba(196,149,106,.04);
  border-radius:32px;padding:48px 40px;border:1px solid rgba(196,149,106,.1);
}
.pilares-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:32px}
.pilar-card{display:flex;gap:20px;align-items:flex-start}
.pilar-icon{
  width:48px;height:48px;background:rgba(196,149,106,.12);border-radius:24px;
  display:flex;align-items:center;justify-content:center;
  color:var(--copper);font-size:28px;font-weight:600;flex-shrink:0;
}
.pilar-content h4{font-size:18px;font-weight:700;color:var(--cream);margin-bottom:8px;font-family:var(--serif)}
.pilar-content p{font-size:14px;font-weight:300;color:var(--txt2);line-height:1.65}

/* ── EQUIPE ───────────────────────────────────────────────────── */
.equipe-section{background:var(--bg);padding:100px 48px}
.equipe-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:56px}
.membro-card{
  background:var(--bg3);border:1px solid rgba(196,149,106,.15);
  border-radius:28px;padding:32px;width:280px;text-align:center;
  transition:transform .25s, border-color .2s;
}
.membro-card:hover{transform:translateY(-8px);border-color:rgba(196,149,106,.4)}
.membro-avatar{
  width:160px;height:160px;background:var(--mid);border-radius:50%;
  margin:0 auto 20px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative;
}
.membro-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.membro-avatar span{font-size:44px;font-weight:600;color:var(--copper);font-family:var(--serif);display:none}
.membro-card h3{font-size:20px;font-weight:700;color:var(--cream);margin-bottom:6px}
.membro-cargo{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--copper);margin-bottom:12px}
.membro-bio{font-size:13px;color:var(--txt2);line-height:1.6}

/* ── CTA FINAL ────────────────────────────────────────────────── */
.cta-quem{
  background:linear-gradient(135deg,var(--mid) 0%, var(--bg2) 100%);
  text-align:center;padding:80px 48px;
}
.cta-quem h2{font-size:clamp(28px,4vw,48px);font-family:var(--serif);margin-bottom:24px}
.cta-quem .btn-sec{
  background:transparent;border:1px solid rgba(245,236,215,.3);
  padding:14px 32px;border-radius:100px;color:var(--cream);
  font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;
  transition:all .22s;margin-left:16px;
}
.cta-quem .btn-sec:hover{background:rgba(245,236,215,.1);border-color:var(--copper)}

/* ── MOBILE ───────────────────────────────────────────────────── */
@media(max-width:900px){
  .hero-quem-inner{padding:0 24px}
  .hero-headline-quem{font-size:clamp(36px,8vw,56px)}
  .hist-container{grid-template-columns:1fr;gap:32px}
  .pilares-grid{grid-template-columns:1fr;gap:28px}
  .equipe-section{padding:72px 24px}
  .cta-quem{padding:60px 24px}
  .cta-quem .btn-sec{margin-left:0;margin-top:16px}
}
@media(max-width:540px){
  .pilares-expandidos{padding:32px 20px}
  .membro-card{width:100%}
}