/*
====================================================
ZeTTaZeRa - Tema Gamer Premium Neon
====================================================
*/

*{margin:0;padding:0;box-sizing:border-box}

:root{
    --red:#ff1728;
    --red-dark:#8d0008;
    --muted:#b9b9b9;
    --glow:0 0 24px rgba(255,23,40,.55);
}

html,body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background:#030303;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    scroll-behavior:smooth;
}

body{
    padding-top:98px;
    position:relative;
    z-index:0;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-9997;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 24%, rgba(255,0,30,.16), transparent 30%),
        radial-gradient(circle at 10% 60%, rgba(255,0,30,.16), transparent 22%),
        radial-gradient(circle at 90% 58%, rgba(255,0,30,.16), transparent 22%),
        linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.88));
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-9996;
    pointer-events:none;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(circle at center, black, transparent 74%);
}

img{max-width:100%}
a{color:inherit}

.video-background{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:-9999!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:radial-gradient(circle at center,#220005,#020202 65%)!important;
}

.video-background video,.video-background .bg-video{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:100vw!important;
    height:100vh!important;
    min-width:100vw!important;
    min-height:100vh!important;
    transform:translate(-50%,-50%)!important;
    object-fit:cover!important;
    display:block!important;
    filter:saturate(1.15) contrast(1.1) brightness(.55);
}

.video-overlay{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:-9998!important;
    pointer-events:none!important;
    background:
        radial-gradient(circle at center,rgba(255,0,30,.13),transparent 35%),
        linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.52),rgba(0,0,0,.90))!important;
}

/* Header */

.topbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    min-height:84px;
    padding:10px 42px;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    background:linear-gradient(to bottom,rgba(0,0,0,.90),rgba(0,0,0,.56));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,23,40,.45);
    box-shadow:0 14px 40px rgba(0,0,0,.75),0 0 32px rgba(255,23,40,.16);
}

.logo-link{
    display:flex;
    align-items:center;
    justify-content:center;
    height:62px;
    flex-shrink:0;
    text-decoration:none;
}

.logo-site{
    height:62px;
    width:auto;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 0 10px rgba(255,255,255,.20)) drop-shadow(0 0 18px rgba(255,23,40,.55));
}

.menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.menu-btn{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:54px;
    min-width:118px;
    text-decoration:none;
    transition:.25s ease;
    isolation:isolate;
}

.menu-btn::before{
    content:"";
    position:absolute;
    inset:7px 0;
    border-radius:999px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.10);
    opacity:.8;
    transition:.25s ease;
    z-index:-1;
}

.menu-btn:hover{transform:translateY(-2px)}

.menu-btn:hover::before{
    background:rgba(255,23,40,.18);
    border-color:rgba(255,23,40,.68);
    box-shadow:0 0 22px rgba(255,23,40,.45);
}

.menu-btn img{display:none}

.menu-btn span{
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:.4px;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 0 10px rgba(0,0,0,.9);
    pointer-events:none;
}

/* Base */

.page{
    width:100%;
    min-height:100vh;
    position:relative;
    z-index:1;
}

.hero-section{
    width:100%;
    min-height:calc(100vh - 100px);
    padding:42px 20px 22px;
    position:relative;
    z-index:1;
}

.section-heading{
    text-align:center;
    margin:0 auto 24px;
    max-width:1000px;
}

.section-heading h1,.section-heading h2{
    position:relative;
    display:inline-block;
    font-size:clamp(32px,5vw,72px);
    line-height:1;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:950;
    color:#f2f2f2;
    text-shadow:0 0 18px rgba(255,255,255,.14),0 0 28px rgba(255,23,40,.45),0 4px 0 rgba(0,0,0,.8);
}

.section-heading h2{
    font-size:clamp(24px,3vw,36px);
    letter-spacing:2px;
}

.section-heading h1::before,.section-heading h2::before,
.section-heading h1::after,.section-heading h2::after{
    content:"";
    position:absolute;
    top:50%;
    width:120px;
    height:2px;
    background:linear-gradient(to right,transparent,var(--red));
}

.section-heading h1::before,.section-heading h2::before{right:calc(100% + 22px)}
.section-heading h1::after,.section-heading h2::after{left:calc(100% + 22px);background:linear-gradient(to left,transparent,var(--red))}

.section-heading p{
    color:#d4d4d4;
    font-size:16px;
    letter-spacing:.4px;
    text-shadow:0 0 10px rgba(0,0,0,.8);
}

/* Carrossel */

