/* === Aura X Global Style (Black/Grey/Gold) === */
:root {
  --ax-bg: #0b0b0d;
  --ax-bg-2: #121214;
  --ax-card: #16171a;
  --ax-text: #e8e8e8;
  --ax-text-dim: #b8b8b8;
  --ax-gold: #D4AF37;
  --ax-gold-200: rgba(212,175,55,.2);
  --ax-gold-400: rgba(212,175,55,.4);
  --ax-line: rgba(255,255,255,.08);
  --accent: #D4AF37;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--ax-bg);
  color:var(--ax-text);
  font-family:Inter, Poppins, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
  line-height:1.5
}
html{scroll-behavior:smooth}
a{color:var(--ax-gold); text-decoration:none}
a:hover{opacity:.9}

.container{width:92%;max-width:1200px;margin:0 auto}

/* Header / Nav */
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(0,0,0,.85);
  backdrop-filter:saturate(120%) blur(6px);
  border-bottom:1px solid var(--ax-line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:90px}
.brand img {
  height: 70px;
  width: auto;
  max-width: 100%;
}
.nav .menu{display:flex;gap:20px;list-style:none;padding:0;margin:0}
.nav .menu li a{padding:8px 6px;color:var(--ax-text);font-weight:600}
.nav .menu li a:hover{color:var(--ax-gold);text-decoration:underline}
.menu-toggle{display:none;background:transparent;border:0;color:var(--ax-text);font-size:22px;cursor:pointer}

/* HERO */
.hero{
  padding:40px 0 64px;
  background:radial-gradient(60rem 20rem at 10% 20%, rgba(0,0,0,0.06), transparent),
  radial-gradient(60rem 20rem at 90% 80%, rgba(212,175,55,0.05), transparent);
  border-bottom:1px solid rgba(255,255,255,0.02)
}
.hero-grid{display:grid;grid-template-columns:1fr 520px;gap:34px;align-items:center}
.eyebrow{display:inline-block;background:rgba(255,255,255,0.04);padding:6px 10px;border-radius:999px;color:var(--ax-text-dim);font-weight:700}
h1{font-size:clamp(28px,4vw,44px);margin:12px 0 10px;line-height:1.05}
.gold{color:var(--ax-gold)}
.lead{color:var(--ax-text-dim);max-width:680px}
.hero-ctas{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}

/* Buttons */
.btn, .button, input[type=submit]{
  display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-weight:700;border:0;cursor:pointer;
  background: linear-gradient(135deg, var(--ax-gold), #b48a22);
  color:#0b0b0d; border:none;
  box-shadow: 0 8px 24px var(--ax-gold-200);
}
.btn.primary{background:linear-gradient(90deg,var(--ax-gold), #f6d56f);color:#111;box-shadow:0 10px 30px rgba(0,0,0,0.4)}
.btn.outline{
  background:transparent; color:var(--ax-gold);
  border:1px solid var(--ax-gold-400);
}

/* KPI */
.kpis {
  display: flex;
  gap: 14px;
  margin-top: 20px;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.kpi {
  flex: 1;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.04);
  text-align: center;
}
.kpi strong {
  display: block;
  font-size: 20px;
  color: var(--ax-text);
}
.kpi span {
  font-size: 14px;
  color: var(--ax-text-dim);
}

/* placeholders */
.placeholder{background:#000;color:#fff;display:grid;place-items:center;border-radius:12px;border:2px dashed rgba(255,255,255,0.06);font-weight:700;padding:24px;font-size:16px;min-height:140px}

/* sections */
section{background:transparent;}
.section{padding:56px 0}
.section--split .split-grid{display:grid;grid-template-columns:1fr 520px;gap:34px;align-items:center}
.section-head h2{margin:0;font-size:28px}
.section-head p{color:var(--ax-text-dim);margin:8px 0 20px}

/* cards */
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{
  background:var(--ax-card); border:1px solid var(--ax-line);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  padding:16px;border-radius:14px;
  transition:transform .25s ease, box-shadow .25s ease
}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 50px rgba(0,0,0,0.6)}
.card-media{margin-bottom:12px;border-radius:10px;overflow:hidden}

/* EA grid */
.ea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.ea-card{
  background:var(--ax-card);
  padding:16px;border-radius:12px;
  border:1px solid rgba(255,255,255,0.03);
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
  text-align:center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ea-card img{
  max-width:100%;
  border-radius:8px;
  margin-top:10px;
}
.ea-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 24px rgba(0,0,0,0.45);
}

/* compact CTA */
.section--compact{padding:34px 0;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);border-top:1px solid rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.02)}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:18px}
.contact-form label{display:block;margin-bottom:12px}
.contact-form input, .contact-form textarea{
  width:100%;padding:12px;border-radius:10px;
  border:1px solid var(--ax-line);
  background:#0f0f11; color:var(--ax-text);
}

