/* V17 polish geral */
:root{
  --roi-bg:#050912;
  --roi-panel:rgba(8,14,24,.82);
  --roi-gold:#f0b02e;
  --roi-gold-soft:#ffe2a0;
  --roi-line:rgba(232,177,53,.24);
  --roi-text:#f4ead6;
  --roi-muted:rgba(234,226,208,.68);
}

html body{
  background:#050912;
  color:var(--roi-text);
}

html body .header,
html body .nav,
html body .nav.fixed,
html body .nav.is-fixed,
html body .header-main .nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  z-index:20;
}

html body .nav{
  background:rgba(4,7,14,.86)!important;
  border-bottom:1px solid rgba(231,181,69,.16)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px);
}

html body .nav .content-area{
  min-height:82px;
  gap:22px;
}

html body .nav__links{
  gap:clamp(18px,2.2vw,42px);
}

html body .nav__links-item{
  position:relative;
  min-height:52px;
  padding:0 3px;
}

html body .nav__links-item a{
  color:rgba(245,240,228,.80)!important;
  letter-spacing:.11em;
  text-shadow:none!important;
}

html body .nav__links-item::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:0;
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#ffbe32,transparent);
  box-shadow:0 0 14px rgba(255,190,50,.65);
  opacity:0;
  transition:width .24s ease, opacity .24s ease;
}

html body .nav__links-item:hover a,
html body .nav__links-item.active a{
  color:#ffe58f!important;
}

html body .nav__links-item:hover::after,
html body .nav__links-item.active::after{
  width:64px;
  opacity:1;
}

html body .nav .button,
html body .button{
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

html body .nav .button:hover,
html body .button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 18px 42px rgba(238,160,20,.22), inset 0 1px 0 rgba(255,255,255,.32)!important;
}

/* Hero: mantém o visual clássico sem exagerar em altura */
html body .header-main{
  min-height:clamp(720px, 86vh, 920px);
}

html body .roi-hero-art__brand{
  text-align:center;
  max-width:1120px;
  margin:0 auto;
}

html body .roi-hero-v10 h1,
html body .roi-hero-art__brand h1{
  max-width:1120px;
  margin:18px auto 18px;
  line-height:.95;
  letter-spacing:.10em;
}

html body .hero-title-gold{
  color:#f1d78e!important;
  text-shadow:0 0 22px rgba(235,190,80,.28), 0 4px 0 rgba(0,0,0,.20);
}

html body .hero-title-white{
  color:#ffffff!important;
  text-shadow:0 0 20px rgba(255,255,255,.36), 0 4px 0 rgba(0,0,0,.22);
}

html body .roi-hero-subtitle{
  color:rgba(255,255,255,.88)!important;
  max-width:820px;
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.75;
}

html body .hero-media__video{
  filter:brightness(1.12) contrast(1.10) saturate(1.12)!important;
  transform:scale(1.01)!important;
}

html body .hero-media::after,
html body .hero-media__aurora{
  opacity:.42!important;
}

/* Blocos gerais */
html body .pro-section{
  position:relative;
  padding-top:clamp(74px,7vw,120px);
  padding-bottom:clamp(74px,7vw,120px);
}

html body .pro-title,
html body .section__title-center-big{
  text-wrap:balance;
}

html body .pro-card,
html body .information__box,
html body .download-step,
html body .store-card{
  border-color:rgba(226,176,62,.22)!important;
}

