.page-hero { position:relative; height:60vh; min-height:440px; display:flex; align-items:flex-end; overflow:hidden; }
.page-hero-img {
  position:absolute; inset:0;
  background-image:url('../images/IMG_6903.jpg');
  background-size:cover; background-position:center 30%;
  transform:scale(1.03); animation:heroZoom 10s ease-out 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,.1) 0%,rgba(21,67,106,.85) 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%; }
.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(--gold); }
.breadcrumb span { color:rgba(255,255,255,.2); }
.page-title { font-family:var(--font-display); font-weight:900; font-size:clamp(48px,7vw,92px); line-height:.9; text-transform:uppercase; letter-spacing:-1px; margin-bottom:16px; }
.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:580px; }
.page-subtitle strong { color:rgba(255,255,255,.9); font-weight:500; }

/* HERO INFO ROW (data / local / horário) */
.hero-info-row { display:flex; flex-wrap:wrap; gap:28px; margin-top:24px; }
.hero-info-item { display:flex; align-items:center; gap:10px; }
.hero-info-icon { width:30px; height:30px; border-radius:7px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.hero-info-icon svg { width:14px; height:14px; color:var(--gold); }
.hero-info-text { font-size:12.5px; color:rgba(255,255,255,.75); font-weight:500; letter-spacing:.2px; }

/* BOAS-VINDAS */
.boas-vindas { padding:72px 64px; background:var(--white); }
.boas-vindas-inner { max-width:760px; }

.bv-titulo { font-family:var(--font-display); font-size:clamp(28px,3.5vw,44px); font-weight:700; text-transform:uppercase; color:var(--graphite); line-height:1.15; margin-bottom:16px; letter-spacing:-0.5px; }
.bv-titulo .accent { color:var(--blue-dark); }
.bv-texto { font-size:14px; color:var(--gray); line-height:1.85; margin-bottom:24px; }

/* MATERIAIS */
.materiais { padding:72px 64px; background:var(--off-white); }

.materiais-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }

.material-card {
  background:var(--white); border:1.5px solid var(--surface-2);
  border-radius:10px; overflow:hidden;
  transition:all .25s; text-decoration:none;
  display:flex; flex-direction:column;
}

.material-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); border-color:var(--blue-dark); }

.material-capa {
  height:160px; background:var(--blue-dark);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}

.material-capa img { width:100%; height:100%; object-fit:cover; display:block; }

.material-capa-fallback {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; color:rgba(255,255,255,.6);
}

.material-capa-fallback svg { width:40px; height:40px; }
.material-capa-fallback span { font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }

.material-capa-badge {
  position:absolute; top:12px; right:12px;
  background:var(--gold-dark); color:white;
  font-size:9px; font-weight:700; letter-spacing:1px;
  text-transform:uppercase; padding:3px 8px; border-radius:2px;
}

.material-body { padding:22px; flex:1; display:flex; flex-direction:column; }
.material-tipo { font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--blue-dark); margin-bottom:8px; }
.material-titulo { font-family:var(--font-display); font-size:18px; font-weight:700; text-transform:uppercase; color:var(--graphite); line-height:1.2; margin-bottom:8px; }
.material-desc { font-size:12px; color:var(--gray); line-height:1.6; flex:1; margin-bottom:16px; }

.material-cta {
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-display); font-size:12px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase;
  color:var(--blue-dark); transition:gap .2s;
}

.material-card:hover .material-cta { gap:12px; }
.material-cta svg { width:16px; height:16px; }

/* PORTAL — destaque compacto */
.portal-highlight { padding:64px; background:var(--white); display:flex; justify-content:center; }
.portal-highlight-card {
  width:100%; max-width:720px; background:var(--blue-dark); border-radius:14px;
  padding:44px 48px; text-align:center; position:relative; overflow:hidden;
}
.portal-highlight-card::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 100%); opacity:.55;
}
.portal-highlight-icon {
  width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.12);
  display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  position:relative; z-index:1;
}
.portal-highlight-icon svg { width:24px; height:24px; color:var(--gold); }
.portal-highlight-titulo { font-family:var(--font-display); font-size:clamp(22px,2.6vw,30px); font-weight:700; text-transform:uppercase; color:var(--white); margin-bottom:10px; position:relative; z-index:1; }
.portal-highlight-titulo .gold { color:var(--gold); }
.portal-highlight-desc { font-size:13px; color:rgba(255,255,255,.55); line-height:1.7; max-width:460px; margin:0 auto 26px; position:relative; z-index:1; }
.portal-highlight-btn { position:relative; z-index:1; }
.portal-highlight-btn svg { width:16px; height:16px; }
.portal-highlight-nota { margin-top:14px; font-size:11px; color:rgba(255,255,255,.4); line-height:1.6; max-width:420px; margin-left:auto; margin-right:auto; position:relative; z-index:1; }

@media (max-width: 768px) {
  .page-hero-content { padding:0 20px 32px 24px; }
  .page-title { font-size:clamp(40px,13vw,68px); }
  .hero-info-row { gap:16px 20px; margin-top:18px; }
  .boas-vindas { padding:40px 20px; }
  .materiais { padding:40px 20px; }
  .materiais-grid { grid-template-columns:1fr; }
  .portal-highlight { padding:40px 20px !important; }
  .portal-highlight-card { padding:36px 24px; }

  /* CONCIERGE — mobile */
  .concierge { grid-template-columns:1fr !important; padding:40px 20px !important; gap:28px !important; }

  /* DIVISOR ÁREA EXCLUSIVA — mobile */
  .portal-highlight[style*="background:var(--blue-dark)"] { padding:40px 20px !important; }
}