:root{
  --bg:#050203;
  --bg2:#0c0406;
  --red:#dc1f35;
  --red2:#7e0814;
  --gold:#f6b85c;
  --text:#fff3ee;
  --muted:#bda9a6;
  --primary-rgb:220,31,53;
  --accent-rgb:246,184,92;
  --bg-rgb:5,2,3;
  --bg2-rgb:12,4,6;
  --text-rgb:255,243,238;
  --muted-rgb:189,169,166;
  --card-bg:#140609;
  --card-bg-soft:#000000;
  --card-border:#f6b85c;
  --site-line:#f6b85c;
  --sidebar-bg:#090b11;
  --sidebar-bg-soft:#050508;
  --topbar-bg:#08090d;
  --topbar-bg-soft:#050609;
  --button-text:#050203;
  --link-text:#b8bfcd;
  --card-bg-rgb:20,6,9;
  --card-bg-soft-rgb:0,0,0;
  --card-border-rgb:246,184,92;
  --site-line-rgb:246,184,92;
  --sidebar-bg-rgb:9,11,17;
  --sidebar-bg-soft-rgb:5,5,8;
  --topbar-bg-rgb:8,9,13;
  --topbar-bg-soft-rgb:5,6,9;
  --button-text-rgb:5,2,3;
  --link-text-rgb:184,191,205;
  --glass:rgba(var(--card-bg-rgb),.68);
  --line:rgba(var(--site-line-rgb),.24);
  --shadow:0 24px 80px rgba(0,0,0,.65);
  --surface-1:rgba(var(--card-bg-rgb),.72);
  --surface-2:rgba(var(--card-bg-soft-rgb),.82);
  --card-bg-gradient:linear-gradient(180deg,var(--surface-1),var(--surface-2));
  --button-bg:linear-gradient(135deg,var(--gold),var(--red));
  --button-bg-dark:linear-gradient(135deg,var(--red),var(--red2));
  --menu-bg-gradient:linear-gradient(180deg,rgba(var(--sidebar-bg-rgb),.97),rgba(var(--sidebar-bg-soft-rgb),.985));
  --topbar-bg-gradient:linear-gradient(180deg,rgba(var(--topbar-bg-rgb),.96),rgba(var(--topbar-bg-soft-rgb),.88));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:radial-gradient(circle at top,color-mix(in srgb,var(--red) 22%, #000) 0,#000 35%,#000 78%);
  color:var(--text);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
#embers{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.75}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.18),transparent 65%);z-index:1;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}
.preloader{position:fixed;inset:0;background:#020101;z-index:999;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s ease}
.preloader.hide{opacity:0;visibility:hidden}.preloader-logo{width:min(360px,70vw);filter:drop-shadow(0 0 35px rgba(var(--primary-rgb),.5))}.loader-line{width:220px;height:3px;margin-top:22px;background:#24070b;border-radius:10px;overflow:hidden}.loader-line span{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,var(--red),var(--gold));animation:load 1.15s ease-in-out infinite}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:linear-gradient(180deg,rgba(2,1,1,.85),rgba(2,1,1,.25));backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--accent-rgb),.08)}
.brand img{height:58px;width:auto;filter:drop-shadow(0 0 18px rgba(var(--primary-rgb),.35))}.main-nav{display:flex;gap:26px;align-items:center;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.main-nav a{color:var(--muted);transition:.25s}.main-nav a:hover{color:var(--text);text-shadow:0 0 18px rgba(var(--primary-rgb),.8)}.nav-login,.nav-register{border:1px solid var(--line);padding:11px 16px;border-radius:999px}.nav-register{background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 0 28px rgba(var(--primary-rgb),.28)}
.menu-toggle{display:none;background:none;border:0;width:38px;height:32px;gap:6px;flex-direction:column}.menu-toggle span{height:2px;background:var(--text);border-radius:20px;width:100%}
.section{position:relative;z-index:2;padding:55px 2vw}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:140px 6vw 80px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.9)),radial-gradient(circle at 50% 35%,rgba(var(--primary-rgb),.22),transparent 36%);z-index:0}.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:230px;background:linear-gradient(0deg,var(--bg),transparent);z-index:1}.hero-content{position:relative;z-index:3;max-width:980px}.eyebrow,.section-heading span,.community span,.news-card span{display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.2em;margin-bottom:18px}.hero-logo{width:min(520px,88vw);margin:0 auto 22px;filter:drop-shadow(0 28px 40px rgba(0,0,0,.9)) drop-shadow(0 0 38px rgba(var(--primary-rgb),.32));animation:float 5s ease-in-out infinite}.hero h1,.section-heading h2,.community h2{font-family:Cinzel,serif;font-size:clamp(40px,7vw,88px);line-height:.95;text-transform:uppercase;text-shadow:0 0 40px rgba(var(--primary-rgb),.35)}.hero p,.section-heading p,.community p{max-width:760px;margin:22px auto 0;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:16px;margin:34px 0;flex-wrap:wrap}.btn,.card-link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em;transition:.25s}.btn-primary,.card-link{background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 14px 38px rgba(var(--primary-rgb),.35)}.btn-ghost{border:1px solid var(--line);background:rgba(var(--accent-rgb),.045)}.btn:hover,.card-link:hover{transform:translateY(-3px);filter:brightness(1.15)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:640px;margin:0 auto}.countdown div,.glass-card,.stat-card,.download-card,.news-card,.ranking-table-wrap{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.countdown div{padding:18px;border-radius:22px}.countdown strong{display:block;font-family:Cinzel,serif;font-size:34px;color:var(--text)}.countdown span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.scroll-indicator{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);width:30px;height:48px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:30px}.scroll-indicator span{position:absolute;left:50%;top:9px;width:5px;height:5px;background:var(--red);border-radius:50%;animation:scroll 1.6s infinite}@keyframes scroll{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,22px);opacity:0}}@keyframes float{50%{transform:translateY(-12px)}}
.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45}.hero-bg-orb.one{width:420px;height:420px;background:rgba(var(--primary-rgb),.18);top:18%;left:4%;animation:pulse 7s infinite}.hero-bg-orb.two{width:360px;height:360px;background:rgba(var(--accent-rgb),.08);right:0;bottom:18%;animation:pulse 8s infinite reverse}@keyframes pulse{50%{transform:scale(1.12);opacity:.8}}
.section-heading{text-align:center;margin:0 auto 54px;max-width:850px}.section-heading.align-left{text-align:left;margin-left:0}.section-heading h2,.community h2{font-size:clamp(34px,5vw,60px)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.glass-card,.download-card,.news-card{border-radius:32px;padding:34px}.about-copy h3,.download-card h3,.news-card h3{font-family:Cinzel,serif;font-size:28px;margin-bottom:16px}.about-copy p,.download-card p,.news-card p,.timeline-item p{color:var(--muted);line-height:1.7}.check-list{list-style:none;margin-top:22px;display:grid;gap:12px}.check-list li{position:relative;padding-left:28px;color:var(--muted)}.check-list li:before{content:"✦";position:absolute;left:0;color:var(--red)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat-card{border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:center}.stat-card strong{font-family:Cinzel,serif;font-size:38px;color:var(--text)}.stat-card span{color:var(--muted);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.cards-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.download-card{position:relative;overflow:hidden;min-height:280px}.download-card:before{content:"";position:absolute;inset:auto -40% -45% -40%;height:160px;background:radial-gradient(circle,rgba(var(--primary-rgb),.33),transparent 70%)}.download-card.featured{transform:translateY(-18px);border-color:rgba(var(--accent-rgb),.35)}.icon{width:58px;height:58px;border-radius:18px;background:rgba(var(--primary-rgb),.15);display:grid;place-items:center;font-size:26px;margin-bottom:24px}.download-card .card-link{margin-top:28px}.timeline-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.timeline{display:grid;gap:18px}.timeline-item{position:relative;padding:24px 24px 24px 34px;border-left:2px solid var(--red);background:rgba(var(--accent-rgb),.04);border-radius:0 24px 24px 0}.timeline-item:before{content:"";position:absolute;left:-8px;top:28px;width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 20px var(--red)}.timeline-item b{font-family:Cinzel,serif;font-size:22px;display:block}.timeline-item span{color:var(--gold);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.news-card{align-self:stretch}.news-card a{display:inline-block;margin-top:22px;color:var(--gold);font-weight:900}.ranking-table-wrap{border-radius:30px;overflow:hidden}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:20px;text-align:left;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.ranking-table th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.ranking-table td:first-child{font-family:Cinzel,serif;color:var(--text);font-size:24px}.community{text-align:center;margin:30px 6vw 110px;border:1px solid var(--line);border-radius:38px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(0,0,0,.75));overflow:hidden}.community-logo{width:min(340px,70vw);margin:0 auto 18px;filter:drop-shadow(0 0 28px rgba(var(--primary-rgb),.35))}.socials{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.socials a{padding:14px 22px;border-radius:999px;background:rgba(var(--accent-rgb),.08);border:1px solid var(--line);font-weight:900}.site-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 6vw;color:var(--muted);border-top:1px solid rgba(var(--accent-rgb),.08);background:#030101}.site-footer a{color:var(--gold);font-weight:800}.section-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:920px){.menu-toggle{display:flex}.main-nav{position:fixed;top:94px;right:5vw;left:5vw;display:grid;gap:0;background:rgba(6,2,3,.95);border:1px solid var(--line);border-radius:24px;overflow:hidden;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:16px 20px;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.about-grid,.timeline-wrap{grid-template-columns:1fr}.cards-three{grid-template-columns:1fr}.download-card.featured{transform:none}.countdown{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column;text-align:center}}
@media(max-width:560px){.section{padding:80px 5vw}.hero{padding-top:130px}.brand img{height:44px}.hero h1{font-size:38px}.countdown strong{font-size:26px}.ranking-table{min-width:640px}.ranking-table-wrap{overflow-x:auto}.stat-grid{grid-template-columns:1fr}.cursor-glow{display:none}}

/* Ajustes adicionados sem alterar a identidade original do primeiro layout */
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(2,1,1,.68),rgba(5,2,3,.92)),
    radial-gradient(circle at 50% 20%,rgba(var(--primary-rgb),.16),transparent 38%),
    url('../img/hero-bg.jpg') center top/cover no-repeat;
  opacity:.52;
  filter:saturate(.92) contrast(1.08);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 8%,rgba(var(--primary-rgb),.12),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.72),transparent 22%,transparent 78%,rgba(0,0,0,.72));
}
.hero:before{
  background:
    linear-gradient(rgba(0,0,0,.32),rgba(0,0,0,.9)),
    radial-gradient(circle at 50% 35%,rgba(var(--primary-rgb),.22),transparent 36%),
    url('../img/hero-bg.jpg') center center/cover no-repeat;
}
.inner-hero{min-height:72vh}.inner-logo{width:min(380px,76vw)}
.home-news{padding-top:96px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.all-news-grid{grid-template-columns:repeat(4,1fr)}
.news-list-card{position:relative;overflow:hidden;min-height:285px;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:32px;padding:28px;transition:.25s}
.news-list-card:before{content:"";position:absolute;inset:auto -40% -45% -40%;height:150px;background:radial-gradient(circle,rgba(var(--primary-rgb),.28),transparent 70%)}
.news-list-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.34)}
.news-date{position:relative;z-index:1;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.news-list-card h3{position:relative;z-index:1;font-family:Cinzel,serif;font-size:24px;line-height:1.15;margin-bottom:14px}.news-list-card p{position:relative;z-index:1;color:var(--muted);line-height:1.65}.news-read{position:relative;z-index:1;display:inline-block;margin-top:22px;color:var(--gold);font-weight:900}.more-news-action{display:flex;justify-content:center;margin-top:34px}.single-news-section{display:grid;place-items:center}.single-news-card{max-width:980px;width:100%}.single-news-card h2{font-family:Cinzel,serif;font-size:clamp(32px,5vw,58px);line-height:1.05;margin:12px 0 22px}.single-news-card p{color:var(--muted);font-size:18px;line-height:1.9}.single-news-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
@media(max-width:1100px){.news-grid,.all-news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.news-grid,.all-news-grid{grid-template-columns:1fr}.inner-hero{min-height:66vh}.single-news-actions{display:grid}.single-news-actions .btn{width:100%}}



/* ==========================================================
   MENU LATERAL OPCIONAL - visual refinado
   Todas as regras dependem de body.menu-lateral-on.
   OFF no banco = layout original preservado.
   ========================================================== */
body.menu-lateral-on .site-header{display:none}
body.menu-lateral-on{padding-left:302px}
body.menu-lateral-on .wyd2-layout-content{position:relative;z-index:2;min-height:100vh}
body.menu-lateral-on .wyd2-side-menu{
  position:fixed;left:0;top:0;bottom:0;width:302px;z-index:80;overflow-y:auto;padding:22px 20px;
  background:linear-gradient(180deg,rgba(9,11,17,.97),rgba(5,5,8,.985));
  border-right:1px solid rgba(var(--accent-rgb),.16);
  box-shadow:24px 0 80px rgba(0,0,0,.45);
}
body.menu-lateral-on .wyd2-side-menu::-webkit-scrollbar{width:7px}
body.menu-lateral-on .wyd2-side-menu::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.28);border-radius:999px}
body.menu-lateral-on .wyd2-side-logo{display:block;padding:8px 14px 18px;border-bottom:1px solid rgba(var(--accent-rgb),.10);margin-bottom:14px;text-align:center}
body.menu-lateral-on .wyd2-side-logo img{width:185px;max-width:92%;height:auto;margin:0 auto;filter:drop-shadow(0 0 28px rgba(var(--primary-rgb),.34))}
body.menu-lateral-on .wyd2-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 20px}
body.menu-lateral-on .wyd2-side-action{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(var(--accent-rgb),.18);transition:.18s ease}
body.menu-lateral-on .wyd2-side-action.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:var(--text);box-shadow:0 10px 26px rgba(var(--primary-rgb),.22)}
body.menu-lateral-on .wyd2-side-action.secondary{background:rgba(var(--accent-rgb),.045);color:var(--muted)}
body.menu-lateral-on .wyd2-side-action:hover{transform:translateY(-1px);filter:brightness(1.08)}
body.menu-lateral-on .wyd2-side-nav,
body.menu-lateral-on .wyd2-side-block{display:grid;gap:3px;margin-bottom:22px}
body.menu-lateral-on .wyd2-side-nav a,
body.menu-lateral-on .wyd2-side-block a,
body.menu-lateral-on .wyd2-side-block span{
  display:block;color:var(--muted);padding:8px 10px;border-radius:9px;font-size:14px;line-height:1.25;transition:.18s ease;
}
body.menu-lateral-on .wyd2-side-nav a:hover,
body.menu-lateral-on .wyd2-side-block a:hover{color:var(--text);background:rgba(var(--primary-rgb),.12);box-shadow:inset 3px 0 0 var(--gold)}
body.menu-lateral-on .wyd2-side-block{padding:0;border:0;background:transparent;border-radius:0}
body.menu-lateral-on .wyd2-side-block strong{display:block;margin:8px 0 8px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,Arial,sans-serif}
body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic{font-size:13px!important;color:color-mix(in srgb, var(--muted) 82%, transparent)!important;padding-left:18px!important}
body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic:before{content:"› ";color:var(--gold)}
body.menu-lateral-on .wyd2-side-made{color:color-mix(in srgb, var(--muted) 65%, transparent);font-size:12px;text-align:center;border-top:1px solid rgba(var(--accent-rgb),.08);padding-top:18px;margin-top:12px}
.wyd2-side-toggle,.wyd2-side-overlay{display:none}
body.menu-lateral-on .site-footer{margin-left:0}
@media(max-width:1180px){
  body.menu-lateral-on{padding-left:0}
  body.menu-lateral-on .wyd2-side-menu{transform:translateX(-105%);transition:.24s ease}
  body.menu-lateral-on.side-open .wyd2-side-menu{transform:translateX(0)}
  body.menu-lateral-on .wyd2-side-toggle{display:flex;position:fixed;left:16px;top:16px;z-index:95;width:46px;height:46px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.28);background:rgba(8,10,15,.92);box-shadow:0 14px 30px rgba(0,0,0,.4);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  body.menu-lateral-on .wyd2-side-toggle span{width:20px;height:2px;background:var(--text);border-radius:999px}
  body.menu-lateral-on .wyd2-side-overlay{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s ease}
  body.menu-lateral-on.side-open .wyd2-side-overlay{opacity:1;pointer-events:auto}
}
@media(max-width:760px){body.menu-lateral-on .wyd2-side-menu{width:min(306px,86vw)}}