.carousel-wrapper{
    width:100%;
    height:42vh;
    min-height:350px;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
}

.carousel-wrapper::before,.carousel-wrapper::after{
    content:"";
    position:absolute;
    top:8%;
    width:20%;
    height:84%;
    z-index:3;
    pointer-events:none;
}

.carousel-wrapper::before{left:0;background:linear-gradient(to right,rgba(0,0,0,.75),transparent)}
.carousel-wrapper::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.75),transparent)}

.carousel{
    width:100%;
    height:100%;
    position:relative;
}

.loading-box,.empty-state{
    width:min(900px,calc(100% - 40px));
    min-height:240px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    color:#ddd;
    gap:10px;
    padding:28px;
    background:rgba(0,0,0,.48);
    border:1px solid rgba(255,23,40,.30);
    border-radius:22px;
    backdrop-filter:blur(14px);
    box-shadow:0 20px 60px rgba(0,0,0,.55),var(--glow);
}

.empty-state h3{color:#fff;font-size:28px}

.live-card{
    position:absolute;
    top:50%;
    left:50%;
    border-radius:18px;
    overflow:hidden;
    background:rgba(20,20,20,.70);
    border:1px solid rgba(255,255,255,.12);
    transition:all .45s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(8px);
}

.live-card iframe,.live-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    border:none;
    display:block;
}

.live-card.main{
    width:36vw;
    height:28vh;
    transform:translate(-50%,-50%);
    z-index:20;
    border-color:rgba(255,23,40,.85);
    box-shadow:0 28px 90px rgba(0,0,0,.82),0 0 24px rgba(255,23,40,.65),0 0 80px rgba(255,23,40,.20);
}

.live-card.left{
    width:20vw;
    height:18vh;
    transform:translate(-135%,-50%) scale(.82);
    opacity:.78;
    z-index:10;
    filter:saturate(.88) brightness(.74);
    border-color:rgba(150,80,255,.58);
    box-shadow:0 0 28px rgba(150,80,255,.22);
}

.live-card.right{
    width:20vw;
    height:18vh;
    transform:translate(35%,-50%) scale(.82);
    opacity:.78;
    z-index:10;
    filter:saturate(.88) brightness(.74);
    border-color:rgba(150,80,255,.58);
    box-shadow:0 0 28px rgba(150,80,255,.22);
}

.live-card.hidden{
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.4);
}

.platform-stamp{
    position:absolute;
    top:14px;
    right:14px;
    z-index:120;
    width:46px;
    height:38px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:950;
    color:#fff;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 10px 30px rgba(0,0,0,.45);
    backdrop-filter:blur(10px);
}

