@import url("tabs.css?v=23.6");
@import url("surfaces.css?v=23.3");
@import url("site-background.css?v=26.6-admin");
@import url("page-headings.css?v=23-shell-1");
:root {
    --red: #d71920;
    --red2: #8f0e13;
    --ink: #08090b;
    --panel: #101216;
    --panel2: #171a1f;
    --line: #292d34;
    --muted: #9298a2;
    --white: #f7f7f4
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 76px
}

body {
    background: var(--ink);
    color: var(--white);
    font-family: Inter, sans-serif
}

.site-loading-screen {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 14px;
    color: #fff;
    background: #08090b;
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease, visibility .25s ease
}

.site-loading-screen img {
    width: 72px;
    height: 72px;
    object-fit: contain
}

.site-loading-screen strong {
    font-family: "Barlow Condensed", sans-serif;
    font-size: .85rem;
    letter-spacing: .18em
}

.site-loading-spinner {
    width: 34px;
    height: 34px;
    border: 3px solid rgba(255, 255, 255, .15);
    border-top-color: var(--red);
    border-radius: 50%;
    animation: site-loading-spin .75s linear infinite
}

.site-loading-screen.is-finished {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.admin-loading-screen {
    inset: 0;
    z-index: 30000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    width: 100%;
    height: 100%;
    min-width: 190px;
    padding: 10px 14px;
    background: #090b0e;
    border: 1px solid #343941;
    border-left: 3px solid var(--red);
    border-radius: 0;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .42)
}

body.admin-is-loading { overflow: hidden; }
body.admin-is-loading main,
body.admin-is-loading .admin-side-nav,
body.admin-is-loading .navbar { visibility: hidden; }

.admin-loading-screen img {
    width: 30px;
    height: 30px
}

.admin-loading-screen .site-loading-spinner {
    width: 20px;
    height: 20px;
    border-width: 2px
}

body[aria-busy="true"] .table-responsive {
    pointer-events: none;
    opacity: .38;
    transition: opacity .18s ease
}

@keyframes site-loading-spin {
    to { transform: rotate(360deg) }
}

@media (prefers-reduced-motion: reduce) {
    .site-loading-spinner { animation-duration: 1.5s }
    .site-loading-screen { transition: none }
}

.navbar {
    background: rgba(8, 9, 11, .9);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(14px)
}

