/* V62 — Home section print QA: proportional anchors + clean central layout */
:root{
  --v62-gold:#f6b51c;
  --v62-gold-soft:#ffe194;
  --v62-line:rgba(246,181,28,.36);
  --v62-panel:#06111b;
  --v62-cyan:#68efff;
}

html{scroll-behavior:smooth!important;scroll-padding-top:0!important;}
html body{overflow-x:hidden!important;}

/* menu flutuante sempre clicável e acima das artes/seções */
html body .v53-section-nav{
  position:fixed!important;
  right:30px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:9999!important;
  pointer-events:auto!important;
  user-select:none!important;
}
html body .v53-section-nav:before,
html body .v53-section-nav__line,
html body .v53-section-nav__diamond{pointer-events:none!important;}
html body .v53-section-nav__item{
  pointer-events:auto!important;
  cursor:pointer!important;
  margin-bottom:12px!important;
}
html body .v53-section-nav__text strong{font-size:16px!important;line-height:1!important;}
html body .v53-section-nav__text small{font-size:8.5px!important;line-height:1!important;}

/* cada destino do menu ocupa uma tela real para não misturar com a seção seguinte */
html body #home-top,
html body #home-updates,
html body #ranking-preview,
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  min-height:100vh!important;
  scroll-margin-top:0!important;
  position:relative!important;
  box-sizing:border-box!important;
}
html body #home-updates,
html body #ranking-preview,
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  display:flex!important;
  align-items:center!important;
  padding-top:54px!important;
  padding-bottom:54px!important;
}
html body #home-updates > .content-area,
html body #ranking-preview > .content-area,
html body #home-features > .content-area,
html body #home-resources > .content-area,
html body #home-community > .content-area,
html body #home-media > .content-area{
  width:100%!important;
}

/* Central: mesma ideia, mas mais limpa e proporcional */
html body .v53-home-hub .content-area{
  width:min(1160px,calc(100% - 300px))!important;
  max-width:1160px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .v53-home-hub__panel{
  padding:30px 34px 32px!important;
  border-radius:24px!important;
  border:1px solid rgba(246,181,28,.34)!important;
  background:
    linear-gradient(145deg,rgba(3,9,15,.985),rgba(6,17,26,.965)),
    radial-gradient(circle at 15% 10%,rgba(246,181,28,.10),transparent 28%),
    radial-gradient(circle at 90% 72%,rgba(104,239,255,.055),transparent 34%)!important;
  box-shadow:0 30px 84px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
}
html body .v53-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:end!important;
  margin-bottom:20px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid rgba(255,224,140,.15)!important;
}
html body .v53-section-head .pro-kicker{margin-bottom:9px!important;}
html body .v53-section-head .pro-title{
  max-width:680px!important;
  font-size:clamp(30px,2.05vw,38px)!important;
  line-height:1.07!important;
  letter-spacing:.12em!important;
  margin-bottom:8px!important;
}
html body .v53-section-head .pro-subtitle{
  max-width:760px!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  margin:0!important;
}
html body .v53-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:265px!important;
}
html body .v53-head-link{
  height:31px!important;
  min-width:118px!important;
  padding:0 14px!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}

/* Títulos internos corrigidos: sem quebra vertical estranha */
html body .v59-central-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
}
html body .v59-central-group{display:grid!important;gap:12px!important;min-width:0!important;}
html body .v59-group-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  letter-spacing:.17em!important;
  line-height:1!important;
}
html body .v59-group-title:before{
  content:""!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--v62-gold))!important;
}
html body .v59-group-title:after{
  content:""!important;
  flex:1 1 auto!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--v62-line),transparent)!important;
}
html body .v59-group-title span,
html body .v59-group-title strong{
  display:inline-block!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  font-size:11px!important;
  font-weight:950!important;
}
html body .v59-group-title span{color:var(--v62-gold-soft)!important;}
html body .v59-group-title strong{color:#fff!important;opacity:.9!important;}

/* Novidades: 1 destaque grande + 2 menores, sem sobrar/sem cortar */
html body .v59-news-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:112px 112px!important;
  gap:12px!important;
  align-items:stretch!important;
}
html body .v59-card--hero{grid-row:1/3!important;min-height:236px!important;}
html body .v59-card--line{min-height:112px!important;}