.platform-stamp.twitch{background:rgba(100,65,165,.88);box-shadow:0 0 18px rgba(145,70,255,.45)}
.platform-stamp.kick{background:rgba(83,252,24,.25);color:#d9ffd2;box-shadow:0 0 18px rgba(83,252,24,.30)}

.live-info{
    position:absolute;
    left:14px;
    right:70px;
    bottom:14px;
    top:auto;
    z-index:100;
    width:max-content;
    max-width:calc(100% - 84px);
    background:linear-gradient(135deg,rgba(0,0,0,.78),rgba(0,0,0,.46));
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
    padding:10px 14px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.live-badge{
    display:inline-block;
    background:linear-gradient(135deg,#ff1728,#9d0000);
    padding:4px 10px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
    margin-bottom:6px;
    box-shadow:0 0 14px rgba(255,23,40,.55);
}

.live-name{font-size:18px;font-weight:900}
.live-platform,.live-game,.live-viewers{color:#d0d0d0;font-size:12px;margin-top:3px}

.live-title{
    color:#fff;
    font-size:12px;
    margin-top:5px;
    max-width:280px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:58px;
    height:58px;
    border:none;
    border-radius:16px;
    background:rgba(255,23,40,.16);
    color:#fff;
    font-size:30px;
    cursor:pointer;
    z-index:100;
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,23,40,.45);
    transition:.2s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 20px rgba(255,23,40,.24);
}

.nav:hover{
    background:rgba(255,23,40,.32);
    transform:translateY(-50%) scale(1.06);
}

.prev{left:28px}
.next{right:28px}

/* Shorts */

.shorts-section{
    width:100%;
    padding:42px 25px 48px;
    border-top:1px solid rgba(255,23,40,.22);
    background:linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,.62))!important;
    backdrop-filter:blur(10px);
    position:relative;
    z-index:1;
}

.shorts-grid{
    width:100%;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.short-card{
    position:relative;
    width:150px;
    height:260px;
    border-radius:14px;
    overflow:hidden;
    background:rgba(20,20,20,.7);
    border:1px solid rgba(255,255,255,.14);
    cursor:pointer;
    transition:.25s ease;
    text-decoration:none;
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.50);
}

.short-card:hover{
    transform:translateY(-5px) scale(1.04);
    border-color:rgba(255,23,40,.60);
    box-shadow:0 18px 45px rgba(0,0,0,.68),0 0 20px rgba(255,23,40,.20);
}

.short-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.short-preview{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:none;
    opacity:0;
    pointer-events:none;
    transition:.25s ease;
}

.short-card:hover .short-preview{opacity:1}

.short-overlay{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    min-height:72px;
    padding:12px;
    background:linear-gradient(to top,rgba(0,0,0,.95),transparent);
    display:flex;
    align-items:flex-end;
}

.short-title{font-size:13px;font-weight:bold;line-height:1.3}

.short-play{
    position:absolute;
    top:10px;
    right:10px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    backdrop-filter:blur(8px);
    font-size:16px;
}

/* Vídeos */

.videos-section{padding-top:34px}

.videos-grid{
    width:100%;
    display:flex;
    justify-content:center;
    gap:28px;
    flex-wrap:wrap;
}

.video-card{
    position:relative;
    width:min(560px,calc(100vw - 40px));
    aspect-ratio:16/9;
    border-radius:18px;
    overflow:hidden;
    background:rgba(20,20,20,.7);
    border:1px solid rgba(255,23,40,.58);
    box-shadow:0 14px 38px rgba(0,0,0,.60),0 0 22px rgba(255,23,40,.18);
    text-decoration:none;
    color:#fff;
    transition:.25s ease;
}

.video-card:hover{
    transform:translateY(-5px) scale(1.02);
    box-shadow:0 24px 58px rgba(0,0,0,.76),0 0 30px rgba(255,23,40,.34);
}

.video-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.25s ease;
}

.video-card:hover .video-thumb{
    transform:scale(1.05);
    filter:brightness(.82);
}

.video-overlay-card{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:18px;
    background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.28),transparent);
}

.video-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:64px;
    height:64px;
    border-radius:50%;
    background:rgba(255,23,40,.88);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 0 28px rgba(255,23,40,.48);
}

.video-title{
    font-size:17px;
    font-weight:900;
    line-height:1.25;
    text-shadow:0 2px 8px rgba(0,0,0,.9);
}

/* Páginas */

.content-page{
    width:100%;
    min-height:calc(100vh - 100px);
    padding:60px 20px;
    position:relative;
    z-index:1;
}

.content-box{
    width:min(1000px,100%);
    margin:0 auto;
    background:rgba(0,0,0,.56);
    border:1px solid rgba(255,23,40,.28);
    border-radius:22px;
    padding:36px;
    box-shadow:0 20px 60px rgba(0,0,0,.58),0 0 20px rgba(255,23,40,.12);
    backdrop-filter:blur(12px);
}

.content-box h1{
    font-size:36px;
    margin-bottom:18px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.content-box p{
    color:#d0d0d0;
    font-size:18px;
    line-height:1.7;
    margin-bottom:16px;
}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#050505}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ff1728,#580006);border-radius:50px}
::-webkit-scrollbar-thumb:hover{background:#ff1728}

/* Responsivo */

@media(max-width:1200px){
    body{padding-top:172px}
    .topbar{min-height:auto;padding:14px;flex-direction:column;gap:12px}
    .logo-link,.logo-site{height:68px}
    .menu{gap:10px}
    .menu-btn{height:38px;min-width:auto;padding:0 12px}
    .menu-btn span{font-size:12px}
}

@media(max-width:900px){
    body{padding-top:198px}
    .section-heading h1{font-size:34px}
    .section-heading h1::before,.section-heading h1::after,.section-heading h2::before,.section-heading h2::after{display:none}
    .carousel-wrapper{height:36vh;min-height:320px}
    .live-card.main{width:72vw;height:24vh}
    .live-card.left,.live-card.right{width:34vw;height:14vh}
    .live-card.left{transform:translate(-100%,-50%) scale(.72)}
    .live-card.right{transform:translate(0%,-50%) scale(.72)}
    .nav{width:48px;height:48px;font-size:24px}
    .prev{left:12px}.next{right:12px}
    .short-card{width:132px;height:230px}
    .video-card{width:min(460px,calc(100vw - 32px))}
    .content-box{padding:26px}
}

@media(max-width:560px){
    body{padding-top:228px}
    .topbar{padding:12px 8px}
    .menu{gap:6px}
    .menu-btn{height:34px;padding:0 8px}
    .menu-btn span{font-size:10px}
    .logo-link,.logo-site{height:58px}
    .carousel-wrapper{min-height:300px}
    .live-info{left:10px;right:54px;bottom:10px;padding:8px 10px}
    .live-name{font-size:15px}
}

.equipe-hero{
    min-height:auto !important;
    padding-bottom:8px !important;
}

.equipe-carousel-wrapper{
    height:42vh !important;
    min-height:330px !important;
}

.members-section{
    padding-top:30px !important;
}

/* Lista geral */
.team-members-list{
    width:min(880px, calc(100% - 32px)) !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}

/* Linha: avatar - twitch - kick */
.team-member-row{
    width:100% !important;
    min-height:88px !important;
    display:grid !important;
    grid-template-columns:1fr 92px 92px !important;
    align-items:center !important;
    gap:14px !important;
    padding:12px 16px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, rgba(0,0,0,.78), rgba(20,20,20,.55)) !important;
    border:1px solid rgba(255,23,40,.28) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.54), 0 0 14px rgba(255,23,40,.10) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}