/* footer */
.footer{padding:28px 0;background:linear-gradient(180deg, var(--panel), rgba(0,0,0,0.6));border-top:1px solid rgba(255,255,255,0.03)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand-row{display:flex;gap:14px;align-items:center}

/* responsive */
@media(max-width:1000px){
  .brand img {height: 60px;}
  .header-inner {height: 60px;}
  .section--split .media { display: none; }
  .hero-grid, .split-grid, .cards-grid { grid-template-columns:1fr; padding:0 0 20px; gap: 20px; }
  .ea-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .hero-media img, .section--split .media img { max-width: 100%; height: auto; }
  .team-member img { max-width: 100%; height: auto; width: auto; }
  .nav .menu{display:none}
  .menu-toggle{display:block}
  /* Esconde totalmente a parte de Visão Estratégica */
  .section--split { display: none !important; margin:0 !important; padding:0 !important; }
}

/* ========= MOBILE MENU ========= */
.nav .menu.active {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  padding: 20px 0;
  border-top: 1px solid var(--ax-line);
  gap: 14px;
  text-align: center;
  z-index: 100;
}
.nav .menu.active li a {
  font-size: 18px;
  padding: 12px;
}

@media(max-width:600px){
  h1 { font-size: 24px; line-height: 1.2; }
  h2 { font-size: 22px; }
  p, li { font-size: 16px; }
  .hero-grid { gap: 14px; text-align: center; }
  .hero-ctas { justify-content: center; }
  .kpis { flex-wrap: wrap; justify-content: center; }
  .kpi { flex: 1 1 40%; margin-bottom: 10px; }
  .cards-grid{grid-template-columns:1fr}
  .ea-grid{grid-template-columns:1fr}
  .numbers-grid{grid-template-columns:1fr 1fr}
  .contact-info { margin-top: 20px;}
  .section { padding: 40px 0;}
  img { max-width: 100%; height: auto; }
  .footer-inner { flex-direction: column; text-align:center; gap:14px; }
  .brand-row { flex-direction: column; text-align:center; }
  .footer-links { text-align:center; }
}

/* back to top */
#toTop{
  position:fixed;right:18px;bottom:18px;
  background:linear-gradient(90deg,var(--ax-gold),#f6d56f);
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#111;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,0.45);opacity:0;transform:translateY(10px);transition:all .25s ease
}
#toTop.show{opacity:1;transform:translateY(0)}

/* ===== Premium Sections ===== */
/* Equipe */
.team-section {
  background: var(--ax-bg-2);
  color: var(--ax-text);
  padding: 80px 20px;
  text-align: center;
}
.team-section .section-title {
  font-size: 2.5rem;
  margin-bottom: 50px;
  color: var(--ax-gold);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}
.team-member {
  background: var(--ax-card);
  padding: 20px;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.team-member:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(192,160,98,0.4);
}
.team-member h3 {
  margin-top: 15px;
  color: var(--ax-text);
}
.team-member p {
  color: var(--ax-text-dim);
}
.placeholder {
  background: #333;
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  border-radius: 8px;
  height: 300px;
}

/* Depoimentos */
.testimonials {
  background: linear-gradient(135deg, #111, #1c1c1c);
  color: var(--ax-text);
  padding: 80px 20px;
  text-align: center;
}
.testimonials .section-title {
  font-size: 2.5rem;
  margin-bottom: 50px;
  color: var(--ax-gold);
}
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}
.testimonial {
  background: var(--ax-card);
  padding: 25px;
  border-radius: 12px;
  font-style: italic;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonial:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(192,160,98,0.3);
}
.testimonial h4 {
  margin-top: 15px;
  font-weight: bold;
  color: var(--ax-gold);
}

/* Números */
.numbers {
  background: var(--ax-bg-2);
  color: var(--ax-text);
  padding: 80px 20px;
  text-align: center;
}
.numbers .section-title {
  font-size: 2.5rem;
  margin-bottom: 50px;
  color: var(--ax-gold);
}
.numbers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 30px;
}
.number-card {
  background: var(--ax-card);
  padding: 30px 20px;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.number-card:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(192,160,98,0.4);
}
.number-card h3 {
  font-size: 2rem;
  color: var(--ax-gold);
  margin-bottom: 10px;
}
.number-card p {
  font-size: 1rem;
  color: var(--ax-text-dim);
}

/* Force replace common primary blues */
:root {
  --bs-primary: var(--ax-gold);
  --primary: var(--ax-gold);
}
.btn-primary, .text-primary, .bg-primary{
  --bs-btn-bg:var(--ax-gold);
  --bs-btn-border-color:var(--ax-gold);
  color:#0b0b0d;
}
.text-primary{ background:transparent; color:var(--ax-gold); }
.border-primary{ border-color:var(--ax-gold); }



/* ==== FIX: Imagens responsivas no Hero e Quem Somos ==== */
.hero-media img,
.section--split .media img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.hero-grid,
.section--split .split-grid {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 1000px) {
  .hero-grid,
  .section--split .split-grid {
    grid-template-columns: 1fr;
  }
}