/* ============================================================================
   V9 - Ajustes de acabamento: nav/painel, download, eventos e seções quebradas
============================================================================ */

/* 1) MENU: mantém no topo da página, rola junto e não quebra o botão PAINEL */
html body .wrapper > .header > .nav,
html body .header .nav,
html body .header-main .nav,
html body .header.inner .nav,
html body .cash-header .nav,
html body .nav{
  position: relative !important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;
  z-index:80!important;
  transform:none!important;
}
html body .header.inner,
html body .cash-header.compact-page{padding-top:0!important;}
html body .nav{
  min-height:82px!important;
  background:rgba(5,8,15,.92)!important;
  border-bottom:1px solid rgba(255,190,58,.18)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.34)!important;
  overflow:visible!important;
}
html body .nav .content-area{
  width:min(100% - 52px, 1500px)!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  padding:0!important;
}
html body .nav__logo{width:44px!important;height:43px!important;margin-right:34px!important;flex:0 0 auto!important;}
html body .nav__links{display:flex!important;align-items:center!important;height:82px!important;gap:18px!important;flex:1 1 auto!important;min-width:0!important;}
html body .nav__links-item{height:82px!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;flex:0 0 auto!important;}
html body .nav__links-item a{
  height:82px!important;
  padding:0 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:0!important;background:transparent!important;
  color:rgba(245,244,238,.86)!important;
  font-weight:900!important;letter-spacing:.075em!important;
  text-shadow:none!important;
}
html body .nav__links-item a::after,
html body .nav__links-item::after{
  content:""!important;position:absolute!important;left:50%!important;right:50%!important;bottom:18px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#ffb11f,#fff0a8,transparent)!important;
  opacity:0!important;transform:none!important;border-radius:999px!important;
  box-shadow:0 0 18px rgba(255,177,31,.85)!important;transition:all .22s ease!important;
}
html body .nav__links-item:hover a,
html body .nav__links-item.active a{color:#ffe68a!important;background:transparent!important;text-shadow:0 0 14px rgba(255,200,65,.42)!important;}
html body .nav__links-item:hover a::after,
html body .nav__links-item.active a::after,
html body .nav__links-item:hover::after,
html body .nav__links-item.active::after{left:4px!important;right:4px!important;opacity:1!important;}
html body .nav__langs{margin-left:18px!important;flex:0 0 auto!important;}
html body .nav .button{
  width:142px!important;height:44px!important;margin-left:18px!important;flex:0 0 142px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffb21b 0%,#ff9800 54%,#d17700 100%)!important;
  border:1px solid rgba(255,224,138,.54)!important;
  box-shadow:0 10px 24px rgba(255,155,0,.24), inset 0 1px 0 rgba(255,255,255,.42)!important;
}
html body .nav .button span{font-size:14px!important;letter-spacing:.12em!important;color:#121212!important;font-weight:950!important;}
html body .nav .button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 16px 36px rgba(255,155,0,.34),0 0 0 4px rgba(255,177,31,.09)!important;}

/* 2) HERO: mantém centralizado e sem painel lateral */
html body .header-main{min-height:850px!important;}
html body .header__box.roi-hero-art-wrap{min-height:calc(850px - 82px)!important;padding:58px 20px 100px!important;}
html body .roi-hero-art__brand{align-items:center!important;text-align:center!important;margin-inline:auto!important;}
html body .roi-hero-art__brand h1{font-size:clamp(74px,7.4vw,120px)!important;line-height:.88!important;letter-spacing:.015em!important;margin-bottom:26px!important;}
html body .roi-hero-art__panel{display:none!important;}

/* 3) EVENTOS DA HOME: mais simétrico, com foto de fundo e leitura limpa */
html body .pro-home-events{padding:88px 0!important;background:linear-gradient(180deg,#07111d 0%,rgba(5,8,14,.98) 100%)!important;}
html body .pro-home-events .content-area{max-width:1500px!important;}
html body .pro-events-panel{padding:46px!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(18,27,40,.94),rgba(6,10,17,.96))!important;}
html body .pro-event-home-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;}
html body .pro-home-event{
  min-height:355px!important;height:100%!important;padding:30px 28px!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  border-radius:22px!important;overflow:hidden!important;
  background-size:cover!important;background-position:center!important;
  border:1px solid rgba(255,185,64,.28)!important;
}
html body .pro-home-event::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:1!important;background:linear-gradient(180deg,rgba(9,12,17,.72),rgba(8,9,12,.94) 66%,rgba(6,7,10,.98))!important;}
html body .pro-home-event::after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(circle at 72% 10%,rgba(255,190,58,.16),transparent 38%),linear-gradient(135deg,rgba(104,233,255,.08),transparent 42%)!important;}
html body .pro-home-event[data-home-event="login"]{background-image:linear-gradient(180deg,rgba(8,12,18,.64),rgba(4,6,10,.96)),url('../images/icarus-news.png')!important;}
html body .pro-home-event[data-home-event="hot-time"]{background-image:linear-gradient(180deg,rgba(8,12,18,.64),rgba(4,6,10,.96)),url('../images/icarus-patch-notes.webp')!important;}
html body .pro-home-event[data-home-event="world-boss"]{background-image:linear-gradient(180deg,rgba(8,12,18,.64),rgba(4,6,10,.96)),url('../images/Carleon_Manor_Loading_pic.webp')!important;}
html body .pro-home-event[data-home-event="guild"]{background-image:linear-gradient(180deg,rgba(8,12,18,.64),rgba(4,6,10,.96)),url('../images/icarus-world-02.jpg')!important;}
html body .pro-home-event h3{min-height:62px!important;margin:26px 0 14px!important;font-size:25px!important;line-height:1.05!important;letter-spacing:.055em!important;}
html body .pro-home-event p{min-height:88px!important;margin:0 0 20px!important;font-size:15px!important;line-height:1.65!important;color:#e0d5c2!important;}
html body .pro-event-tag{align-self:flex-start!important;}
html body .pro-event-status{width:max-content!important;min-width:170px!important;text-align:center!important;margin-top:auto!important;}
html body .pro-event-cooldown{margin-top:14px!important;font-size:24px!important;line-height:1!important;letter-spacing:.12em!important;}
html body .pro-event-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important;}
html body .pro-event-meta span{white-space:nowrap!important;}