/* =========================================================
   LAYOUT LATERAL / COMPONENTES NOVOS - CORES DINÂMICAS
   Usa as variáveis vindas do banco em topo.php:
   --red, --red2, --gold, --text, --muted,
   --primary-rgb, --accent-rgb, --glass, --line,
   --surface-1 e --surface-2.
   ========================================================= */

body.menu-lateral-on {
  --wyd2-sidebar-width: 294px;
  padding-top: 82px;
}

/* Corrige o antigo header para não duplicar quando o layout lateral estiver ON */
body.menu-lateral-on .site-header {
  display: none !important;
}

/* Mantém o deslocamento principal apenas pelo body, sem empurrar o main duas vezes */
body.menu-lateral-on main,
body.menu-lateral-on .site-wrapper,
body.menu-lateral-on .main-wrapper,
body.menu-lateral-on .page-wrapper,
body.menu-lateral-on .wyd2-main,
body.menu-lateral-on .content-area {
  margin-left: 0 !important;
}

/* Centralização do conteúdo na área livre */
body.menu-lateral-on .main-content,
body.menu-lateral-on .site-main,
body.menu-lateral-on .page-content,
body.menu-lateral-on .home-main,
body.menu-lateral-on .section {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   MENU LATERAL
   ========================================================= */

body.menu-lateral-on .wyd2-side-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--wyd2-sidebar-width);
  z-index: 1000;
  overflow-y: auto;
  padding: 22px 20px;
  background:
    linear-gradient(180deg, rgba(9,11,17,.97), rgba(5,5,8,.985)),
    radial-gradient(circle at top, rgba(var(--primary-rgb), .12), transparent 36%);
  border-right: 1px solid rgba(var(--accent-rgb), .16);
  box-shadow: 24px 0 80px rgba(0,0,0,.45);
}