/* Bloco do avatar */
.team-avatar-box{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
}

/* Avatar pequeno e forçado */
.team-avatar-img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    display:block !important;
    border:2px solid rgba(255,23,40,.72) !important;
    background:#111 !important;
    box-shadow:0 0 12px rgba(255,23,40,.30), 0 6px 16px rgba(0,0,0,.55) !important;
}

/* Nome abaixo do avatar */
.team-avatar-name{
    max-width:180px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.7px !important;
    color:#fff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-shadow:0 0 10px rgba(255,23,40,.20) !important;
}

/* Botões Twitch/Kick */
.team-social-icon{
    width:76px !important;
    height:46px !important;
    max-width:76px !important;
    max-height:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:12px !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    transition:.22s ease !important;
    margin:0 auto !important;
}

.team-social-icon span{
    display:block !important;
    font-size:12px !important;
    line-height:1 !important;
    transform:none !important;
}

/* Ativo */
.team-social-icon.active{
    opacity:1 !important;
    filter:none !important;
    pointer-events:auto !important;
}

/* Inativo/apagado */
.team-social-icon.inactive{
    opacity:.22 !important;
    filter:grayscale(1) !important;
    pointer-events:none !important;
    background:rgba(255,255,255,.08) !important;
    color:#aaa !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:none !important;
}

/* Twitch aceso */
.team-social-icon.twitch.active{
    color:#fff !important;
    background:linear-gradient(135deg, #9146ff, #4b238b) !important;
    border-color:rgba(174,120,255,.90) !important;
    box-shadow:0 0 16px rgba(145,70,255,.72), 0 0 34px rgba(145,70,255,.32) !important;
}

/* Kick aceso */
.team-social-icon.kick.active{
    color:#d9ffd2 !important;
    background:linear-gradient(135deg, #53fc18, #145b08) !important;
    border-color:rgba(83,252,24,.92) !important;
    box-shadow:0 0 16px rgba(83,252,24,.70), 0 0 34px rgba(83,252,24,.28) !important;
}

.team-social-icon.active:hover{
    transform:translateY(-2px) scale(1.04) !important;
}

@media(max-width:600px){
    .team-member-row{
        grid-template-columns:1fr 70px 70px !important;
        gap:10px !important;
        padding:10px 12px !important;
    }

    .team-avatar-img{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
    }

    .team-avatar-name{
        font-size:11px !important;
        max-width:130px !important;
    }

    .team-social-icon{
        width:62px !important;
        height:40px !important;
        max-width:62px !important;
        max-height:40px !important;
        font-size:10px !important;
    }

    .team-social-icon span{
        font-size:10px !important;
    }
}




/*
====================================================
PÁGINA EQUIPE 
====================================================
*/

.equipe-hero{
    min-height:auto !important;
    padding-top:24px !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

.equipe-carousel-wrapper{
    height:34vh !important;
    min-height:280px !important;
    margin-bottom:0 !important;
}

.equipe-hero + .members-section{
    margin-top:0 !important;
    padding-top:24px !important;
}

.members-section{
    padding-top:24px !important;
}

.team-members-list{
    width:min(880px, calc(100% - 32px)) !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}

.team-member-row{
    width:100% !important;
    min-height:88px !important;
    display:grid !important;
    grid-template-columns:1fr 92px 92px !important;
    align-items:center !important;
    gap:14px !important;
    padding:12px 16px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, rgba(0,0,0,.78), rgba(20,20,20,.55)) !important;
    border:1px solid rgba(255,23,40,.28) !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.54),
        0 0 14px rgba(255,23,40,.10) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}

.team-member-row:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(255,23,40,.55) !important;
    box-shadow:
        0 20px 46px rgba(0,0,0,.65),
        0 0 22px rgba(255,23,40,.20) !important;
}