/* 4) COMEÇAR AGORA: remove quebra/overlay e organiza os 3 passos */
html body .pro-steps{padding:82px 0 96px!important;background:linear-gradient(180deg,rgba(5,8,14,.98),rgba(7,12,19,.94))!important;overflow:visible!important;}
html body .pro-steps .content-area{max-width:1500px!important;}
html body .pro-steps .pro-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important;}
html body .pro-step{min-height:180px!important;padding:30px 32px!important;background:linear-gradient(180deg,rgba(18,28,43,.9),rgba(8,12,20,.88))!important;}
html body .pro-step h3{font-size:26px!important;margin-bottom:12px!important;}
html body .pro-step p{font-size:16px!important;line-height:1.65!important;}

/* 5) RECURSOS PRINCIPAIS: tira sobreposição/efeito quebrado e deixa grade estável */
html body .features{margin-top:0!important;padding-top:95px!important;transform:none!important;}
html body .information{padding:92px 0!important;overflow:visible!important;background:linear-gradient(180deg,rgba(10,14,20,.96),rgba(5,7,11,.98))!important;}
html body .information .content-area{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px!important;margin-top:46px!important;align-items:stretch!important;}
html body .information .col-1-4{width:auto!important;height:auto!important;padding:0!important;position:relative!important;}
html body .information__box{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-height:420px!important;max-height:none!important;height:100%!important;margin:0!important;padding:30px!important;display:block!important;animation:none!important;border-radius:22px!important;}
html body .information__box:hover{animation:none!important;transform:translateY(-4px)!important;}
html body .information__box:hover .information__box-button{transform:none!important;}
html body .information__box:after{height:170px!important;transform:none!important;}
html body .information__box-icon{width:142px!important;height:142px!important;}
html body .information__box-title{font-size:19px!important;line-height:1.2!important;min-height:46px!important;}
html body .information__box-text{max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;}
html body .information__box-button{bottom:22px!important;}

/* 6) DOWNLOAD: aproveita melhor as laterais e cria respiro entre boxes */
html body .download-clean-page{padding-top:70px!important;}
html body .download-clean-page .content-area{max-width:1540px!important;width:min(100% - 72px,1540px)!important;}
html body .download-layout{grid-template-columns:minmax(300px,1fr) minmax(520px,1.35fr) minmax(300px,1fr)!important;gap:38px!important;padding:34px 0 0!important;}
html body .download-step{padding:34px!important;border-radius:24px!important;}
html body .download-step__head{gap:18px!important;margin-bottom:24px!important;}
html body .download-group{margin-top:22px!important;padding:22px!important;}
html body .download-actions,html body .download-buttons{gap:16px!important;}
html body .pro-download-trust .content-area{max-width:1540px!important;width:min(100% - 72px,1540px)!important;}
html body .pro-download-trust .pro-grid-4{gap:26px!important;}

/* 7) Textos de rodapé/apoio sem linguagem de edição de site */
html body .footer__cpr-text{color:#b9aa92!important;}

@media (max-width:1360px){
  html body .nav .content-area{width:min(100% - 34px, 1320px)!important;}
  html body .nav__logo{margin-right:22px!important;}
  html body .nav__links{gap:10px!important;}
  html body .nav__links-item a{font-size:14px!important;padding:0 6px!important;letter-spacing:.055em!important;}
  html body .nav .button{width:128px!important;flex-basis:128px!important;margin-left:14px!important;}
  html body .nav__langs{margin-left:12px!important;}
}
@media (max-width:1180px){
  html body .nav__links{display:none!important;}
  html body .nav__open-links{display:block!important;}
  html body .pro-event-home-grid,html body .information .content-area{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .download-layout{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  html body .nav{min-height:66px!important;}
  html body .nav .content-area{height:66px!important;width:calc(100% - 24px)!important;}
  html body .nav__logo{width:34px!important;height:34px!important;margin-right:auto!important;}
  html body .nav .button{width:42px!important;flex-basis:42px!important;margin-left:12px!important;}
  html body .nav .button span{display:none!important;}
  html body .pro-event-home-grid,html body .pro-steps .pro-grid-3,html body .information .content-area{grid-template-columns:1fr!important;}
  html body .pro-events-panel{padding:26px!important;}
  html body .download-clean-page .content-area,html body .pro-download-trust .content-area{width:calc(100% - 28px)!important;}
}