/* Mesma altura e enquadramento nos banners das páginas internas. */
:is(.downloads-page, .server-info-page, .vip-page, .ranking-page, .guides-page, .market-page, .user-panel-page) .page-hero {
  display: grid;
  align-items: center;
  height: 400px;
  min-height: 400px;
  padding: 48px 0 58px;
}
:is(.downloads-page, .server-info-page, .vip-page, .ranking-page, .guides-page, .market-page, .user-panel-page) .page-hero::before {
  background-position: center, center 42%;
}
@media (max-width: 600px) {
  :is(.downloads-page, .server-info-page, .vip-page, .ranking-page, .guides-page, .market-page, .user-panel-page) .page-hero {
    height: 380px;
    min-height: 380px;
    padding: 36px 0 44px;
  }
}



/* Cabeçalho comum das páginas públicas, seguindo o visual do Mercado. */
.ph-hero { color:#cbbbd6; font:400 14px/1.65 'Exo 2',sans-serif; position:relative; z-index:2; overflow:hidden; margin:0 0 -12px; border-radius:0 0 18px 18px; background:#16101f; box-shadow:0 18px 32px -10px rgba(0,0,0,.85); }
.ph-hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(12,7,20,.93),rgba(18,9,30,.62)),url('/img/background_main.png') center 42%/cover no-repeat; }
.ph-hero .ph-container { width:min(1320px,100%); margin:0 auto; padding:0 32px; }
.ph-hero .ph-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:center; gap:40px; }
.ph-hero .ph-copy { min-width:0; }
.ph-hero .ph-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 14px; color:#d0b2e6; font-size:11px; font-weight:800; letter-spacing:1.5px; line-height:1.5; }
.ph-hero .ph-spark { flex-shrink:0; width:7px; height:7px; transform:rotate(45deg); background:#a970ff; box-shadow:0 0 14px rgba(169,112,255,.7); }
.ph-hero .ph-title { margin:0 0 14px; font:800 clamp(38px,4vw,54px)/1.1 'Exo 2',sans-serif; letter-spacing:.6px; }
.ph-hero .ph-title > span { background:linear-gradient(90deg,#fff,#d8b6ff 65%,#a970ff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.ph-hero .ph-subtitle { margin:0 0 16px; color:#dfcbea; font-size:12px; font-weight:700; letter-spacing:1.7px; line-height:1.5; }
.ph-hero .ph-description { max-width:560px; min-height:50.4px; margin:0; color:#b9a9c6; font-size:14px; line-height:1.8; }
.ph-hero .ph-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.ph-hero .ph-tags > span { display:flex; align-items:center; gap:8px; padding:6px 12px; border-radius:6px; color:#d6c3e7; background:rgba(169,112,255,.09); font-size:11px; font-weight:400; line-height:1.5; }
.ph-hero .ph-tags i { color:#bb95ff; }
.ph-hero .ph-emblem { display:flex; flex-direction:column; align-items:center; gap:12px; }
.ph-hero .ph-emblem img { width:190px; height:190px; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(0,0,0,.6)); }
.ph-hero .ph-emblem > span { color:#aa8ac0; font-size:9px; letter-spacing:2px; font-weight:700; }
@media (max-width:900px) {
  .ph-hero .ph-layout { grid-template-columns:minmax(0,1fr) 220px; gap:20px; }
  .ph-hero .ph-emblem img { width:160px; height:160px; }
  .ph-hero .ph-emblem > span { font-size:8px; letter-spacing:1px; }
}
@media (max-width:700px) {
  .ph-hero .ph-layout { display:block; }
  .ph-hero .ph-emblem { display:none; }
  .ph-hero .ph-container { padding:0 20px; }
}
@media (max-width:560px) {
  .ph-hero .ph-title { font-size:clamp(30px,8.5vw,42px); }
  .ph-hero .ph-eyebrow { letter-spacing:1.1px; }
  .ph-hero .ph-description { font-size:13px; min-height:46.8px; }
  .ph-hero .ph-subtitle { font-size:11px; letter-spacing:1.3px; }
  .ph-hero .ph-tags { gap:7px; }
  .ph-hero .ph-tags > span { font-size:10px; padding:6px 9px; }
}