/* Eventos da home: mais simétrico e com leitura limpa */
html body .pro-events-panel{
  max-width:1180px;
  margin:0 auto;
  padding:clamp(28px,3.2vw,44px);
  border:1px solid rgba(224,175,57,.26);
  background:
    radial-gradient(circle at 82% 8%, rgba(54,146,172,.11), transparent 34%),
    linear-gradient(180deg, rgba(10,17,28,.88), rgba(4,7,13,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}

html body .pro-event-home-grid{
  align-items:stretch;
  gap:18px;
}

html body .pro-home-event{
  min-height:310px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:26px 24px;
  overflow:hidden;
}

html body .pro-home-event::before{
  opacity:.36!important;
  filter:contrast(1.04) saturate(1.06);
}

html body .pro-home-event h3{
  min-height:60px;
  margin:18px 0 12px;
  line-height:1.08;
}

html body .pro-home-event p{
  min-height:72px;
  color:rgba(238,230,210,.78);
  line-height:1.55;
}

html body .pro-event-status{
  margin-top:auto;
  align-self:flex-start;
}

html body .pro-event-cooldown{
  min-height:30px;
}

/* Ranking V17: pódio mais profissional */
html body .pro-ranking-v16{
  padding:clamp(86px,8vw,135px) 0;
  background:
    radial-gradient(circle at 50% 34%, rgba(236,182,50,.12), transparent 24%),
    linear-gradient(180deg, #040711 0%, #070914 48%, #03050b 100%);
}

html body .pro-ranking-v16::before{
  opacity:.62;
  background:
    linear-gradient(90deg, rgba(0,2,7,.98), rgba(4,6,14,.58) 48%, rgba(0,2,7,.96)),
    url('../images/ranker.JPG') center top/cover no-repeat;
}

html body .ranking-v16-panel{
  max-width:1210px;
  padding:0 clamp(16px,2vw,28px);
}

html body .ranking-v16-tabs{
  width:max-content;
  max-width:100%;
  margin:0 auto clamp(48px,5vw,70px);
  border:1px solid rgba(209,165,67,.20);
  background:rgba(0,0,0,.28);
  box-shadow:0 22px 80px rgba(0,0,0,.25);
}

html body .ranking-v16-tab{
  height:50px;
  min-width:136px;
  color:rgba(236,230,212,.58);
}

html body .ranking-v16-tab:hover,
html body .ranking-v16-tab.active{
  color:#ffdc75;
  background:linear-gradient(180deg, rgba(230,177,55,.20), rgba(230,177,55,.04));
}

html body .ranking-v16-head{
  margin:0 auto 42px;
  max-width:980px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
}

html body .ranking-v16-head::after{display:none;}

html body .ranking-v16-head .pro-title{
  font-size:clamp(26px,3vw,42px);
  line-height:1.05;
  color:#fff8e7;
}

html body .ranking-v16-head .pro-subtitle{
  color:rgba(238,228,203,.66);
  font-size:14px;
}

html body .ranking-v16-head::before{
  content:"VER PAINEL";
  justify-self:end;
  grid-column:3;
  grid-row:1;
  padding:14px 26px;
  border-radius:999px;
  color:#160e02;
  background:linear-gradient(180deg,#ffd25e,#d28b13);
  box-shadow:0 18px 40px rgba(231,161,31,.22), inset 0 1px 0 rgba(255,255,255,.45);
  font-weight:950;
  letter-spacing:.16em;
  font-size:12px;
}

html body .ranking-v16-podium{
  max-width:930px;
  min-height:440px;
  gap:0;
  margin-bottom:22px;
}

html body .ranking-v16-podium::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:26px;
  width:min(760px,92vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(235,188,69,.80),transparent);
  box-shadow:0 0 30px rgba(235,188,69,.35);
  pointer-events:none;
}

html body .ranking-v16-hero{
  border-color:rgba(228,177,57,.40);
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.20)),
    linear-gradient(180deg,rgba(10,12,20,.74),rgba(0,0,0,.94));
}

html body .ranking-v16-hero:hover{
  transform:translateY(-4px);
  box-shadow:0 32px 90px rgba(0,0,0,.56), 0 0 38px rgba(222,174,54,.10);
}

html body .ranking-v16-hero--second:hover,
html body .ranking-v16-hero--third:hover{ transform:translateY(4px); }

html body .ranking-v16-hero::before{
  opacity:.66;
  filter:saturate(1.16) contrast(1.08);
}

html body .ranking-v16-hero--first{
  min-height:420px;
  box-shadow:0 42px 100px rgba(0,0,0,.62),0 0 80px rgba(224,171,43,.16);
}

html body .ranking-v16-hero--second{ min-height:345px; }
html body .ranking-v16-hero--third{ min-height:318px; }

html body .ranking-v16-best{
  top:138px;
  border:1px solid rgba(255,241,182,.32);
}

html body .ranking-v16-name{
  font-size:clamp(15px,1.35vw,19px);
  color:#fff6dd;
}

html body .ranking-v16-class{color:rgba(236,230,216,.58);}

html body .ranking-v16-bottom{
  max-width:930px;
  gap:18px;
}

html body .ranking-v16-row{
  min-height:112px;
  border-color:rgba(214,169,59,.24);
  background:
    linear-gradient(90deg, rgba(0,0,0,.82), rgba(5,7,13,.58), rgba(0,0,0,.86)),
    url('../images/ranker.JPG') center/cover no-repeat;
}

html body .ranking-v16-note{display:none!important;}

/* Download: melhor aproveitamento lateral */
html body .download-steps{
  gap:clamp(28px,3vw,46px)!important;
}
html body .download-step{
  padding:clamp(28px,2.6vw,38px)!important;
}
html body .download-step:nth-child(2){
  transform:translateY(-10px);
}

/* Recursos e comunidade: evitar corte visual em telas menores */
html body .section.information,
html body .section.join{
  overflow:hidden;
  padding-top:clamp(90px,8vw,130px);
  padding-bottom:clamp(90px,8vw,130px);
}

html body .information .content-area{
  align-items:stretch;
  row-gap:28px;
}

html body .information__box{
  min-height:330px;
}

html body .footer__text,
html body .roi-captcha-note{
  color:rgba(235,225,205,.72)!important;
}

@media(max-width:1120px){
  html body .ranking-v16-head{
    grid-template-columns:56px 1fr;
  }
  html body .ranking-v16-head::before{
    grid-column:1 / -1;
    justify-self:start;
    margin-top:16px;
  }
}

@media(max-width:1050px){
  html body .ranking-v16-podium{grid-template-columns:1fr;min-height:auto;gap:18px;}
  html body .ranking-v16-hero--second:hover,
  html body .ranking-v16-hero--third:hover{transform:translateY(-4px);}
  html body .ranking-v16-best{top:24px;}
}

@media(max-width:760px){
  html body .nav .content-area{min-height:auto;padding:16px 14px;}
  html body .roi-hero-v10 h1,
  html body .roi-hero-art__brand h1{font-size:clamp(38px,11vw,62px)!important;}
  html body .ranking-v16-head{display:block;}
  html body .ranking-v16-emblem{margin-bottom:16px;}
}

html body .ranking-v16-head::before{content:none!important;display:none!important;}
html body .ranking-v17-panel-link{
  justify-self:end;
  padding:14px 26px;
  border-radius:999px;
  color:#160e02!important;
  background:linear-gradient(180deg,#ffd25e,#d28b13);
  box-shadow:0 18px 40px rgba(231,161,31,.22), inset 0 1px 0 rgba(255,255,255,.45);
  font-weight:950;
  letter-spacing:.16em;
  font-size:12px;
  text-transform:uppercase;
  text-decoration:none!important;
}
html body .ranking-v17-panel-link:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(231,161,31,.30), inset 0 1px 0 rgba(255,255,255,.50);}
@media(max-width:1120px){html body .ranking-v17-panel-link{grid-column:1 / -1;justify-self:start;margin-top:16px;}}