body.menu-lateral-on .wyd2-side-menu::-webkit-scrollbar {
  width: 7px;
}

body.menu-lateral-on .wyd2-side-menu::-webkit-scrollbar-thumb {
  background: rgba(var(--accent-rgb), .28);
  border-radius: 999px;
}

body.menu-lateral-on .wyd2-side-logo {
  display: block;
  padding: 8px 14px 18px;
  border-bottom: 1px solid rgba(var(--accent-rgb), .10);
  margin-bottom: 14px;
  text-align: center;
}

body.menu-lateral-on .wyd2-side-logo img {
  width: 185px;
  max-width: 92%;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 0 28px rgba(var(--primary-rgb), .34));
}

/* Se existir no HTML antigo, fica oculto no desktop porque foi para o topo */
body.menu-lateral-on .wyd2-side-menu > .wyd2-side-actions,
body.menu-lateral-on .wyd2-side-menu > .wyd2-side-nav {
  display: none !important;
}

body.menu-lateral-on .wyd2-side-block {
  display: grid;
  gap: 3px;
  margin-bottom: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}

body.menu-lateral-on .wyd2-side-block strong {
  display: block;
  margin: 8px 0 8px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Inter, Arial, sans-serif;
}

body.menu-lateral-on .wyd2-side-block a,
body.menu-lateral-on .wyd2-side-block span {
  display: block;
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%);
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 14px;
  line-height: 1.25;
  transition: .18s ease;
}

