.page-hero { position:relative;height:72vh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden; }
.page-hero-img {
  position:absolute;inset:0;
  background-image:url("../images/IMG_0381.jpg");
  /* mesma foto/enquadramento da página Quero Expor (assets/css/quero-expor.css):
     zoom + alinhamento à direita corta o painel "EXPO BRASIL 2024" com
     logos de patrocinador na borda esquerda da foto original. */
  background-size:145% auto;background-position:right 54%;
  transform:scale(1.03);animation:heroZoom 10s ease-out forwards;
}
.hero-title {
  font-family: var(--font-display); font-weight: 900;
  font-size: clamp(68px, 8.5vw, 118px);
  line-height: 1; text-transform: uppercase;
  letter-spacing: 2px; margin-bottom: 20px;
}

.hero-title .t1 {
  display: block; color: var(--white);
  letter-spacing: 2px; opacity: 0; animation: slideRight 0.8s 0.8s cubic-bezier(0.16,1,0.3,1) forwards;
}

.hero-title .t2 {
  display: block; color: var(--gold);
  letter-spacing: 2px; opacity: 0; animation: slideRight 0.8s 0.95s cubic-bezier(0.16,1,0.3,1) forwards;
}

@keyframes heroZoom{from{transform:scale(1.03)}to{transform:scale(1)}}
.page-hero-grad { position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(204,146,15,0.3) 100%); }
.page-hero-accent { position:absolute;top:0;left:0;bottom:0;width:5px;z-index:5;background:linear-gradient(to bottom,var(--gold) 0%,var(--gold-dark) 30%,var(--blue) 55%,var(--blue-dark) 100%); }
.page-hero-content { position:relative;z-index:2;padding:0 64px 52px 72px;width:100%;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:flex-end; }
.breadcrumb { display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.4);margin-bottom:16px;letter-spacing:.5px; }
.breadcrumb a { color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s; }
.breadcrumb a:hover { color:var(--blue-light); }
.page-title { font-family:var(--font-display);font-weight:900;font-size:clamp(56px,7.5vw,100px);line-height:.88;text-transform:uppercase;letter-spacing:-2px;margin-bottom:20px; }
.page-title .w { display:block;color:var(--white); }
.page-title .b { display:block;color:#7ec8f5; }
.page-subtitle { font-size:15px;color:rgba(255,255,255,.6);line-height:1.7;max-width:500px; }
.page-subtitle strong { color:rgba(255,255,255,.85);font-weight:500; }
.hero-cta-box { display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0; }
.free-badge { display:inline-flex;align-items:center;gap:7px;background:rgba(0,162,85,.25);border:1px solid rgba(0,201,106,.4);padding:5px 14px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5debb0; }

.infobar-vis { background:var(--blue-dark);display:flex;align-items:center;padding:16px 64px 16px 72px;gap:20px;border-top:3px solid var(--gold-dark); }
.gratuidade-text { font-size:14px;color:rgba(255,255,255,.75); }
.gratuidade-text strong { color:white; }

.numeros-vis { background:var(--off-white);display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--surface-2); }
.num-item { padding:32px 40px;border-right:1px solid var(--surface-2);position:relative; }
.num-item:last-child { border-right:none; }
.num-val { font-family:var(--font-number);font-size:48px;font-weight:900;color:var(--blue-dark);line-height:1;display:block; }
.num-unit { font-size:24px;color:var(--gold-dark); }
.num-label { font-size:12px;color:var(--gray);margin-top:6px;line-height:1.5; }
.num-bar-gold { position:absolute;bottom:0;left:40px;height:3px;background:var(--gold-dark);width:40px; }

.porque-vis { padding:80px 64px;background:var(--white); }
.motivos-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px; }
.motivo { background:var(--off-white);border:1.5px solid var(--surface-2);border-radius:8px;padding:28px;transition:all .25s;cursor:default;position:relative;overflow:hidden; }
.motivo::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-dark);transition:background .25s; }
.motivo:hover { background:var(--white);transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-dark); }
.motivo:hover::before { background:var(--blue-dark); }
.motivo-icon { color:var(--gold-dark);margin-bottom:14px; }
.motivo-icon svg { width:28px;height:28px; }
.motivo-title { font-family:var(--font-display);font-size:18px;font-weight:800;text-transform:uppercase;color:var(--graphite);margin-bottom:8px; }
.motivo-desc { font-size:12px;color:var(--gray);line-height:1.7; }

.encontrar { background:var(--surface);padding:80px 64px; }
.encontrar-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px; }
.enc-item { display:flex;align-items:flex-start;gap:16px;background:var(--white);border:1.5px solid var(--surface-2);border-radius:6px;padding:20px;transition:all .25s; }
.enc-item:hover { border-color:var(--gold-dark);transform:translateX(4px);box-shadow:var(--shadow-sm); }
.enc-icon { width:40px;height:40px;border-radius:8px;background:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);flex-shrink:0; }
.enc-icon svg { width:20px;height:20px; }
.enc-title { font-family:var(--font-display);font-size:15px;font-weight:800;text-transform:uppercase;color:var(--graphite);margin-bottom:4px; }
.enc-desc { font-size:12px;color:var(--gray);line-height:1.6; }