.team-avatar-box{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
}

.team-avatar-img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    display:block !important;
    border:2px solid rgba(255,23,40,.72) !important;
    background:#111 !important;
    box-shadow:
        0 0 12px rgba(255,23,40,.30),
        0 6px 16px rgba(0,0,0,.55) !important;
}

.team-avatar-name{
    max-width:180px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.7px !important;
    color:#fff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-shadow:0 0 10px rgba(255,23,40,.20) !important;
}

.team-social-icon{
    width:76px !important;
    height:46px !important;
    max-width:76px !important;
    max-height:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:12px !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    transition:.22s ease !important;
    margin:0 auto !important;
}

.team-social-icon span{
    display:block !important;
    font-size:12px !important;
    line-height:1 !important;
    transform:none !important;
}

.team-social-icon.active{
    opacity:1 !important;
    filter:none !important;
    pointer-events:auto !important;
}

.team-social-icon.inactive{
    opacity:.22 !important;
    filter:grayscale(1) !important;
    pointer-events:none !important;
    background:rgba(255,255,255,.08) !important;
    color:#aaa !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:none !important;
}

.team-social-icon.twitch.active{
    color:#fff !important;
    background:linear-gradient(135deg, #9146ff, #4b238b) !important;
    border-color:rgba(174,120,255,.90) !important;
    box-shadow:
        0 0 16px rgba(145,70,255,.72),
        0 0 34px rgba(145,70,255,.32) !important;
}

.team-social-icon.kick.active{
    color:#d9ffd2 !important;
    background:linear-gradient(135deg, #53fc18, #145b08) !important;
    border-color:rgba(83,252,24,.92) !important;
    box-shadow:
        0 0 16px rgba(83,252,24,.70),
        0 0 34px rgba(83,252,24,.28) !important;
}

.team-social-icon.active:hover{
    transform:translateY(-2px) scale(1.04) !important;
}

@media(max-width:600px){

    .team-member-row{
        grid-template-columns:1fr 70px 70px !important;
        gap:10px !important;
        padding:10px 12px !important;
    }

    .team-avatar-img{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;
    }

    .team-avatar-name{
        font-size:11px !important;
        max-width:130px !important;
    }

    .team-social-icon{
        width:62px !important;
        height:40px !important;
        max-width:62px !important;
        max-height:40px !important;
        font-size:10px !important;
    }

    .team-social-icon span{
        font-size:10px !important;
    }
}




/*
====================================================
PÁGINA NOVIDADES
====================================================
*/

.novidades-section{
    width:100%;
    min-height:calc(100vh - 100px);
    padding:34px 22px 56px;
    position:relative;
    z-index:1;
}

.novidades-empty{
    margin:40px auto;
}

.novidades-grid{
    width:min(1480px, calc(100% - 20px));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    grid-auto-rows:240px;
    gap:18px;
}

.novidade-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:#fff;
    background:rgba(0,0,0,.62);
    border:1px solid rgba(255,23,40,.24);
    box-shadow:
        0 16px 40px rgba(0,0,0,.52),
        0 0 16px rgba(255,23,40,.08);
    transition:.25s ease;
    isolation:isolate;
}

.novidade-card:hover{
    transform:translateY(-4px) scale(1.015);
    border-color:rgba(255,23,40,.70);
    box-shadow:
        0 24px 58px rgba(0,0,0,.72),
        0 0 28px rgba(255,23,40,.24);
}

.novidade-card.destaque{
    grid-column:span 2;
    grid-row:span 2;
}

.novidade-image-wrap{
    width:100%;
    height:54%;
    overflow:hidden;
    background:#111;
}

.novidade-card.destaque .novidade-image-wrap{
    height:62%;
}

.novidade-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.25s ease;
}

.novidade-card:hover .novidade-image{
    transform:scale(1.06);
    filter:brightness(.88);
}

.novidade-content{
    flex:1;
    padding:13px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    background:
        linear-gradient(to bottom, rgba(0,0,0,.64), rgba(0,0,0,.96));
}