body.menu-lateral-on .wyd2-side-block a:hover {
  color: var(--text);
  background: rgba(var(--primary-rgb), .12);
  box-shadow: inset 3px 0 0 var(--gold);
}

body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic {
  font-size: 13px !important;
  color: color-mix(in srgb, var(--muted) 82%, transparent) !important;
  padding-left: 18px !important;
}

body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic::before {
  content: "› ";
  color: var(--gold);
}

body.menu-lateral-on .wyd2-side-made {
  color: color-mix(in srgb, var(--muted) 65%, transparent);
  font-size: 12px;
  text-align: center;
  border-top: 1px solid rgba(var(--accent-rgb), .08);
  padding-top: 18px;
  margin-top: 12px;
}

/* =========================================================
   MENU SUPERIOR
   ========================================================= */

body.menu-lateral-on .wyd2-top-menu {
  position: fixed;
  top: 0;
  left: var(--wyd2-sidebar-width) !important;
  right: 0;
  z-index: 850;
  height: 82px;
  border-bottom: 1px solid rgba(var(--accent-rgb), .14);
  background:
    linear-gradient(180deg, rgba(8,9,13,.96), rgba(5,6,9,.88)),
    radial-gradient(circle at center top, rgba(var(--primary-rgb), .10), transparent 38%);
  backdrop-filter: blur(16px);
  box-shadow:
    0 10px 35px rgba(0,0,0,.35),
    inset 0 -1px 0 rgba(var(--accent-rgb), .04);
}