/* Navegação lateral global */
.site-topbar{height:72px;background:rgba(8,9,11,.9)!important;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.site-topbar .container{justify-content:space-between}
.site-menu-backdrop{position:fixed;z-index:1050;inset:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;transition:.24s ease;backdrop-filter:blur(2px)}
.site-menu-rail{position:fixed;z-index:1060;top:72px;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:10px;width:68px;padding:14px 9px;background:#111318;border-left:1px solid #30343c;box-shadow:-12px 0 35px rgba(0,0,0,.28);transform:translateX(105%);visibility:hidden;transition:transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}
.site-menu-rail button,.site-menu-rail a{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:10px;background:transparent;color:#9198a3;text-decoration:none;transition:.18s ease}.site-menu-rail button:hover,.site-menu-rail a:hover{background:#22252b;color:#fff}.site-menu-rail span{font-size:1rem;font-weight:800}.site-menu-rail button:first-child{background:rgba(215,25,32,.16);color:#ff555b}.site-menu-rail .site-rail-close{margin-top:auto;border-top:1px solid #30343c;border-radius:0;color:#686f7a}
.site-menu-rail-open .site-menu-rail{transform:none;visibility:visible}
.site-side-menu{position:fixed;z-index:1061;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(365px,92vw);padding:22px;background:linear-gradient(205deg,#17191e 0%,#0a0b0e 62%);border-left:1px solid #363a42;box-shadow:-24px 0 70px rgba(0,0,0,.5);transform:translateX(105%);visibility:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility .3s;overflow-y:auto}
.site-menu-open{overflow:hidden}
.site-menu-open .site-menu-backdrop{opacity:1;visibility:visible}
.site-menu-open .site-side-menu{transform:none;visibility:visible}
.site-side-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #2b2e35}
.site-side-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:1.18rem;font-weight:800;letter-spacing:.03em}
.site-side-brand img{width:43px;height:43px;object-fit:contain}.site-side-brand b{display:block;color:var(--red);font-size:.72rem;letter-spacing:.14em}
.site-menu-close{width:39px;height:39px;padding:0;border:1px solid #353942;border-radius:50%;background:transparent;color:#bbc0c9;font-size:1.65rem;line-height:1}.site-menu-close:hover{color:#fff;border-color:var(--red)}
.site-account-card{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;margin:20px 0 8px;padding:14px;border:1px solid #30343c;border-radius:14px;background:rgba(255,255,255,.035)}
.site-account-shield{display:grid;place-items:center;width:62px;height:62px;border-radius:13px;background:#090a0c;border:1px solid #353941;overflow:hidden;color:#fff;font:800 1rem 'Barlow Condensed',sans-serif}.site-account-shield img{width:52px;height:52px;object-fit:contain}
.site-account-card small,.site-account-card strong,.site-account-card span{display:block}.site-account-card small{color:var(--red);font-size:.62rem;font-weight:800;letter-spacing:.13em}.site-account-card strong{margin-top:2px;font-size:.96rem}.site-account-card span{color:#959ba6;font-size:.78rem}
.site-side-nav{margin-top:18px}.site-nav-group+ .site-nav-group{margin-top:13px;padding-top:13px;border-top:1px solid #25282e}.site-side-label{display:block;padding:0 12px 6px;color:#6f7580;font-size:.62rem;font-weight:800;letter-spacing:.17em}.site-side-nav ul{list-style:none;margin:0;padding:0}.site-side-nav li>a{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:7px 12px;border-radius:8px;color:#c8ccd3;text-decoration:none;font-size:.86rem;font-weight:600;transition:.18s ease}.site-side-nav li>a b{color:#626873;font-size:1.2rem}.site-side-nav li>a:hover{padding-left:16px;background:#202329;color:#fff}.site-side-nav li>a.active{background:linear-gradient(270deg,rgba(215,25,32,.22),transparent);color:#fff;box-shadow:inset -3px 0 var(--red)}.site-side-nav li>a.active b{color:var(--red)}
.site-team-links{margin-top:18px}.site-team-links .site-side-label{padding-top:8px;border-top:1px solid #292c32}
.site-side-account{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:auto;padding-top:22px}.site-side-account a{color:#aeb3bc;text-decoration:none;font-size:.78rem;font-weight:700}.site-side-account .site-side-primary{display:grid;place-items:center;min-height:43px;padding:8px 14px;border-radius:9px;background:var(--red);color:#fff;text-align:center}.site-side-account .site-side-primary:hover{background:#ed252d}
@media(max-width:767.98px){.site-topbar{height:64px}.site-topbar .navbar-brand span{display:none}.site-menu-rail{display:none}.site-side-menu{width:min(370px,94vw);padding:17px}.site-account-card{margin-top:16px}}

/* Desktop: sidebar permanente integrada ao layout */
@media(min-width:768px){
body.site-has-sidebar{padding-left:264px;transition:padding-left .22s ease}
body.site-has-sidebar.site-nav-collapsed{padding-left:68px}
.site-topbar{display:flex;left:264px;right:0;transition:left .22s ease}.site-nav-collapsed .site-topbar{left:68px}
.site-menu-backdrop,.site-menu-rail{display:none!important}
.site-side-menu{inset:0 auto 0 0;width:264px;height:100vh;padding:16px 12px;border:0;border-right:1px solid #30343c;box-shadow:none;transform:none!important;visibility:visible!important;transition:width .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1);overflow:visible}
.site-nav-collapsed .site-side-menu{width:68px;padding-inline:0}
.site-side-head{height:54px;padding:0 0 14px;gap:7px}.site-side-brand{min-width:0;gap:9px;overflow:hidden}.site-side-brand img{flex:0 0 42px;width:42px;height:42px}.site-side-brand>span{min-width:130px;opacity:1;transition:opacity .12s ease .08s}.site-nav-collapsed .site-side-brand{padding-left:0}.site-nav-collapsed .site-side-brand>span{display:none;opacity:0;transition-delay:0s}
.site-menu-close{flex:0 0 30px;width:30px;height:30px;border:0;font-size:1.5rem;transition:transform .2s ease}.site-nav-collapsed .site-side-head{width:68px;padding-inline:0}.site-nav-collapsed .site-side-brand{width:68px;justify-content:center}.site-nav-collapsed .site-menu-close{position:absolute;z-index:2;top:25px;left:58px;width:20px;height:26px;border:1px solid #3a3f48;border-radius:7px;background:#202329;box-shadow:0 3px 12px rgba(0,0,0,.35);transform:rotate(180deg)}.site-nav-collapsed .site-menu-close:hover{background:#2b2f36;border-color:#d71920}
.site-account-card{order:3;grid-template-columns:48px 1fr;gap:10px;margin:14px 0 9px;margin-top:auto;padding:9px;overflow:hidden;transition:padding .2s ease}.site-account-shield{width:48px;height:48px;flex:0 0 48px}.site-account-shield img{width:42px;height:42px}.site-account-card>div:last-child{min-width:145px;opacity:1;transition:opacity .12s ease .08s}.site-nav-collapsed .site-account-card{display:grid;padding:0;border-color:transparent;background:transparent}.site-nav-collapsed .site-account-card>div:last-child{opacity:0;transition-delay:0s}
.site-side-nav{order:2;flex:1;min-height:0;margin-top:12px;padding-right:3px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343941 transparent}.site-side-nav::-webkit-scrollbar{width:4px}.site-side-nav::-webkit-scrollbar-thumb{border-radius:4px;background:#343941}.site-side-nav::-webkit-scrollbar-track{background:transparent}.site-nav-group+.site-nav-group{margin-top:9px;padding-top:9px}.site-side-label{height:20px;white-space:nowrap;opacity:1;transition:opacity .12s ease .08s}.site-nav-collapsed .site-side-label{opacity:0;transition-delay:0s}
.site-side-nav li>a{display:grid;grid-template-columns:34px 1fr 12px;gap:7px;height:39px;padding:2px 7px;white-space:nowrap;overflow:hidden}.site-side-nav li>a i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #31353d;border-radius:8px;color:#aeb4be;font-style:normal}.site-side-nav li>a i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-side-nav li>a>span{opacity:1;transition:opacity .12s ease .08s}.site-side-nav li>a:hover{padding-left:7px}.site-side-nav li>a.active{box-shadow:inset 3px 0 var(--red);background:linear-gradient(90deg,rgba(215,25,32,.2),transparent)}.site-side-nav li>a.active i{border-color:rgba(215,25,32,.55);color:#ff646a}.site-nav-collapsed .site-side-nav li>a{grid-template-columns:34px 1fr 12px;padding-inline:7px}.site-nav-collapsed .site-side-nav li>a>span,.site-nav-collapsed .site-side-nav li>a>b{opacity:0;transition-delay:0s}
.site-side-account{order:4;grid-template-columns:1fr;gap:7px;margin-top:0;overflow:hidden;padding:8px 4px 0}.site-side-account a{white-space:nowrap}.site-nav-collapsed .site-side-account>a,.site-nav-collapsed .site-side-account>span{opacity:0;pointer-events:none}
.site-nav-collapsed .site-side-nav{width:68px;padding:0 4px 0 0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
.site-nav-collapsed .site-side-nav li{position:relative}.site-nav-collapsed .site-side-nav li>a,.site-nav-collapsed .site-side-nav li>a:hover{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:40px;margin-left:12px;padding:0;border:1px solid transparent;gap:0;overflow:visible}
.site-nav-collapsed .site-side-nav li>a i{flex:0 0 30px;margin:0}
.site-nav-collapsed .site-side-nav li>a>b{display:none}.site-nav-collapsed .site-side-nav li>a>span{position:fixed;z-index:1062;top:var(--sidebar-flyout-top,-100px);left:51px;display:flex;align-items:center;width:max-content;min-width:132px;height:40px;padding:0 16px 0 18px;border:1px solid #343943;border-left:0;border-radius:0 9px 9px 0;background:linear-gradient(100deg,#202329,#17191e);box-shadow:10px 8px 26px rgba(0,0,0,.34);color:#f4f5f7;opacity:0;pointer-events:none;transform:translateX(-12px) scaleX(.94);transform-origin:left center;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}
.site-nav-collapsed .site-side-nav li>a:hover,.site-nav-collapsed .site-side-nav li>a:focus-visible{z-index:3;border-color:#343943;border-right-color:transparent;border-radius:9px 0 0 9px;background:#202329}.site-nav-collapsed .site-side-nav li>a:hover>span,.site-nav-collapsed .site-side-nav li>a:focus-visible>span{opacity:1;transform:translateX(0) scaleX(1)}
.site-nav-collapsed .site-side-nav li>a.active:hover,.site-nav-collapsed .site-side-nav li>a.active:focus-visible,.site-nav-collapsed .site-side-nav li>a.active:hover>span,.site-nav-collapsed .site-side-nav li>a.active:focus-visible>span{border-color:rgba(215,25,32,.55);background:linear-gradient(100deg,#25191c,#18191d)}
.site-nav-collapsed .site-account-card{width:48px;margin-inline:10px}
}

.site-topbar .container{max-width:none;padding-inline:clamp(24px,3vw,48px)}.global-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.2vw,34px);margin-left:auto;margin-right:clamp(12px,2vw,30px)}.global-nav-links a{position:relative;padding:9px 0;color:#aeb3bc;text-decoration:none;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.global-nav-links a:after{content:'';position:absolute;right:0;bottom:3px;left:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .18s ease}.global-nav-links a:hover{color:#fff}.global-nav-links a:hover:after{transform:scaleX(1)}
.site-mobile-brand,.site-mobile-menu-trigger{display:none}.site-mobile-menu-trigger{width:40px;height:38px;padding:9px;border:1px solid #393d45;border-radius:9px;background:#14161a}.site-mobile-menu-trigger span{display:block;width:20px;height:2px;margin:3px auto;border-radius:2px;background:#f0f1f3}.site-mobile-menu-trigger:hover{border-color:#d71920;background:#202329}
.site-account-shield{padding:0;cursor:pointer}.site-account-shield:focus-visible{outline:2px solid #ff555b;outline-offset:2px}
.site-topbar-profile{display:grid;grid-template-columns:38px auto 16px;align-items:center;gap:9px;min-width:170px;padding:5px 9px;border:0;border-left:1px solid #30343c;background:transparent;color:#fff;text-align:left;cursor:pointer}.site-topbar-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid #4a505b;border-radius:50%;background:#15181d;overflow:hidden}.site-topbar-avatar img{width:30px;height:30px;object-fit:contain}.site-topbar-profile>span:nth-child(2) strong,.site-topbar-profile>span:nth-child(2) small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-topbar-profile strong{font-size:.76rem}.site-topbar-profile small{color:#939ca8;font-size:.62rem}.site-topbar-profile small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#20d978;box-shadow:0 0 8px rgba(32,217,120,.7)}.site-topbar-profile em{color:#929aa5;font-style:normal}.site-topbar-profile:hover{background:#171a1f}.site-account-popover.from-topbar{top:78px;right:24px;bottom:auto;left:auto;transform:translateY(-8px) scale(.98);transform-origin:top right}.site-account-open .site-account-popover.from-topbar{transform:none}
.site-account-popover{position:fixed;z-index:1070;bottom:16px;left:274px;width:min(318px,calc(100vw - 94px));padding:10px;border:1px solid #343842;border-radius:14px;background:linear-gradient(160deg,#191b21,#0e0f13);box-shadow:0 22px 65px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-8px) scale(.98);transform-origin:bottom left;transition:opacity .16s ease,transform .2s ease,visibility .2s,left .22s ease}.site-nav-collapsed .site-account-popover{left:78px}.site-account-open .site-account-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}.site-account-popover-profile{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#202229}.site-account-popover-shield{display:grid;place-items:center;width:58px;height:58px;border:1px solid #3b4049;border-radius:12px;background:#0a0b0e;overflow:hidden;font-weight:800}.site-account-popover-shield img{width:51px;height:51px;object-fit:contain}.site-account-popover-profile small,.site-account-popover-profile strong,.site-account-popover-profile span{display:block}.site-account-popover-profile small{color:#ff555b;font-size:.6rem;font-weight:800;letter-spacing:.12em}.site-account-popover-profile strong{margin-top:2px;color:#fff}.site-account-popover-profile span{color:#9198a3;font-size:.78rem}.site-account-popover nav{display:grid;gap:3px;margin-top:8px}.site-account-popover nav a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:#c4c8d0;text-decoration:none;font-size:.82rem;font-weight:650}.site-account-popover nav a:hover{background:#25282f;color:#fff}.site-account-popover nav i{display:grid;place-items:center}.site-account-popover nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-account-popover nav .site-account-logout{margin-top:5px;border-top:1px solid #2d3037;border-radius:0;color:#ff777c}
@media(max-width:1100px){.global-nav-links{display:none}.site-topbar-profile{margin-left:auto}}
@media(min-width:768px) and (max-width:1100px){.site-topbar{display:flex}}

@media(max-width:767.98px){body{padding-left:0}.global-nav-links,.site-topbar-profile{display:none}.site-mobile-brand{display:flex}.site-mobile-menu-trigger{display:block}.site-side-menu{inset:0 auto 0 0;border-right:1px solid #363a42;border-left:0;transform:translateX(-105%)}.site-menu-open .site-side-menu{transform:none}.site-menu-close{font-size:0}.site-menu-close:after{content:'×';font-size:1.55rem}.site-account-popover,.site-nav-collapsed .site-account-popover{right:12px;bottom:12px;left:12px;width:auto}}

.navbar-brand {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 800;
    letter-spacing: .08em
}

.navbar-brand b {
    color: var(--red)
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    background: var(--red);
    transform: skew(-8deg);
    font-size: .9rem
}

.nav-link {
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em
}

.btn-danger {
    --bs-btn-bg: var(--red);
    --bs-btn-border-color: var(--red);
    --bs-btn-hover-bg: #ef222a;
    --bs-btn-hover-border-color: #ef222a;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .05em
}

.hero {
    position: relative;
    min-height: 720px;
    padding-top: 76px;
    overflow: hidden;
    background: radial-gradient(circle at 76% 36%, rgba(215, 25, 32, .23), transparent 24%), linear-gradient(112deg, #08090b 0%, #0c0d10 55%, #171013 100%)
}

.hero:after {
    content: "VG";
    position: absolute;
    right: -3vw;
    bottom: -15vw;
    font-family: "Barlow Condensed";
    font-weight: 800;
    font-size: 42vw;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .055);
    transform: skew(-8deg)
}

.hero-lines {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(120deg, transparent 0 120px, rgba(255, 255, 255, .018) 121px 122px)
}

.eyebrow {
    display: inline-block;
    color: #f4b5b7;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .76rem;
    border-left: 3px solid var(--red);
    padding-left: .75rem
}

.hero h1 {
    font-family: "Barlow Condensed";
    font-weight: 800;
    font-size: clamp(4.8rem, 12vw, 10rem);
    line-height: .76;
    letter-spacing: -.035em;
    margin: 1.4rem 0 2rem
}

.hero h1 span {
    color: var(--red)
}

.hero .lead {
    max-width: 650px
}

.status-card {
    position: relative;
    background: rgba(16, 18, 22, .88);
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    padding: 1.4rem;
    display: grid;
    gap: .65rem;
    z-index: 2
}

.status-card small,
.status-card span {
    color: var(--muted);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em
}

.status-card strong {
    font-family: "Barlow Condensed";
    font-size: 1.65rem;
    letter-spacing: .04em
}

.status-card i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #32d278;
    border-radius: 50%;
    box-shadow: 0 0 14px #32d278;
    margin-right: .4rem
}

.section-pad {
    padding: 96px 0
}

.bg-panel {
    background: #0d0f12
}

.section-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2.5rem
}

.section-title>span {
    font-family: "Barlow Condensed";
    font-size: 3.8rem;
    font-weight: 800;
    color: var(--red);
    line-height: 1
}

.section-title small {
    color: var(--muted);
    font-weight: 700;
    letter-spacing: .2em
}

.section-title h2,
.panel h3,
.rule-card h3 {
    font-family: "Barlow Condensed";
    font-weight: 800;
    margin: 0;
    letter-spacing: .02em
}

.section-title h2 {
    font-size: clamp(2.5rem, 6vw, 4.5rem)
}

.competition-tabs {
    gap: .5rem;
    border-bottom: 1px solid var(--line)
}

.competition-tabs .nav-link {
    color: var(--muted);
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: .9rem 1.2rem
}

.competition-tabs .nav-link.active {
    color: #fff;
    background: transparent;
    border-color: var(--red)
}

.panel {
    background: var(--panel);
    border: 1px solid var(--line)
}

.panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--line)
}

.panel-head h3 {
    font-size: 1.65rem;
    text-transform: uppercase
}

.panel-head span {
    font-size: .74rem;
    color: var(--muted);
    text-transform: uppercase
}

.ranking-table {
    --bs-table-bg: transparent;
    --bs-table-color: #fff;
    --bs-table-border-color: var(--line);
    font-size: .96rem
}

.ranking-table th {
    color: var(--muted);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .08em
}

.ranking-table td,
.ranking-table th {
    padding: 1.15rem .8rem;
    vertical-align: middle
}

.ranking-table tbody tr:hover {
    --bs-table-bg: rgba(255, 255, 255, .025)
}
.standings-team-row{cursor:pointer}.standings-team-row:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.standings-team-row:hover .team-cell{color:var(--red)}
.standings-team-row.is-libertadores td:first-child{box-shadow:inset 3px 0 #2f80ed}
.standings-team-row.is-champion{--bs-table-bg:rgba(215,25,32,.08)}
.standings-champion-label{display:block;width:max-content;margin-top:.2rem;padding:.12rem .38rem;border:1px solid var(--red);color:#fff;background:var(--red);font-size:.58rem;font-weight:900;line-height:1.15;letter-spacing:.06em}
.standings-legend{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.standings-legend span{display:flex;align-items:center;gap:.45rem}.standings-legend-color{display:block;width:3px;height:18px;background:#2f80ed}

.position-pill {
    display: inline-grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-weight: 800;
    font-size: .78rem;
    background: #262a30
}

.position-pill.top {
    background: #2f80ed
}

.team-cell {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: 1rem;
    font-weight: 700
}

.ranking-table .team-badge {
    flex: 0 0 42px;
    width: 42px;
    height: 42px
}

.ranking-table .team-badge-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 3px;
    object-fit: contain
}

.team-badge {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--line);
    background: #0b0c0e;
    font-family: "Barlow Condensed";
    font-weight: 800;
    color: #fff
}

.game-list {
    padding: .5rem 1rem
}

.game-item {
    padding: 1rem 0;
    border-bottom: 1px solid var(--line)
}

.game-item:last-child {
    border: 0
}

.game-meta {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
    margin-bottom: .55rem
}

.game-score {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: .6rem;
    align-items: center;
    font-weight: 700
}

.game-score span:last-child {
    text-align: right
}

.score {
    background: #fff;
    color: #08090b;
    padding: .25rem .55rem;
    font-family: "Barlow Condensed";
    font-size: 1.35rem
}

.bracket {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 1fr);
    gap: 2rem;
    padding: 2rem;
    overflow-x: auto;
    min-height: 360px
}

.bracket-stage {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1.3rem
}

.bracket-stage h4 {
    font-size: .75rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--muted);
    letter-spacing: .15em
}

.bracket-game {
    background: var(--panel2);
    border: 1px solid var(--line);
    border-left: 3px solid var(--red);
    padding: .75rem
}

.bracket-team {
    display: flex;
    justify-content: space-between;
    padding: .4rem 0;
    font-size: .86rem
}

.bracket-team+.bracket-team {
    border-top: 1px solid var(--line)
}

.participant-card {
    height: 100%;
    background: var(--panel);
    border: 1px solid var(--line);
    padding: 1.2rem;
    transition: .2s
}

.participant-card:hover {
    transform: translateY(-4px);
    border-color: #4a4f58
}

.participant-card .team-badge {
    width: 52px;
    height: 52px;
    background: var(--red);
    border: 0;
    font-size: 1.1rem;
    margin-bottom: 1rem
}

.participant-card h3 {
    font-family: "Barlow Condensed";
    font-weight: 800;
    margin: 0
}

.participant-card p {
    font-size: .82rem;
    color: var(--muted);
    margin: .3rem 0 0
}

.scorers-list {
    padding: 0 1.25rem
}

.scorer {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--line)
}

.scorer:last-child {
    border: 0
}

.scorer-rank {
    font-family: "Barlow Condensed";
    font-size: 1.5rem;
    color: var(--muted)
}

.scorer small {
    display: block;
    color: var(--muted)
}

.scorer strong:last-child {
    font-family: "Barlow Condensed";
    font-size: 1.6rem;
    color: var(--red)
}

.command-search {
    display: flex;
    align-items: center;
    background: #fff;
    color: #111;
    max-width: 650px
}

.command-search span {
    font-family: "Barlow Condensed";
    font-size: 2rem;
    font-weight: 800;
    color: var(--red);
    padding-left: 1rem
}

.search-icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;background:transparent;color:#9aa6b6;cursor:pointer;transition:color .15s ease}.search-icon-button .lucide{display:block;width:20px;height:20px}.search-icon-button:hover,.search-icon-button:focus-visible,.search-icon-button:has(+input:focus){color:#ff2339}.search-icon-button:focus-visible{outline:2px solid #ff2339;outline-offset:-2px}

.command-search input {
    width: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 1rem;
    font-weight: 600
}

.command-card {
    height: 100%;
    background: var(--panel);
    border: 1px solid var(--line);
    padding: 1.15rem
}

.command-card h3 {
    font-family: "Barlow Condensed";
    font-size: 1.3rem;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 1px solid var(--line);
    padding-bottom: .75rem
}

.command-item {
    padding: .55rem 0
}

.command-item code {
    display: block;
    color: #ff6d72;
    font-weight: 700
}

.command-item span {
    font-size: .78rem;
    color: var(--muted)
}

.rule-card {
    height: 100%;
    background: var(--panel);
    border: 1px solid var(--line);
    padding: 1.5rem;
    position: relative;
    overflow: hidden
}

.rule-card h3 {
    font-size: 1.5rem;
    margin-bottom: .65rem
}

.rule-card p {
    color: var(--muted);
    font-size: .88rem;
    margin: 0
}

.video-card {
    background: var(--panel);
    border: 1px solid var(--line);
    overflow: hidden
}

.video-card iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block
}

.video-card h3 {
    font: 700 1.2rem "Barlow Condensed";
    padding: 1rem;
    margin: 0
}

footer {
    border-top: 1px solid var(--line);
    padding: 2rem 0;
    color: var(--muted);
    font-size: .78rem
}

.empty-state {
    padding: 2rem;
    text-align: center;
    color: var(--muted)
}

@media(max-width:767px) {
    .hero {
        min-height: 650px
    }

    .hero h1 {
        font-size: 4.8rem
    }

    .section-pad {
        padding: 72px 0
    }

    .section-title>span {
        font-size: 2.8rem
    }

    .ranking-table td,
    .ranking-table th {
        padding: .75rem .55rem
    }

    .ranking-table .team-badge {
        flex-basis: 38px;
        width: 38px;
        height: 38px
    }

    .bracket {
        padding: 1rem
    }
}
.team-nav-dropdown .dropdown-menu {
    min-width: 220px;
    padding: 8px;
    background: #101216;
    border: 1px solid rgba(255, 255, 255, .14);
    border-top: 2px solid #e21b2d;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .4)
}

.team-nav-dropdown .dropdown-item {
    padding: 9px 11px;
    border-radius: 2px;
    color: rgba(255, 255, 255, .78);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase
}

.team-nav-dropdown .dropdown-item:hover,
.team-nav-dropdown .dropdown-item:focus {
    color: #fff;
    background: #e21b2d
}

.standings-team-row.is-sulamericana td:first-child{box-shadow:inset 3px 0 #e6a23c}
.position-pill.sulamericana{background:#e6a23c;color:#111}
.standings-legend-color.sulamericana{background:#e6a23c}
.standings-legend{flex-wrap:wrap}
.site-account-popover.from-topbar,.site-nav-collapsed .site-account-popover.from-topbar{left:auto;right:24px;bottom:auto}
@media(max-width:767.98px){.site-topbar,.site-nav-collapsed .site-topbar{left:0}.site-topbar-profile{display:grid;min-width:0;margin-left:auto;margin-right:8px;grid-template-columns:34px 12px;padding:4px 6px}.site-topbar-profile>span:nth-child(2){display:none}.site-account-popover.from-topbar,.site-nav-collapsed .site-account-popover.from-topbar{top:68px;right:12px;left:auto;bottom:auto;width:min(318px,calc(100vw - 24px))}}

/* ==================================================
   PADRÃO GLOBAL LUCIDE ICONS & UTILITÁRIOS
   ================================================== */
.lucide {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    vertical-align: middle;
    display: inline-block;
    color: inherit;
}
.lucide-xs { width: 14px; height: 14px; stroke-width: 2; }
.lucide-sm { width: 16px; height: 16px; stroke-width: 2; }
.lucide-md { width: 20px; height: 20px; stroke-width: 2; }
.lucide-lg { width: 24px; height: 24px; stroke-width: 2; }
.lucide-xl { width: 32px; height: 32px; stroke-width: 2; }

.text-icon-white { color: #ffffff !important; }
.text-icon-muted { color: #aab2bd !important; }
.text-icon-red { color: #ff2339 !important; }
.text-icon-success { color: #22c55e !important; }
.text-icon-warning { color: #f59e0b !important; }
.text-icon-danger { color: #ef4444 !important; }
.text-icon-info { color: #3b82f6 !important; }

.icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    flex-shrink: 0;
    transition: all 0.15s ease;
}
.icon-box-danger, .icon-box-red {
    background: rgba(255, 35, 57, 0.12);
    border: 1px solid rgba(255, 35, 57, 0.28);
    color: #ff2339;
}
.icon-box-success {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #22c55e;
}
.icon-box-info {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.25);
    color: #3b82f6;
}
.action-icon {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    vertical-align: middle;
}
.card-header-icon {
    width: 22px;
    height: 22px;
    color: #ff2339;
}
.empty-state-icon {
    width: 48px;
    height: 48px;
    color: #6b7280;
}
/* Switch Moderno Global (padrão Notificações) */
.vs-switch { position:relative; display:inline-block; width:50px; height:28px; flex:0 0 50px; cursor:pointer; margin:0 }
.vs-switch input { opacity:0; width:0; height:0; position:absolute }
.vs-switch .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#242c35; border:1px solid #343f4c; transition:background-color .25s ease,border-color .25s ease; border-radius:28px }
.vs-switch .slider:before { content:''; position:absolute; height:20px; width:20px; left:3px; bottom:3px; background-color:#fff; border-radius:50%; box-shadow:0 2px 4px rgba(0,0,0,.35); transition:transform .25s cubic-bezier(.4,0,.2,1) }
.vs-switch input:checked+.slider { background-color:#ff2339; border-color:#ff2339 }
.vs-switch input:checked+.slider:before { transform:translateX(22px) }
.vs-switch input:focus-visible+.slider { outline:2px solid #ff555b; outline-offset:2px }
.vs-switch-row { display:flex; align-items:center; gap:12px; cursor:pointer }
.vs-switch-row.is-card { align-items:flex-start; padding:1rem; border:1px solid #343941; border-radius:.375rem }
.vs-switch-row .vs-switch-copy { min-width:0; flex:1 }
.vs-switch-row .vs-switch-copy strong,.vs-switch-row .vs-switch-copy small { display:block }
.vs-switch-row .vs-switch-copy small { margin-top:.25rem; color:#8f98a6 }
/* O mesmo componente também cobre formulários legados e campos criados via JS. */
.form-check-input[type="checkbox"]:not([hidden]) { position:relative; float:none; width:50px; height:28px; margin:0 10px 0 0!important; border:1px solid #343f4c; border-radius:28px!important; background:#242c35!important; box-shadow:none; cursor:pointer; appearance:none; vertical-align:middle; transition:background-color .25s ease,border-color .25s ease }
.form-check-input[type="checkbox"]:not([hidden])::before { content:''; position:absolute; width:20px; height:20px; left:3px; top:3px; border-radius:50%; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.35); transition:transform .25s cubic-bezier(.4,0,.2,1) }
.form-check-input[type="checkbox"]:not([hidden]):checked { border-color:#ff2339!important; background:#ff2339!important }
.form-check-input[type="checkbox"]:not([hidden]):checked::before { transform:translateX(22px) }
.form-check-input[type="checkbox"]:not([hidden]):focus-visible { outline:2px solid #ff555b; outline-offset:2px }
.form-check:has(.form-check-input[type="checkbox"]) { display:flex; align-items:center }
/* Ícones em cards de estatísticas */
.stat-icon { display:grid!important; place-items:center; flex:0 0 38px; width:38px; height:38px; min-width:38px; min-height:38px; margin-bottom:8px; padding:0!important; border:1px solid rgba(255,35,57,.25); border-radius:10px; background:rgba(255,35,57,.1); color:#ff2339; line-height:0; box-sizing:border-box }
.stat-icon .lucide { display:block; width:20px; height:20px; margin:0; padding:0 }
.club-stats .stat-icon .lucide { width:20px; height:20px }
.statistics-global .stat-icon .lucide { width:20px; height:20px }
.round-summary-grid .stat-icon .lucide { width:20px; height:20px }
.market-summary>div:has(.stat-icon){display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px}.market-summary>div>.stat-icon{grid-column:1;grid-row:2;margin:0}.market-summary>div>small{grid-column:1/3;grid-row:1;margin-bottom:5px}.market-summary>div>strong{grid-column:2;grid-row:2}