.novidade-source{
    color:#ff6d78;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.novidade-card h2{
    font-size:15px;
    line-height:1.22;
    font-weight:950;
    margin:0 0 7px;
    color:#fff;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.novidade-card.destaque h2{
    font-size:25px;
    line-height:1.12;
    -webkit-line-clamp:3;
}

.novidade-card p{
    color:#cfcfcf;
    font-size:12px;
    line-height:1.35;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.novidade-card.destaque p{
    font-size:14px;
    -webkit-line-clamp:4;
}

.novidade-card.placeholder{
    align-items:center;
    justify-content:center;
    opacity:.23;
    border-style:dashed;
    pointer-events:none;
    background:rgba(255,255,255,.045);
}

.novidade-placeholder-plus{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.35);
    font-size:32px;
    margin-bottom:10px;
}

.novidade-card.placeholder span{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

@media(max-width:1300px){
    .novidades-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        grid-auto-rows:230px;
    }
}

@media(max-width:980px){
    .novidades-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-auto-rows:230px;
    }

    .novidade-card.destaque{
        grid-column:span 2;
        grid-row:span 1;
    }

    .novidade-card.destaque h2{
        font-size:20px;
    }
}

@media(max-width:560px){
    .novidades-section{
        padding:26px 14px 42px;
    }

    .novidades-grid{
        width:100%;
        grid-template-columns:1fr;
        grid-auto-rows:auto;
    }

    .novidade-card,
    .novidade-card.destaque{
        min-height:300px;
        grid-column:span 1;
        grid-row:span 1;
    }

    .novidade-card.destaque h2{
        font-size:18px;
    }
}


.novidades-section{
    width:100% !important;
    min-height:calc(100vh - 100px) !important;
    padding:34px 22px 56px !important;
    position:relative !important;
    z-index:1 !important;
}

.novidades-grid{
    width:min(1480px, calc(100% - 20px)) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    grid-auto-rows:240px !important;
    gap:18px !important;
    visibility:visible !important;
    opacity:1 !important;
}

.novidade-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    text-decoration:none !important;
    color:#fff !important;
    background:rgba(0,0,0,.62) !important;
    border:1px solid rgba(255,23,40,.24) !important;
    box-shadow:
        0 16px 40px rgba(0,0,0,.52),
        0 0 16px rgba(255,23,40,.08) !important;
    transition:.25s ease !important;
    isolation:isolate !important;
    min-width:0 !important;
    min-height:0 !important;
}

.novidade-card.destaque{
    grid-column:span 2 !important;
    grid-row:span 2 !important;
}

.novidade-image-wrap{
    width:100% !important;
    height:54% !important;
    overflow:hidden !important;
    background:#111 !important;
    flex-shrink:0 !important;
}

.novidade-card.destaque .novidade-image-wrap{
    height:62% !important;
}

.novidade-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.novidade-content{
    flex:1 !important;
    padding:13px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:
        linear-gradient(to bottom, rgba(0,0,0,.64), rgba(0,0,0,.96)) !important;
    min-height:0 !important;
}

.novidade-source{
    color:#ff6d78 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.8px !important;
    margin-bottom:6px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.novidade-card h2{
    font-size:15px !important;
    line-height:1.22 !important;
    font-weight:950 !important;
    margin:0 0 7px !important;
    color:#fff !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.novidade-card.destaque h2{
    font-size:25px !important;
    line-height:1.12 !important;
    -webkit-line-clamp:3 !important;
}

.novidade-card p{
    color:#cfcfcf !important;
    font-size:12px !important;
    line-height:1.35 !important;
    margin:0 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.novidade-card.destaque p{
    font-size:14px !important;
    -webkit-line-clamp:4 !important;
}

.novidade-card.placeholder{
    align-items:center !important;
    justify-content:center !important;
    opacity:.23 !important;
    border-style:dashed !important;
    pointer-events:none !important;
    background:rgba(255,255,255,.045) !important;
}

.novidade-placeholder-plus{
    width:52px !important;
    height:52px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.35) !important;
    font-size:32px !important;
    margin-bottom:10px !important;
}

.novidade-card.placeholder span{
    font-size:12px !important;
    text-transform:uppercase !important;
    letter-spacing:.8px !important;
}

@media(max-width:1300px){
    .novidades-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows:230px !important;
    }
}

@media(max-width:980px){
    .novidades-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows:230px !important;
    }

    .novidade-card.destaque{
        grid-column:span 2 !important;
        grid-row:span 1 !important;
    }

    .novidade-card.destaque h2{
        font-size:20px !important;
    }
}