body.menu-lateral-on .wyd2-top-menu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(var(--accent-rgb), .16);
}

.wyd2-top-inner {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 0 34px;
}

.wyd2-top-logo {
  display: none;
}

.wyd2-top-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.wyd2-top-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .2px;
  transition: all .22s ease;
}

.wyd2-top-nav a:hover {
  color: var(--text);
  background: rgba(var(--accent-rgb), .08);
}

.wyd2-top-nav a::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--red), var(--gold));
  opacity: 0;
  transform: scaleX(.35);
  transition: all .22s ease;
}

.wyd2-top-nav a:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.wyd2-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wyd2-top-action {
  min-width: 96px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .6px;
  transition: all .22s ease;
}

.wyd2-top-action.primary {
  color: var(--bg);
  background: linear-gradient(135deg, var(--gold), color-mix(in srgb, var(--gold) 65%, var(--red) 35%));
  border: 1px solid rgba(var(--accent-rgb), .75);
  box-shadow: 0 0 22px rgba(var(--accent-rgb), .18);
}

.wyd2-top-action.secondary {
  color: var(--text);
  background: rgba(var(--accent-rgb), .045);
  border: 1px solid rgba(var(--accent-rgb), .12);
}

.wyd2-top-action:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

/* =========================================================
   CAROUSEL
   ========================================================= */

#heroCarousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(var(--accent-rgb), .75);
  background: var(--surface-2);
  box-shadow:
    0 18px 45px rgba(0,0,0,.55),
    0 0 35px rgba(var(--accent-rgb), .12);
}

#heroCarousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#heroCarousel .carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out, opacity .6s ease-in-out;
}

#heroCarousel .carousel-item.active,
#heroCarousel .carousel-item-next,
#heroCarousel .carousel-item-prev {
  display: block;
}

#heroCarousel.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

#heroCarousel.carousel-fade .carousel-item.active,
#heroCarousel.carousel-fade .carousel-item-next.carousel-item-start,
#heroCarousel.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
  z-index: 1;
}

#heroCarousel.carousel-fade .active.carousel-item-start,
#heroCarousel.carousel-fade .active.carousel-item-end {
  opacity: 0;
  z-index: 0;
}

#heroCarousel .hero-img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  padding: 0;
  color: var(--text);
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
}

#heroCarousel .carousel-control-prev {
  left: 0;
}

#heroCarousel .carousel-control-next {
  right: 0;
}

#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-size: 45%;
  background-color: rgba(0,0,0,.72);
  border: 1px solid rgba(var(--accent-rgb), .55);
  box-shadow: 0 0 18px rgba(var(--accent-rgb), .22);
  transition: all .25s ease;
}

#heroCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#heroCarousel .carousel-control-next:hover .carousel-control-next-icon {
  background-color: rgba(var(--accent-rgb), .88);
  border-color: rgba(var(--accent-rgb), .95);
  transform: scale(1.08);
}

body.menu-lateral-on #heroCarousel {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}

/* =========================================================
   VÍDEO E DOWNLOADS
   ========================================================= */

body.menu-lateral-on .about-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 28px;
  align-items: stretch;
}

.video-showcase,
.download-side-panel {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(var(--accent-rgb), .32);
  background:
    radial-gradient(circle at top left, rgba(var(--accent-rgb), .12), transparent 35%),
    linear-gradient(145deg, var(--glass), var(--surface-2));
  box-shadow:
    0 20px 55px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(var(--accent-rgb), .035);
}

.video-showcase {
  padding: 24px;
}

.download-side-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

.video-showcase::before,
.download-side-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent, rgba(var(--accent-rgb), .06), transparent);
  opacity: .78;
}

.video-header,
.video-footer,
.download-side-header,
.download-side-link {
  position: relative;
  z-index: 2;
}

.video-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 13px;
  border-radius: 999px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: rgba(var(--accent-rgb), .08);
  border: 1px solid rgba(var(--accent-rgb), .28);
}

.video-badge::before {
  content: "▶";
  color: var(--red);
  font-size: 10px;
}

.video-header h3,
.download-side-header h3 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-shadow: 0 0 18px rgba(var(--accent-rgb), .18);
}

.video-header p,
.download-side-header p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.download-side-header span {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.youtube-frame {
  position: relative;
  z-index: 2;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(var(--accent-rgb), .42);
  background: #000;
  box-shadow:
    0 16px 38px rgba(0,0,0,.65),
    0 0 28px rgba(var(--accent-rgb), .12);
}

.youtube-frame iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.video-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(var(--accent-rgb), .10);
}

.video-footer strong {
  display: block;
  margin-bottom: 4px;
  color: var(--gold);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .7px;
}

.video-footer span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}

.video-footer a,
.download-side-icon {
  background: linear-gradient(135deg, var(--gold), color-mix(in srgb, var(--gold) 64%, var(--red) 36%));
  border: 1px solid rgba(var(--accent-rgb), .72);
  box-shadow: 0 0 22px rgba(var(--accent-rgb), .22);
}

.video-footer a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  color: var(--bg);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .6px;
  transition: all .25s ease;
}