/* Eventos: mais compacto, com altura suficiente para não cortar textos */
html body .v59-events-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.74fr) minmax(0,.74fr)!important;
  grid-template-rows:132px 132px!important;
  gap:12px!important;
  align-items:stretch!important;
}
html body .v59-event-card--main{grid-row:1/3!important;min-height:276px!important;}
html body .v59-event-card--guild{grid-column:2/4!important;min-height:132px!important;}
html body .v59-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(255,221,126,.28)!important;
  box-shadow:0 17px 42px rgba(0,0,0,.35)!important;
}
html body .v59-card:before{
  background:
    linear-gradient(180deg,rgba(2,6,10,.06),rgba(2,6,10,.48) 45%,rgba(2,6,10,.94)),
    radial-gradient(circle at 18% 18%,rgba(246,181,28,.14),transparent 26%)!important;
}
html body .v59-card-content{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  padding:14px 16px!important;
  overflow:visible!important;
  z-index:2!important;
}
html body .v59-card--hero .v59-card-content,
html body .v59-event-card--main .v59-card-content{padding:21px 22px!important;}
html body .v59-card-content h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(18px,1.1vw,23px)!important;
  line-height:1.04!important;
  letter-spacing:.035em!important;
  text-shadow:0 3px 14px rgba(0,0,0,.95)!important;
  max-width:100%!important;
  overflow:visible!important;
  word-break:normal!important;
}
html body .v59-card--hero .v59-card-content h3,
html body .v59-event-card--main .v59-card-content h3{
  font-size:clamp(25px,1.55vw,31px)!important;
  line-height:1.03!important;
}
html body .v59-event-card:not(.v59-event-card--main) .v59-card-content h3{
  font-size:clamp(17px,1vw,21px)!important;
  line-height:1.05!important;
  max-width:98%!important;
}
html body .v59-event-card--guild .v59-card-content h3{
  font-size:clamp(20px,1.2vw,24px)!important;
  max-width:96%!important;
}
html body .v59-card-content p{
  margin:0!important;
  color:#f1eadf!important;
  font-size:12.25px!important;
  line-height:1.32!important;
  max-width:590px!important;
  text-shadow:0 3px 12px rgba(0,0,0,.92)!important;
  overflow:visible!important;
}
html body .v59-event-card:not(.v59-event-card--main) .v59-card-content p,
html body .v59-card--line .v59-card-content p{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body .v59-card-tag{
  top:11px!important;
  left:12px!important;
  width:auto!important;
  max-width:max-content!important;
  padding:5px 11px!important;
  font-size:8.6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body .v59-event-row{margin-top:8px!important;gap:7px!important;flex-wrap:wrap!important;}
html body .v59-event-row strong,
html body .v59-event-row span{
  min-height:24px!important;
  padding:0 9px!important;
  font-size:8.6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Pódio da home com brilho semelhante ao ranking, sem invadir outros elementos */
html body .ranking-home-v56-podium{overflow:visible!important;}
html body .ranking-home-v56-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .ranking-home-v56-card:before{
  content:""!important;
  position:absolute!important;
  inset:-35%!important;
  z-index:-1!important;
  opacity:.8!important;
  animation:v62-podium-aura 4.2s ease-in-out infinite!important;
}
html body .ranking-home-v56-card:after{
  content:""!important;
  position:absolute!important;
  top:-20%!important;bottom:-20%!important;width:42%!important;left:-58%!important;
  z-index:0!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;
  animation:v62-podium-sweep 5.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body .ranking-home-v56-card > *{position:relative!important;z-index:1!important;}
html body .ranking-home-v56-card--1:before{background:radial-gradient(circle,rgba(255,214,54,.55),transparent 55%),linear-gradient(125deg,rgba(255,214,58,.18),transparent)!important;}
html body .ranking-home-v56-card--2:before{background:radial-gradient(circle,rgba(174,238,255,.42),transparent 58%),linear-gradient(125deg,rgba(174,238,255,.16),transparent)!important;}
html body .ranking-home-v56-card--3:before{background:radial-gradient(circle,rgba(255,133,55,.42),transparent 58%),linear-gradient(125deg,rgba(255,133,55,.16),transparent)!important;}
@keyframes v62-podium-aura{0%,100%{transform:translateY(0) rotate(0deg);opacity:.55}50%{transform:translateY(-6px) rotate(2deg);opacity:.95}}
@keyframes v62-podium-sweep{0%,42%{left:-58%}62%{left:118%}100%{left:118%}}

/* Ajustes das demais seções para caber melhor por rolagem */
html body #ranking-preview .ranking-cta-v21-card{width:min(1220px,calc(100% - 270px))!important;margin:auto!important;}
html body #home-features .section__title,
html body #home-resources .section__title,
html body #home-community .section__title,
html body #home-media .section__title{margin-bottom:34px!important;}
html body #home-features .swiper{max-height:52vh!important;overflow:hidden!important;}
html body #home-resources .information__box{min-height:360px!important;}
html body #home-community .content-area{max-width:920px!important;margin:auto!important;}
html body #home-media .content-area{max-width:1260px!important;margin:auto!important;}

/* responsivo seguro */
@media(max-width:1320px){
  html body .v53-home-hub .content-area,
  html body #ranking-preview .ranking-cta-v21-card{width:calc(100% - 70px)!important;max-width:1120px!important;}
  html body .v59-events-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;}
  html body .v59-event-card--main{grid-row:auto!important;min-height:210px!important;}
  html body .v59-event-card--guild{grid-column:1/-1!important;min-height:122px!important;}
}
@media(max-width:1180px){
  html body .v53-section-nav{display:none!important;}
  html body #home-updates,html body #ranking-preview,html body #home-features,html body #home-resources,html body #home-community,html body #home-media{min-height:auto!important;display:block!important;padding-top:56px!important;padding-bottom:56px!important;}
  html body .v59-news-grid,html body .v59-events-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
  html body .v59-card,html body .v59-card--hero,html body .v59-card--line,html body .v59-event-card--main,html body .v59-event-card--guild{grid-column:auto!important;grid-row:auto!important;min-height:205px!important;}
}
@media(max-width:760px){
  html body .v53-home-hub .content-area,html body #ranking-preview .ranking-cta-v21-card{width:calc(100% - 28px)!important;}
  html body .v53-home-hub__panel{padding:24px 15px!important;}
  html body .v53-section-head{grid-template-columns:1fr!important;align-items:start!important;}
  html body .v53-head-actions{justify-content:flex-start!important;min-width:0!important;}
  html body .v53-section-head .pro-title{font-size:26px!important;}
  html body .v59-group-title{white-space:normal!important;flex-wrap:wrap!important;}
  html body .v59-group-title:after{display:none!important;}
}