@media(max-width:560px){
    .novidades-section{
        padding:26px 14px 42px !important;
    }

    .novidades-grid{
        width:100% !important;
        grid-template-columns:1fr !important;
        grid-auto-rows:auto !important;
    }

    .novidade-card,
    .novidade-card.destaque{
        min-height:300px !important;
        grid-column:span 1 !important;
        grid-row:span 1 !important;
    }

    .novidade-card.destaque h2{
        font-size:18px !important;
    }
}




/*
====================================================
NOVIDADES - PORTAL GAMER PREMIUM
====================================================
*/

.portal-news-section{
    width:100%;
    min-height:calc(100vh - 100px);
    padding:34px 22px 60px;
    position:relative;
    z-index:1;
}

.portal-news-hero{
    width:min(1480px, calc(100% - 20px));
    margin:0 auto 22px;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:22px;
    align-items:end;
}

.portal-news-title-block{
    padding:22px;
    border-radius:24px;
    background:
        linear-gradient(135deg, rgba(0,0,0,.72), rgba(30,0,5,.45));
    border:1px solid rgba(255,23,40,.30);
    box-shadow:
        0 18px 44px rgba(0,0,0,.55),
        0 0 22px rgba(255,23,40,.12);
    backdrop-filter:blur(12px);
}

.portal-eyebrow{
    color:#ff6d78;
    font-size:13px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:1.8px;
    margin-bottom:8px;
}

.portal-news-title-block h1{
    font-size:clamp(42px, 6vw, 86px);
    line-height:.92;
    margin:0 0 12px;
    text-transform:uppercase;
    letter-spacing:2px;
    text-shadow:
        0 0 22px rgba(255,23,40,.42),
        0 4px 0 rgba(0,0,0,.88);
}

.portal-news-title-block p{
    max-width:780px;
    color:#d4d4d4;
    font-size:16px;
    line-height:1.5;
}

.portal-news-tools{
    padding:18px;
    border-radius:22px;
    background:rgba(0,0,0,.56);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 16px 38px rgba(0,0,0,.45);
    backdrop-filter:blur(12px);
}

.portal-search{
    display:block;
    margin-bottom:14px;
}

.portal-search span{
    display:block;
    color:#ff6d78;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin-bottom:7px;
}

.portal-search input{
    width:100%;
    height:46px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.06);
    color:#fff;
    padding:0 14px;
    outline:none;
}

.portal-search input:focus{
    border-color:rgba(255,23,40,.72);
    box-shadow:0 0 18px rgba(255,23,40,.20);
}

.portal-filter-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.portal-filter{
    border:none;
    border-radius:999px;
    padding:9px 12px;
    background:rgba(255,255,255,.08);
    color:#ddd;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    cursor:pointer;
    transition:.22s ease;
    border:1px solid rgba(255,255,255,.10);
}

.portal-filter.active,
.portal-filter:hover{
    color:#fff;
    background:rgba(255,23,40,.28);
    border-color:rgba(255,23,40,.62);
    box-shadow:0 0 18px rgba(255,23,40,.22);
}

.portal-news-meta{
    width:min(1480px, calc(100% - 20px));
    margin:0 auto 18px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.portal-news-meta span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:#cfcfcf;
    font-size:12px;
    font-weight:800;
}

.portal-news-grid{
    width:min(1480px, calc(100% - 20px));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    grid-auto-rows:242px;
    gap:18px;
}

.portal-news-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:#fff;
    background:rgba(0,0,0,.62);
    border:1px solid rgba(255,23,40,.24);
    box-shadow:
        0 16px 40px rgba(0,0,0,.52),
        0 0 16px rgba(255,23,40,.08);
    transition:.25s ease;
    isolation:isolate;
    min-width:0;
}

.portal-news-card:hover{
    transform:translateY(-4px) scale(1.015);
    border-color:rgba(255,23,40,.70);
    box-shadow:
        0 24px 58px rgba(0,0,0,.72),
        0 0 28px rgba(255,23,40,.24);
}

.portal-news-card.featured{
    grid-column:span 2;
    grid-row:span 2;
}

.portal-card-image-wrap{
    position:relative;
    width:100%;
    height:54%;
    overflow:hidden;
    background:#111;
    flex-shrink:0;
}

.portal-news-card.featured .portal-card-image-wrap{
    height:63%;
}

.portal-card-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.25s ease;
}

.portal-news-card:hover .portal-card-image{
    transform:scale(1.06);
    filter:brightness(.86);
}