.video-footer a:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 0 30px rgba(var(--accent-rgb), .35);
}

.download-side-link {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 16px;
  text-decoration: none;
  color: var(--text);
  border: 1px solid rgba(var(--accent-rgb), .10);
  background: linear-gradient(135deg, rgba(var(--accent-rgb), .055), rgba(255,255,255,.015));
  transition: all .25s ease;
}

.download-side-link:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--accent-rgb), .50);
  background: linear-gradient(135deg, rgba(var(--accent-rgb), .16), rgba(var(--primary-rgb), .08));
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

.download-side-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--bg);
  font-size: 20px;
  font-weight: 900;
}

.download-side-info strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.download-side-info span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}

.download-side-link em {
  font-style: normal;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  transition: all .25s ease;
}

.download-side-link:hover em {
  color: var(--text);
}

/* Evita duplicidade com blocos antigos */
body.menu-lateral-on section.downloads,
body.menu-lateral-on .stat-grid {
  display: none !important;
}

body.menu-lateral-on .video-showcase,
body.menu-lateral-on .download-side-panel {
  width: 100%;
  max-width: 100%;
}

/* =========================================================
   RESPONSIVO DO LAYOUT LATERAL
   ========================================================= */

.wyd2-side-toggle,
.wyd2-side-overlay {
  display: none;
}

@media (max-width: 1200px) {
  body.menu-lateral-on {
    --wyd2-sidebar-width: 280px;
  }

  body.menu-lateral-on .about-grid {
    grid-template-columns: 1fr;
  }

  #heroCarousel .hero-img {
    height: 360px;
  }

  .wyd2-top-inner {
    gap: 18px;
    padding: 0 22px;
  }

  .wyd2-top-nav a {
    padding: 0 10px;
    font-size: 12px;
  }

  .wyd2-top-action {
    min-width: 84px;
    padding: 0 14px;
  }
}

@media (max-width: 1180px) {
  body.menu-lateral-on {
    padding-left: 0;
  }

  body.menu-lateral-on .wyd2-side-menu {
    transform: translateX(-105%);
    transition: .24s ease;
  }

  body.menu-lateral-on.side-open .wyd2-side-menu {
    transform: translateX(0);
  }

  body.menu-lateral-on .wyd2-side-toggle {
    display: flex;
    position: fixed;
    left: 16px;
    top: 16px;
    z-index: 1100;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(var(--accent-rgb), .28);
    background: rgba(8,10,15,.92);
    box-shadow: 0 14px 30px rgba(0,0,0,.4);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
  }

  body.menu-lateral-on .wyd2-side-toggle span {
    width: 20px;
    height: 2px;
    background: var(--text);
    border-radius: 999px;
  }

  body.menu-lateral-on .wyd2-side-overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 700;
    background: rgba(0,0,0,.6);
    opacity: 0;
    pointer-events: none;
    transition: .25s ease;
  }

  body.menu-lateral-on.side-open .wyd2-side-overlay {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 992px) {
  body.menu-lateral-on {
    --wyd2-sidebar-width: 0px;
    padding-top: 72px;
  }

  body.menu-lateral-on .wyd2-top-menu {
    left: 0 !important;
    height: 72px;
  }

  body.menu-lateral-on .wyd2-side-menu {
    width: 280px;
  }

  .wyd2-top-inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .wyd2-top-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }

  .wyd2-top-logo img {
    max-width: 96px;
    max-height: 48px;
    object-fit: contain;
    display: block;
  }

  .wyd2-top-nav {
    display: none;
  }

  .wyd2-top-actions {
    gap: 8px;
  }

  .wyd2-top-action {
    min-width: 78px;
    min-height: 36px;
    padding: 0 12px;
    font-size: 11px;
  }

  body.menu-lateral-on .wyd2-side-menu > .wyd2-side-nav,
  body.menu-lateral-on .wyd2-side-menu > .wyd2-side-actions {
    display: flex !important;
  }

  body.menu-lateral-on .about-grid {
    grid-template-columns: 1fr;
  }

  .download-side-panel {
    padding: 20px;
  }

  .download-side-link {
    grid-template-columns: 44px 1fr;
  }

  .download-side-link em {
    grid-column: 2;
  }

  .download-side-icon {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 768px) {
  #heroCarousel {
    border-radius: 14px;
  }

  #heroCarousel .hero-img {
    height: 260px;
  }

  #heroCarousel .carousel-control-prev,
  #heroCarousel .carousel-control-next {
    width: 46px;
  }

  #heroCarousel .carousel-control-prev-icon,
  #heroCarousel .carousel-control-next-icon {
    width: 34px;
    height: 34px;
  }

  .video-showcase {
    padding: 18px;
    border-radius: 18px;
  }

  .video-header h3 {
    font-size: 21px;
  }

  .video-header p {
    font-size: 14px;
  }

  .youtube-frame {
    border-radius: 14px;
  }

  .video-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .video-footer a {
    width: 100%;
  }

  body.menu-lateral-on .wyd2-side-menu {
    width: min(306px, 86vw);
  }
}

@media (max-width: 520px) {
  .wyd2-top-inner {
    padding: 0 14px;
  }

  .wyd2-top-actions {
    gap: 6px;
  }

  .wyd2-top-action {
    min-width: auto;
    padding: 0 10px;
    font-size: 10px;
  }

  .download-side-panel {
    padding: 16px;
    border-radius: 18px;
  }

  .download-side-header h3 {
    font-size: 21px;
  }

  .download-side-link {
    padding: 14px;
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  #heroCarousel .hero-img {
    height: 210px;
  }
}


