/* V63 — Home section title alignment + home ranking podium match */
:root{
  --v63-gold:#f5b51a;
  --v63-gold-soft:#ffe8a1;
  --v63-silver:#dceeff;
  --v63-bronze:#d0894e;
}

/* Títulos das seções abaixo da home centralizados no topo da área */
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  min-height:100vh!important;
  padding-top:78px!important;
  padding-bottom:78px!important;
  box-sizing:border-box!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{
  position:relative!important;
  inset:auto!important;
  width:min(1180px,calc(100% - 280px))!important;
  max-width:1180px!important;
  margin:0 auto 4px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
  z-index:2!important;
}
html body #home-features .section__title-left,
html body #home-features .section__title-right,
html body #home-resources .section__title-left,
html body #home-resources .section__title-right,
html body #home-community .section__title-left,
html body #home-community .section__title-right,
html body #home-media .section__title-left,
html body #home-media .section__title-right{
  display:none!important;
}
html body #home-features .section__title-center,
html body #home-resources .section__title-center,
html body #home-community .section__title-center,
html body #home-media .section__title-center{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
html body #home-features .section__title-center-big,
html body #home-resources .section__title-center-big,
html body #home-community .section__title-center-big,
html body #home-media .section__title-center-big{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.08!important;
  font-size:clamp(30px,2.25vw,44px)!important;
  letter-spacing:.12em!important;
  color:#fff3d2!important;
  text-shadow:0 4px 22px rgba(0,0,0,.78),0 0 18px rgba(245,181,26,.08)!important;
}
html body #home-features .section__title-center-big:before,
html body #home-features .section__title-center-big:after,
html body #home-resources .section__title-center-big:before,
html body #home-resources .section__title-center-big:after,
html body #home-community .section__title-center-big:before,
html body #home-community .section__title-center-big:after,
html body #home-media .section__title-center-big:before,
html body #home-media .section__title-center-big:after{
  content:""!important;
  display:block!important;
  width:9px!important;
  height:9px!important;
  margin:0 18px!important;
  border-radius:50%!important;
  background:var(--v63-gold)!important;
  box-shadow:0 0 18px rgba(245,181,26,.65)!important;
  flex:0 0 auto!important;
}
html body #home-features .section__title-small,
html body #home-resources .section__title-small,
html body #home-community .section__title-small,
html body #home-media .section__title-small{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:900px!important;
  margin:12px auto 0!important;
  text-align:center!important;
  line-height:1.45!important;
  letter-spacing:.09em!important;
  font-size:15px!important;
  color:rgba(255,244,224,.78)!important;
  transform:none!important;
}
html body #home-features > .content-area,
html body #home-resources > .content-area,
html body #home-community > .content-area,
html body #home-media > .content-area{
  position:relative!important;
  width:min(1180px,calc(100% - 280px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  z-index:2!important;
}
html body #home-features .swiper,
html body #home-features .swiper-wrapper,
html body #home-features .swiper-slide{
  width:100%!important;
}
html body #home-resources > .content-area{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  justify-content:center!important;
}
html body #home-resources .col-1-4{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
}
html body #home-community > .content-area,
html body #home-media > .content-area{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
html body #home-media > .content-area{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:26px!important;
}
html body #home-media .col-1-4{width:auto!important;max-width:none!important;flex:none!important;}

/* Ranking da home usando a mesma linguagem visual do pódio da página ranking.php */
html body #ranking-preview .ranking-cta-v21-card{
  min-height:420px!important;
  width:min(1280px,calc(100% - 280px))!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.85fr) minmax(650px,1.15fr)!important;
  gap:30px!important;
  align-items:center!important;
  padding:42px 46px!important;
}
html body #ranking-preview .ranking-cta-v21-content{
  max-width:560px!important;
}
html body #ranking-preview .ranking-home-v56-podium{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:1fr 1.22fr 1fr!important;
  align-items:end!important;
  gap:14px!important;
  min-height:330px!important;
  width:100%!important;
  max-width:720px!important;
  margin:0!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,220,130,.16)!important;
  background:linear-gradient(135deg,rgba(4,8,13,.62),rgba(10,17,25,.34)),url('../images/ranker.JPG') center/cover no-repeat!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