.forum-vis { background:var(--blue-dark);padding:72px 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;overflow:hidden; }
.forum-vis::before { content:'FÓRUM';position:absolute;right:-2%;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:900;font-size:180px;color:rgba(255,255,255,.04);letter-spacing:-4px;pointer-events:none; }
.forum-vis-title { font-family:var(--font-display);font-size:40px;font-weight:900;text-transform:uppercase;color:var(--white);line-height:1;margin-bottom:12px; }
.forum-vis-desc { font-size:13px;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:24px; }
.forum-temas { display:flex;flex-direction:column;gap:8px; }
.forum-tema { display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.65);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:10px 14px; }
.forum-tema-dot { width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0; }
.forum-box { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:28px; }
.forum-box-title { font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px; }
.forum-breve { text-align:center;padding:20px;font-size:12px;color:rgba(255,255,255,.35);font-style:italic;line-height:1.6; }
.forum-breve svg { display:block;margin:0 auto 12px;width:36px;height:36px;color:rgba(255,255,255,.15); }

/* CREDENCIAMENTO EXTERNO */
.cred-externo { padding:80px 64px;background:var(--white); }
.cred-externo-inner { display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start; }

.logistica { background:var(--surface);padding:72px 64px; }
.log-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px; }
.log-card { background:var(--white);border:1.5px solid var(--surface-2);border-radius:8px;padding:28px;text-align:center;display:flex;flex-direction:column; }
.log-icon { width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px; }
.log-icon.gold { background:rgba(204,146,15,.1);color:var(--gold-dark); }
.log-icon.green { background:rgba(2,102,51,.08);color:var(--green-dark); }
.log-icon.blue { background:rgba(24,107,179,.08);color:var(--blue-dark); }
.log-icon svg { width:24px;height:24px; }
.log-title { font-family:var(--font-display);font-size:16px;font-weight:800;text-transform:uppercase;color:var(--graphite);margin-bottom:8px; }
.log-desc { font-size:12px;color:var(--gray);line-height:1.7; }
.log-link { display:inline-block;margin-top:auto;padding-top:12px;font-size:11px;font-weight:700;color:var(--blue-dark);text-decoration:none;transition:color .2s; }

.forum-comprar-btn-idx {
  width:100%; padding:13px; border-radius:6px; border:none;
  font-family:var(--font-display); font-weight:700;
  font-size:14px; letter-spacing:1px; text-transform:uppercase;
  display:flex; align-items:center; justify-content:center; gap:8px;
  transition:all 0.25s;
}
.forum-comprar-btn-idx:hover { background:rgba(255,255,255,0.18) !important; color:var(--white) !important; }
.log-link:hover { color:var(--graphite); }

.cta-final { background:var(--blue-dark);padding:56px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px; }
.cta-final-title { font-family:var(--font-display);font-size:34px;font-weight:900;text-transform:uppercase;color:var(--white);margin-bottom:6px; }
.cta-final-sub { font-size:13px;color:rgba(255,255,255,.5); }
.cta-final-actions { display:flex;gap:12px;flex-shrink:0; }
@media (max-width: 768px) {

  .page-hero { height: 56vh; min-height: 400px; }
  .page-hero-content {
    grid-template-columns: 1fr;
    padding: 0 20px 28px 24px;
    gap: 16px;
  }
  .page-title { font-size: clamp(40px, 13vw, 68px); letter-spacing: -1px; }
  .page-subtitle { font-size: 13px; }
  .hero-cta-box { align-items: flex-start; }
  .hero-cta-box a { width: 100%; justify-content: center; }

  .numeros-vis { grid-template-columns: 1fr 1fr; }
  .num-item { padding: 20px 16px; }
  .num-val { font-size: 36px; }

  .porque-vis { padding: 40px 20px; }
  .motivos-grid { grid-template-columns: 1fr 1fr; gap: 10px; }

  .encontrar { padding: 40px 20px; }
  .encontrar-grid { grid-template-columns: 1fr; }

  .forum-vis {
    grid-template-columns: 1fr;
    padding: 40px 20px;
    gap: 32px;
  }
  .forum-vis-title { font-size: 28px; }
  .forum-box { padding: 20px; }

  .cred-externo { padding: 40px 20px; }
  .cred-externo-inner { grid-template-columns: 1fr; gap: 28px; }

  .logistica { padding: 40px 20px; }
  .log-grid { grid-template-columns: 1fr; }

  .cta-final { flex-direction: column; padding: 36px 20px; gap: 20px; }
  .cta-final-actions { flex-direction: column; width: 100%; }
  .cta-final-actions a { width: 100%; justify-content: center; }

  .section-title { font-size: clamp(26px, 7vw, 36px); }

}