/* =========================================================
   EQUALIZAÇÃO FINAL DA PALETA DO SITE
   Mantém o layout, mas força todos os componentes a usarem
   as mesmas variáveis semânticas carregadas do banco.
   ========================================================= */

body{
  /*background:*/
  /*  radial-gradient(circle at top, rgba(var(--primary-rgb), .18) 0, var(--bg) 34%, var(--bg2) 78%);*/
  color: var(--text);
}

body::before{
  background:
    linear-gradient(180deg, rgba(var(--bg-rgb), .70), rgba(var(--bg2-rgb), .94)),
    radial-gradient(circle at 50% 20%, rgba(var(--primary-rgb), .16), transparent 38%),
    url('../img/hero-bg.jpg') center top/cover no-repeat;
}

body::after{
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--primary-rgb), .12), transparent 28%),
    linear-gradient(90deg, rgba(var(--bg-rgb), .82), transparent 22%, transparent 78%, rgba(var(--bg-rgb), .82));
}

.site-header,
.site-footer{
  background: linear-gradient(180deg, rgba(var(--topbar-bg-rgb), .92), rgba(var(--topbar-bg-soft-rgb), .86));
  border-color: rgba(var(--site-line-rgb), .14);
}

.main-nav a,
.site-footer,
.about-copy p,
.download-card p,
.news-card p,
.news-list-card p,
.timeline-item p,
.hero p,
.section-heading p,
.community p,
.check-list li{
  color: var(--muted);
}

.main-nav a:hover,
.news-list-card h3,
.about-copy h3,
.download-card h3,
.news-card h3,
.timeline-item b,
.ranking-table td,
.ranking-table td:first-child{
  color: var(--text);
}

.eyebrow,
.section-heading span,
.community span,
.news-card span,
.news-date,
.news-read,
.news-card a,
.site-footer a,
.timeline-item span,
.ranking-table th{
  color: var(--gold);
}

.countdown div,
.glass-card,
.stat-card,
.download-card,
.news-card,
.news-list-card,
.ranking-table-wrap,
.single-news-card,
.download-side-panel,
.video-showcase{
  background: var(--card-bg-gradient) !important;
  border: 1px solid rgba(var(--card-border-rgb), .32) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text);
  backdrop-filter: blur(18px);
}

.countdown div,
.glass-card,
.download-card,
.news-card,
.news-list-card,
.ranking-table-wrap{
  border-color: rgba(var(--card-border-rgb), .24) !important;
}

.news-list-card:hover,
.download-side-link:hover,
.video-footer a:hover,
.btn:hover,
.card-link:hover{
  border-color: rgba(var(--card-border-rgb), .58) !important;
}

.btn-primary,
.card-link,
.nav-register,
.wyd2-top-action.primary,
body.menu-lateral-on .wyd2-side-action.primary,
.video-footer a,
.download-side-icon{
  color: var(--button-text) !important;
  background: var(--button-bg) !important;
  border: 1px solid rgba(var(--accent-rgb), .72) !important;
  box-shadow: 0 14px 38px rgba(var(--accent-rgb), .22) !important;
}

.btn-ghost,
.nav-login,
.wyd2-top-action.secondary,
body.menu-lateral-on .wyd2-side-action.secondary,
.socials a{
  color: var(--text) !important;
  background: rgba(var(--card-bg-rgb), .50) !important;
  border: 1px solid rgba(var(--card-border-rgb), .22) !important;
}

.hero:after{
  background: linear-gradient(0deg, var(--bg), transparent);
}

.hero:before{
  background:
    linear-gradient(rgba(var(--bg-rgb), .32), rgba(var(--bg2-rgb), .92)),
    radial-gradient(circle at 50% 35%, rgba(var(--primary-rgb), .22), transparent 36%),
    url('../img/hero-bg.jpg') center center/cover no-repeat;
}

.timeline-item{
  background: rgba(var(--card-bg-rgb), .34) !important;
  border-left-color: var(--red) !important;
}

.timeline-item:before{
  background: var(--red);
  box-shadow: 0 0 20px var(--red);
}

.ranking-table th,
.ranking-table td{
  border-bottom: 1px solid rgba(var(--site-line-rgb), .10) !important;
}

.community{
  background: var(--card-bg-gradient) !important;
  border-color: rgba(var(--card-border-rgb), .28) !important;
}

/* Menu lateral/topo usando as novas cores semânticas */
body.menu-lateral-on .wyd2-side-menu{
  background:
    var(--menu-bg-gradient),
    radial-gradient(circle at top, rgba(var(--primary-rgb), .12), transparent 36%) !important;
  border-right: 1px solid rgba(var(--site-line-rgb), .18) !important;
  box-shadow: 24px 0 80px rgba(0,0,0,.45) !important;
}

body.menu-lateral-on .wyd2-top-menu{
  background:
    var(--topbar-bg-gradient),
    radial-gradient(circle at center top, rgba(var(--primary-rgb), .10), transparent 38%) !important;
  border-bottom: 1px solid rgba(var(--site-line-rgb), .16) !important;
}

body.menu-lateral-on .wyd2-side-logo,
body.menu-lateral-on .wyd2-side-made,
.video-footer{
  border-color: rgba(var(--site-line-rgb), .12) !important;
}