html body #ranking-preview .ranking-home-v56-podium:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 52% 25%,rgba(255,224,72,.13),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.44))!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body #ranking-preview .ranking-home-v56-card{
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:285px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(7,14,22,.70),rgba(2,6,10,.91))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.05)!important;
  padding:74px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:center!important;
  backdrop-filter:blur(2px)!important;
}
html body #ranking-preview .ranking-home-v56-card--1{
  min-height:330px!important;
  border-color:rgba(255,226,65,.80)!important;
  background:
    linear-gradient(180deg,rgba(93,18,25,.54),rgba(12,8,14,.92)),
    radial-gradient(circle at 50% 22%,rgba(255,225,54,.36),transparent 28%)!important;
  box-shadow:0 0 0 1px rgba(255,226,65,.16),0 0 52px rgba(255,217,52,.23),0 28px 70px rgba(0,0,0,.50)!important;
}
html body #ranking-preview .ranking-home-v56-card--2{
  border-color:rgba(201,236,255,.50)!important;
  background:
    linear-gradient(180deg,rgba(39,75,87,.50),rgba(5,12,18,.93)),
    radial-gradient(circle at 50% 22%,rgba(190,239,255,.24),transparent 30%)!important;
}
html body #ranking-preview .ranking-home-v56-card--3{
  border-color:rgba(255,146,70,.56)!important;
  background:
    linear-gradient(180deg,rgba(104,48,19,.52),rgba(14,7,4,.94)),
    radial-gradient(circle at 50% 22%,rgba(255,133,55,.28),transparent 30%)!important;
}
html body #ranking-preview .ranking-home-v56-card:before{
  content:""!important;
  position:absolute!important;
  inset:-45%!important;
  z-index:-1!important;
  opacity:.72!important;
  animation:v63-rank-card-energy 4.8s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v56-card:after{
  content:""!important;
  position:absolute!important;
  inset:-18% auto -18% -68%!important;
  width:54%!important;
  z-index:0!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
  animation:v63-rank-card-sweep 5.2s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body #ranking-preview .ranking-home-v56-card--1:before{
  background:repeating-linear-gradient(118deg,transparent 0 18px,rgba(96,211,255,.22) 19px 21px,transparent 22px 48px),radial-gradient(circle at 50% 25%,rgba(255,231,72,.72),transparent 38%)!important;
}
html body #ranking-preview .ranking-home-v56-card--2:before{
  background:linear-gradient(105deg,transparent,rgba(183,237,255,.30),transparent),radial-gradient(circle at 50% 22%,rgba(196,237,255,.45),transparent 42%)!important;
}
html body #ranking-preview .ranking-home-v56-card--3:before{
  background:linear-gradient(130deg,transparent,rgba(255,111,35,.28),transparent),radial-gradient(circle at 50% 22%,rgba(255,139,58,.48),transparent 42%)!important;
}
html body #ranking-preview .ranking-home-v56-card > *{position:relative!important;z-index:1!important;}
html body #ranking-preview .ranking-home-v56-place{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:72px!important;
  height:64px!important;
  border-radius:0 0 18px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#2a1a00!important;
  background:linear-gradient(180deg,#ffe164,#bd8018)!important;
  box-shadow:0 11px 26px rgba(0,0,0,.42)!important;
}
html body #ranking-preview .ranking-home-v56-card--2 .ranking-home-v56-place{
  background:linear-gradient(180deg,#edf7ff,#8ca7bf)!important;
  color:#182334!important;
}
html body #ranking-preview .ranking-home-v56-card--3 .ranking-home-v56-place{
  background:linear-gradient(180deg,#d6965c,#76401f)!important;
  color:#261204!important;
}
html body #ranking-preview .ranking-home-v56-avatar{
  width:82px!important;
  height:82px!important;
  margin:0 0 13px!important;
  display:block!important;
  border-radius:50%!important;
  padding:4px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.50))!important;
  border:2px solid rgba(255,255,255,.16)!important;
  box-shadow:0 0 22px rgba(0,0,0,.42)!important;
}
html body #ranking-preview .ranking-home-v56-card--1 .ranking-home-v56-avatar{
  width:92px!important;
  height:92px!important;
  border-color:#ffe16b!important;
  box-shadow:0 0 32px rgba(255,219,84,.30),0 0 60px rgba(79,172,255,.12)!important;
}
html body #ranking-preview .ranking-home-v56-card--2 .ranking-home-v56-avatar{border-color:rgba(183,232,255,.78)!important;}
html body #ranking-preview .ranking-home-v56-card--3 .ranking-home-v56-avatar{border-color:rgba(255,154,72,.78)!important;}
html body #ranking-preview .ranking-home-v56-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
html body #ranking-preview .ranking-home-v56-card strong{
  color:#fff!important;
  font-size:20px!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  text-shadow:0 3px 14px rgba(0,0,0,.95)!important;
}
html body #ranking-preview .ranking-home-v56-card small{
  margin:6px 0 0!important;
  color:rgba(255,245,224,.72)!important;
  font-size:12px!important;
  line-height:1.25!important;
  min-height:0!important;
}
html body #ranking-preview .ranking-home-v56-card b{
  margin-top:13px!important;
  min-width:92px!important;
  padding:7px 12px!important;
  border-radius:4px!important;
  background:rgba(0,0,0,.46)!important;
  color:#ffeb84!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