.portal-card-category{
    position:absolute;
    top:10px;
    left:10px;
    z-index:2;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,23,40,.82);
    color:#fff;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.8px;
    box-shadow:0 0 18px rgba(255,23,40,.34);
}

.portal-card-content{
    flex:1;
    padding:13px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    background:
        linear-gradient(to bottom, rgba(0,0,0,.68), rgba(0,0,0,.96));
    min-height:0;
}

.portal-card-source{
    display:flex;
    justify-content:space-between;
    gap:8px;
    color:#ff6d78;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:6px;
    min-width:0;
}

.portal-card-source span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.portal-card-source small{
    color:#aaa;
    font-size:10px;
    white-space:nowrap;
}

.portal-news-card h2{
    font-size:15px;
    line-height:1.22;
    font-weight:950;
    margin:0 0 7px;
    color:#fff;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.portal-news-card.featured h2{
    font-size:26px;
    line-height:1.10;
    -webkit-line-clamp:3;
}

.portal-news-card p{
    color:#cfcfcf;
    font-size:12px;
    line-height:1.35;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.portal-news-card.featured p{
    font-size:14px;
    -webkit-line-clamp:4;
}

.portal-card-cta{
    margin-top:auto;
    padding-top:8px;
    display:flex;
    align-items:center;
    gap:6px;
    color:#fff;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.8px;
    opacity:.86;
}

.portal-card-cta span{
    color:#ff1728;
    font-size:18px;
    line-height:1;
}

.portal-news-card.placeholder{
    align-items:center;
    justify-content:center;
    opacity:.22;
    border-style:dashed;
    pointer-events:none;
    background:rgba(255,255,255,.045);
}

.portal-placeholder-plus{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.35);
    font-size:32px;
    margin-bottom:10px;
}

.portal-news-card.placeholder span{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.portal-no-results{
    width:min(700px, calc(100% - 40px));
    margin:28px auto 0;
    display:none;
    text-align:center;
    padding:28px;
    border-radius:20px;
    background:rgba(0,0,0,.52);
    border:1px solid rgba(255,23,40,.22);
}

.portal-no-results h3{
    font-size:24px;
    margin-bottom:8px;
}

.portal-no-results p{
    color:#bbb;
}

@media(max-width:1300px){
    .portal-news-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        grid-auto-rows:232px;
    }
}

@media(max-width:980px){
    .portal-news-hero{
        grid-template-columns:1fr;
    }

    .portal-news-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-auto-rows:230px;
    }

    .portal-news-card.featured{
        grid-column:span 2;
        grid-row:span 1;
    }

    .portal-news-card.featured h2{
        font-size:20px;
    }
}

@media(max-width:560px){
    .portal-news-section{
        padding:26px 14px 42px;
    }

    .portal-news-hero,
    .portal-news-meta,
    .portal-news-grid{
        width:100%;
    }

    .portal-news-title-block h1{
        font-size:40px;
    }

    .portal-news-grid{
        grid-template-columns:1fr;
        grid-auto-rows:auto;
    }

    .portal-news-card,
    .portal-news-card.featured{
        min-height:310px;
        grid-column:span 1;
        grid-row:span 1;
    }

    .portal-news-card.featured h2{
        font-size:18px;
    }
}



/*
====================================================
NOVIDADES - LEITURA MELHORADA
====================================================
*/
.portal-news-grid{grid-auto-rows:500px!important}
.portal-news-card.featured{grid-column:span 2!important;grid-row:span 1!important}
.portal-card-image-wrap{height:38%!important}
.portal-news-card.featured .portal-card-image-wrap{height:35%!important}
.portal-card-content{padding:16px!important}
.portal-card-source{margin-bottom:10px!important}
.portal-news-card h2{font-size:18px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
.portal-news-card.featured h2{font-size:24px!important;line-height:1.15!important;-webkit-line-clamp:3!important}
.portal-news-card p{font-size:13px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:12!important;overflow:hidden!important}
.portal-news-card.featured p{font-size:14px!important;-webkit-line-clamp:7!important}
.portal-card-cta{margin-top:auto!important;padding-top:12px!important}
@media(max-width:980px){.portal-news-grid{grid-auto-rows:380px!important}.portal-card-image-wrap{height:40%!important}}
@media(max-width:560px){.portal-news-grid{grid-auto-rows:auto!important}.portal-news-card,.portal-news-card.featured{min-height:420px!important}.portal-card-image-wrap{height:220px!important}.portal-news-card h2{font-size:18px!important}.portal-news-card p{-webkit-line-clamp:8!important}}