body.menu-lateral-on .wyd2-side-block strong,
body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic::before,
.download-side-link em,
.video-footer strong{
  color: var(--gold) !important;
}

body.menu-lateral-on .wyd2-side-block a,
body.menu-lateral-on .wyd2-side-block span,
.wyd2-top-nav a{
  color: var(--link-text) !important;
}

body.menu-lateral-on .wyd2-side-block a:hover,
.wyd2-top-nav a:hover{
  color: var(--text) !important;
  background: rgba(var(--accent-rgb), .08) !important;
}

body.menu-lateral-on .wyd2-side-block .wyd2-side-dynamic{
  color: rgba(var(--link-text-rgb), .80) !important;
}

body.menu-lateral-on .wyd2-side-made,
.download-side-info span,
.video-footer span,
.download-side-header p,
.video-header p{
  color: var(--muted) !important;
}

.wyd2-top-nav a::after{
  background: linear-gradient(90deg, var(--red), var(--gold)) !important;
}

/* Carrossel e vídeo alinhados com a mesma paleta */
#heroCarousel,
.youtube-frame{
  background: var(--card-bg-soft) !important;
  border-color: rgba(var(--card-border-rgb), .70) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.55),
    0 0 35px rgba(var(--accent-rgb), .12) !important;
}

#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon{
  background-color: rgba(var(--card-bg-soft-rgb), .72) !important;
  border-color: rgba(var(--card-border-rgb), .55) !important;
  box-shadow: 0 0 18px rgba(var(--accent-rgb), .22) !important;
}

#heroCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#heroCarousel .carousel-control-next:hover .carousel-control-next-icon{
  background-color: rgba(var(--accent-rgb), .88) !important;
  border-color: rgba(var(--accent-rgb), .95) !important;
}

/* Downloads laterais */
.download-side-panel::before,
.video-showcase::before{
  background: linear-gradient(120deg, transparent, rgba(var(--accent-rgb), .07), transparent) !important;
}

.download-side-link{
  color: var(--text) !important;
  background: linear-gradient(135deg, rgba(var(--card-bg-rgb), .58), rgba(var(--card-bg-soft-rgb), .38)) !important;
  border-color: rgba(var(--card-border-rgb), .16) !important;
}

.download-side-link:hover{
  background: linear-gradient(135deg, rgba(var(--accent-rgb), .16), rgba(var(--primary-rgb), .08)) !important;
}

/* Evita duplicidade visual e mantém o layout centralizado */
body.menu-lateral-on section.downloads,
body.menu-lateral-on .stat-grid{
  display: none !important;
}

body.menu-lateral-on main,
body.menu-lateral-on .site-wrapper,
body.menu-lateral-on .main-wrapper,
body.menu-lateral-on .page-wrapper,
body.menu-lateral-on .wyd2-main,
body.menu-lateral-on .content-area{
  margin-left: 0 !important;
}

body.menu-lateral-on .main-content,
body.menu-lateral-on .site-main,
body.menu-lateral-on .page-content,
body.menu-lateral-on .home-main,
body.menu-lateral-on .section{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   BORDER RADIUS GLOBAL CONTROLADO PELO ADMIN
   Chave no banco: site_border_radius (0 a 100)
   ========================================================= */

:root {
  --radius: var(--site-radius, 22px);
  --radius-sm: clamp(0px, calc(var(--site-radius, 22px) * 0.55), 100px);
  --radius-xs: clamp(0px, calc(var(--site-radius, 22px) * 0.35), 100px);
  --radius-pill: var(--site-radius, 22px);
}

/* Cards, painéis e blocos principais */
.countdown div,
.glass-card,
.stat-card,
.download-card,
.news-card,
.news-list-card,
.ranking-table-wrap,
.community,
.single-news-card,
.download-side-panel,
.video-showcase,
.youtube-frame,
#heroCarousel,
.timeline-item {
  border-radius: var(--radius) !important;
}

/* Elementos médios */
.btn,
.card-link,
.socials a,
.nav-login,
.nav-register,
.main-nav,
.download-side-link,
.download-side-icon,
.video-badge,
.video-footer a,
.wyd2-top-action,
body.menu-lateral-on .wyd2-side-action,
body.menu-lateral-on .wyd2-side-nav a,
body.menu-lateral-on .wyd2-side-block a,
body.menu-lateral-on .wyd2-side-block span,
body.menu-lateral-on .wyd2-side-toggle,
.icon {
  border-radius: var(--radius-sm) !important;
}

/* Elementos pequenos e indicadores */
.loader-line,
.loader-line span,
.menu-toggle span,
.wyd2-side-toggle span,
.wyd2-top-nav a,
.wyd2-top-nav a::after,
body.menu-lateral-on .wyd2-side-menu::-webkit-scrollbar-thumb {
  border-radius: var(--radius-xs) !important;
}

/* Controles do carousel e bolinhas: também obedecem ao admin */
#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon,
.scroll-indicator,
.scroll-indicator span,
.timeline-item:before,
.hero-bg-orb,
.cursor-glow {
  border-radius: var(--radius-pill) !important;
}

/* Timeline com radius controlado, mantendo lado esquerdo mais marcado */
.timeline-item {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Quando radius for alto, evita quebra visual em tabelas */
.ranking-table-wrap {
  overflow: hidden;
}