@keyframes v63-rank-card-energy{0%,100%{transform:translateY(0) rotate(0deg);opacity:.55}50%{transform:translateY(-6px) rotate(2deg);opacity:.95}}
@keyframes v63-rank-card-sweep{0%,42%{left:-68%}62%{left:118%}100%{left:118%}}

@media(max-width:1320px){
  html body #home-features > .section__title,
  html body #home-resources > .section__title,
  html body #home-community > .section__title,
  html body #home-media > .section__title,
  html body #home-features > .content-area,
  html body #home-resources > .content-area,
  html body #home-community > .content-area,
  html body #home-media > .content-area,
  html body #ranking-preview .ranking-cta-v21-card{width:calc(100% - 90px)!important;}
  html body #ranking-preview .ranking-cta-v21-card{grid-template-columns:1fr!important;}
  html body #ranking-preview .ranking-home-v56-podium{max-width:760px!important;margin:0 auto!important;}
}
@media(max-width:1180px){
  html body #home-features,
  html body #home-resources,
  html body #home-community,
  html body #home-media{min-height:auto!important;display:flex!important;padding:58px 0!important;}
  html body #home-resources > .content-area,
  html body #home-media > .content-area{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  html body #home-features > .section__title,
  html body #home-resources > .section__title,
  html body #home-community > .section__title,
  html body #home-media > .section__title,
  html body #home-features > .content-area,
  html body #home-resources > .content-area,
  html body #home-community > .content-area,
  html body #home-media > .content-area,
  html body #ranking-preview .ranking-cta-v21-card{width:calc(100% - 28px)!important;}
  html body #home-resources > .content-area,
  html body #home-media > .content-area{grid-template-columns:1fr!important;}
  html body #home-features .section__title-center-big,
  html body #home-resources .section__title-center-big,
  html body #home-community .section__title-center-big,
  html body #home-media .section__title-center-big{font-size:26px!important;letter-spacing:.08em!important;}
  html body #home-features .section__title-center-big:before,
  html body #home-features .section__title-center-big:after,
  html body #home-resources .section__title-center-big:before,
  html body #home-resources .section__title-center-big:after,
  html body #home-community .section__title-center-big:before,
  html body #home-community .section__title-center-big:after,
  html body #home-media .section__title-center-big:before,
  html body #home-media .section__title-center-big:after{display:none!important;}
  html body #ranking-preview .ranking-home-v56-podium{grid-template-columns:1fr!important;min-height:0!important;}
  html body #ranking-preview .ranking-home-v56-card,
  html body #ranking-preview .ranking-home-v56-card--1{min-height:235px!important;}
}