*{
box-sizing:border-box;
}

body{
margin:0;
font-family:Inter,Arial,sans-serif;
background:#f5f7fc;
color:#101827;
}

.vm-container{
width:min(1160px,92%);
margin:auto;
}

.vm-header{
position:sticky;
top:0;
z-index:30;
background:linear-gradient(90deg,#2563eb,#2f6df6,#1d4ed8);
box-shadow:0 8px 28px #0f172a24;
}

.vm-nav{
min-height:74px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.vm-logo{
color:white;
font-size:28px;
font-weight:950;
text-decoration:none;
letter-spacing:-1px;
white-space:nowrap;
}

.vm-logo strong{
color:#facc15;
}

.vm-nav nav{
display:flex;
align-items:center;
gap:8px;
}

.vm-nav nav a{
color:white;
font-size:14px;
font-weight:800;
text-decoration:none;
padding:11px 13px;
border-radius:12px;
}

.vm-nav nav a:hover,
.vm-nav nav a.selected{
background:#ffffff26;
}

.vm-nav .vm-nav-cta{
background:#facc15;
color:#342a00;
}

.vm-hero{
position:relative;
overflow:hidden;
padding:78px 0 84px;
color:white;
background:
radial-gradient(circle at 10% 0%,#ff39bd36,transparent 30%),
radial-gradient(circle at 88% 12%,#2387ff52,transparent 34%),
linear-gradient(135deg,#3b0050 0%,#140035 38%,#071b4f 72%,#116ed6 100%);
}

.vm-hero:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(#ffffff0a 1px,transparent 1px),
linear-gradient(90deg,#ffffff0a 1px,transparent 1px);
background-size:44px 44px;
pointer-events:none;
}

.vm-hero .vm-container{
position:relative;
}

.vm-tag{
font-size:12px;
font-weight:900;
letter-spacing:.13em;
color:#fde68a;
}

.vm-hero h1{
font-size:clamp(42px,6vw,70px);
letter-spacing:-2px;
line-height:1.05;
margin:15px 0;
}

.vm-hero h1 em{
font-style:normal;
color:#facc15;
}

.vm-hero p{
font-size:17px;
line-height:1.6;
color:#dae5ff;
max-width:620px;
}

.vm-back{
display:inline-block;
margin-top:15px;
color:white;
font-size:14px;
font-weight:800;
text-decoration:none;
border-bottom:1px solid #ffffff60;
padding-bottom:5px;
}

.vm-content{
padding:66px 0 92px;
}

.vm-heading{
display:flex;
align-items:end;
justify-content:space-between;
gap:20px;
margin-bottom:30px;
}

.vm-tag.blue{
color:#2563eb;
}

.vm-heading h2{
font-size:clamp(27px,3vw,38px);
letter-spacing:-1px;
margin:8px 0 0;
}

.vm-total{
font-size:12px;
font-weight:800;
color:#475569;
background:white;
border:1px solid #dfe7f4;
border-radius:30px;
padding:10px 14px;
white-space:nowrap;
}

.vm-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:23px;
}

.vm-card{
min-width:0;
background:white;
border:1px solid #e0e7f2;
border-radius:23px;
overflow:hidden;
box-shadow:0 15px 36px #10234a0e;
display:flex;
flex-direction:column;
transition:transform .2s,box-shadow .2s;
}

.vm-card:hover{
transform:translateY(-5px);
box-shadow:0 25px 55px #10234a20;
}

.vm-cover{
height:210px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
background:
radial-gradient(circle at 10% 0%,#934cf467,transparent 50%),
linear-gradient(135deg,#3b0050,#102c75 65%,#116ed6);
}

.vm-cover img{
max-width:75%;
max-height:145px;
object-fit:contain;
filter:drop-shadow(0 8px 18px #0004);
}

.vm-placeholder{
display:grid;
place-items:center;
width:115px;
height:115px;
border:2px solid #ffffff80;
border-radius:26px;
color:white;
font-weight:950;
font-size:37px;
background:#ffffff1c;
}

.vm-status{
position:absolute;
top:16px;
left:16px;
display:flex;
align-items:center;
gap:7px;
background:white;
color:#087a43;
border-radius:100px;
padding:8px 11px;
font-size:11px;
font-weight:950;
}

.vm-status i{
width:8px;
height:8px;
border-radius:50%;
background:#16a34a;
}

.vm-card-body{
padding:25px;
display:flex;
flex-direction:column;
flex:1;
}

.vm-card h3{
font-size:22px;
line-height:1.2;
margin:0 0 12px;
overflow-wrap:anywhere;
}

.vm-description{
color:#53647b;
font-size:14px;
line-height:1.65;
margin:0 0 19px;
overflow-wrap:anywhere;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}

.vm-details{
margin-top:auto;
padding-top:10px;
border-top:1px solid #e8edf6;
display:grid;
gap:11px;
}

.vm-details div{
display:grid;
gap:3px;
}

.vm-details span{
font-size:11px;
font-weight:800;
text-transform:uppercase;
color:#6b7c94;
}

.vm-details strong{
font-size:13px;
color:#172340;
overflow-wrap:anywhere;
}

.vm-vote{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:21px;
text-decoration:none;
background:linear-gradient(115deg,#7c3aed,#2563eb);
color:white;
font-size:14px;
font-weight:900;
border-radius:13px;
padding:15px 18px;
}

.vm-vote:hover{
filter:brightness(1.1);
}

.vm-vote span{
font-size:21px;
}

.vm-empty{
background:white;
border:1px solid #dfe7f4;
border-radius:22px;
padding:48px 25px;
text-align:center;
}

.vm-empty p{
color:#64748b;
line-height:1.6;
}

.vm-empty a{
color:#2563eb;
font-weight:850;
text-decoration:none;
}

.vm-footer{
background:linear-gradient(135deg,#3b163f,#1b1b75 50%,#1f67d2);
color:#dbeafe;
padding:38px 0 22px;
border-top:3px solid #facc15;
}

.vm-footer p{
font-size:12px;
}

.vm-footer-links{
display:flex;
flex-wrap:wrap;
gap:18px;
margin:25px 0;
}

.vm-footer-links a{
color:#dbeafe;
text-decoration:none;
font-size:13px;
font-weight:750;
}

.vm-footer small{
display:block;
border-top:1px solid #ffffff26;
padding-top:20px;
font-size:11px;
}

@media(max-width:990px){
.vm-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:720px){

.vm-nav{
min-height:66px;
flex-wrap:wrap;
padding:12px 0;
gap:10px;
}

.vm-logo{
font-size:25px;
}

.vm-nav nav{
width:100%;
justify-content:space-between;
gap:3px;
}

.vm-nav nav a{
font-size:11px;
padding:9px 8px;
}

.vm-hero{
padding:54px 0 63px;
}

.vm-hero p{
font-size:15px;
}

.vm-content{
padding:40px 0 70px;
}

.vm-heading{
align-items:start;
flex-direction:column;
gap:12px;
}

.vm-grid{
grid-template-columns:1fr;
gap:19px;
}

.vm-cover{
height:195px;
}

.vm-card-body{
padding:22px;
}

}

@media(prefers-reduced-motion:reduce){
*{
transition:none!important;
scroll-behavior:auto!important;
}
}

/* VOTEMAIS-TEMA-OVERRIDES-START */

/* ==========================================================
   EVENTOS ATIVOS - TEMA ALINHADO AO VISUAL VOTEMAIS
   ========================================================== */

html{
background:#0c1445;
}

body{
background:
linear-gradient(180deg,#32124a 0%,#1a266d 38%,#0f3f96 70%,#1d73dd 100%);
color:#f8fbff;
}

.vm-header{
background:
linear-gradient(90deg,rgba(34,41,95,.96) 0%,rgba(33,53,130,.95) 40%,rgba(29,113,221,.96) 100%);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:0 10px 30px rgba(4,10,34,.28);
}

.vm-logo{
color:#ffffff;
text-shadow:0 1px 0 rgba(0,0,0,.08);
}

.vm-logo strong{
color:#ffd23f;
}

.vm-nav nav a{
color:rgba(255,255,255,.92);
}

.vm-nav nav a:hover,
.vm-nav nav a.selected{
background:rgba(255,255,255,.12);
color:#ffffff;
}

.vm-nav .vm-nav-cta{
background:#f3c62f;
color:#241b00;
border:1px solid rgba(255,255,255,.18);
box-shadow:0 8px 20px rgba(243,198,47,.28);
}

.vm-nav .vm-nav-cta:hover{
filter:brightness(1.04);
}

.vm-hero{
background:
radial-gradient(circle at 8% 0%, rgba(255, 57, 189, .23), transparent 30%),
radial-gradient(circle at 88% 14%, rgba(35, 135, 255, .26), transparent 34%),
linear-gradient(135deg,#3b0050 0%,#18053f 34%,#0b1f63 68%,#1e79df 100%);
border-bottom:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.05);
}

.vm-hero:before{
background-image:
linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
background-size:36px 36px;
opacity:.85;
}

.vm-tag{
color:#ffd54f;
}

.vm-tag.blue{
color:#ffd54f;
}

.vm-hero p{
color:#d7e7ff;
}

.vm-back{
color:#ffffff;
border-bottom:1px solid rgba(255,255,255,.42);
}

.vm-content{
background:
linear-gradient(180deg,rgba(18,28,87,.88) 0%,rgba(18,47,117,.90) 45%,rgba(22,93,194,.92) 100%);
padding-top:58px;
padding-bottom:88px;
}

.vm-heading h2{
color:#ffffff;
}

.vm-total{
color:#e6efff;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.vm-card{
background:
linear-gradient(180deg,rgba(24,32,96,.93) 0%,rgba(18,30,85,.96) 100%);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 20px 44px rgba(4,11,38,.34);
}

.vm-card:hover{
box-shadow:0 24px 56px rgba(3,10,34,.42);
}

.vm-cover{
background:
radial-gradient(circle at 10% 0%, rgba(180, 76, 244, .34), transparent 50%),
radial-gradient(circle at 100% 100%, rgba(47, 109, 246, .18), transparent 35%),
linear-gradient(135deg,#3f1366 0%,#1d2e8d 55%,#1970d8 100%);
border-bottom:1px solid rgba(255,255,255,.08);
}

.vm-cover img{
filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));
}

.vm-placeholder{
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.30);
color:#ffffff;
}

.vm-status{
background:rgba(255,255,255,.96);
color:#0d8b4b;
box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.vm-card h3{
color:#ffffff;
}

.vm-description{
color:#c7d8ff;
}

.vm-details{
border-top:1px solid rgba(255,255,255,.10);
}

.vm-details span{
color:#9eb8ef;
}

.vm-details strong{
color:#ffffff;
}

.vm-vote{
background:
linear-gradient(90deg,#7b3cf0 0%,#2e6df6 100%);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 10px 24px rgba(30,65,170,.28);
color:#ffffff;
}

.vm-vote:hover{
filter:brightness(1.06);
}

.vm-empty{
background:rgba(17,28,81,.82);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 45px rgba(4,11,38,.26);
}

.vm-empty h3{
color:#ffffff;
}

.vm-empty p{
color:#d1defa;
}

.vm-empty a{
color:#ffd54f;
}

.vm-footer{
background:
linear-gradient(90deg,#35144d 0%,#1d2d86 45%,#1f6dd5 100%);
color:#dce8ff;
border-top:1px solid rgba(255,212,79,.34);
}

.vm-footer p{
color:#d4e0ff;
}

.vm-footer-links a{
color:#eef4ff;
}

.vm-footer small{
border-top:1px solid rgba(255,255,255,.16);
color:#d4e0ff;
}

/* mobile */
@media(max-width:720px){
    .vm-content{
        padding-top:42px;
        padding-bottom:70px;
    }

    .vm-card{
        box-shadow:0 16px 38px rgba(4,11,38,.32);
    }
}

/* VOTEMAIS-TEMA-OVERRIDES-END */


/* VOTEMAIS-MENU-MOBILE-V2-INICIO */

/* Menu exclusivo para celular */
@media screen and (max-width:720px){

    .vm-header{
        position:sticky;
        top:0;
        z-index:100;
        background:linear-gradient(
            105deg,
            #281044 0%,
            #18276b 48%,
            #165ab7 100%
        ) !important;

        border-bottom:1px solid rgba(255,255,255,.12);
        box-shadow:0 5px 22px rgba(0,0,0,.20);
    }

    .vm-header .vm-container{
        width:calc(100% - 24px);
        max-width:none;
    }

    .vm-nav{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;

        min-height:64px !important;
        padding:8px 0 !important;
    }

    .vm-nav .vm-logo{
        display:block;
        flex:0 0 auto;
        white-space:nowrap;

        font-size:20px !important;
        font-weight:950;
        letter-spacing:-.7px;
        line-height:1.2;

        margin:0 !important;
        padding:0 !important;
    }

    .vm-nav nav{
        display:flex !important;
        flex:0 1 auto;
        width:auto !important;
        min-width:0;

        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:3px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .vm-nav nav a{
        display:inline-flex !important;
        align-items:center;
        justify-content:center;

        flex:0 0 auto;
        white-space:nowrap;

        font-size:10px !important;
        font-weight:800 !important;
        letter-spacing:-.15px;

        padding:10px 7px !important;
        border-radius:9px !important;

        background:transparent;
        color:#e8edff;
        text-decoration:none;

        margin:0 !important;
        min-height:35px;
    }

    .vm-nav nav a.selected{
        background:rgba(255,255,255,.12) !important;
        border:1px solid rgba(255,255,255,.12);
        color:white !important;
    }

    .vm-nav nav .vm-nav-cta{
        background:#ffcf38 !important;
        color:#241900 !important;

        border:1px solid rgba(255,255,255,.25);
        border-radius:9px !important;

        padding:10px 8px !important;
        box-shadow:0 3px 12px rgba(0,0,0,.12);
    }

}

/* Telas muito estreitas: mantém navegação utilizável */
@media screen and (max-width:350px){

    .vm-nav .vm-logo{
        font-size:18px !important;
    }

    .vm-nav{
        gap:4px !important;
    }

    .vm-nav nav{
        gap:1px !important;
    }

    .vm-nav nav a{
        font-size:9px !important;
        padding:9px 4px !important;
    }

    .vm-nav nav .vm-nav-cta{
        padding:9px 5px !important;
    }

}

/* VOTEMAIS-MENU-MOBILE-V2-FIM */


/* VM-ANIMACOES-EVENTOS-V1-INICIO */

/* ========================================
   1. VOLTAR AO INICIO
======================================== */

.vm-back{
    display:inline-flex;
    align-items:center;
    gap:6px;

    transition:
        transform .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.vm-back:hover{
    transform:translateX(-5px);
    color:#ffd54f;
    border-color:#ffd54f;
}

.vm-back:active{
    transform:translateX(-2px) scale(.98);
}


/* ========================================
   2. ACESSAR VOTACAO
======================================== */

.vm-vote{
    position:relative;
    overflow:hidden;
    isolation:isolate;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

/* Faixa de brilho */

.vm-vote::before{
    content:"";

    position:absolute;
    top:0;
    bottom:0;
    left:-85%;

    width:45%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    );

    transform:skewX(-25deg);

    pointer-events:none;
    z-index:0;

    transition:left .65s ease;
}

.vm-vote:hover::before{
    left:140%;
}

.vm-vote:hover{
    transform:translateY(-3px);

    box-shadow:
        0 16px 34px rgba(56,90,230,.35),
        0 0 22px rgba(111,73,255,.18);
}

/* Seta avanca */

.vm-vote span{
    position:relative;
    z-index:1;

    transition:transform .25s ease;
}

.vm-vote:hover span{
    transform:translateX(5px);
}

.vm-vote:active{
    transform:scale(.98);
}


/* ========================================
   3. VOTACAO ABERTA
======================================== */

.vm-status{
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.vm-card:hover .vm-status{
    transform:translateY(-2px);

    box-shadow:
        0 8px 22px rgba(0,0,0,.18);
}

/* Indicador verde */

.vm-status i{
    position:relative;
    flex-shrink:0;

    animation:vmStatusPulse 2.5s ease-in-out infinite;
}

@keyframes vmStatusPulse{

    0%,100%{
        box-shadow:0 0 0 0 rgba(22,163,74,.30);
    }

    50%{
        box-shadow:0 0 0 5px rgba(22,163,74,0);
    }

}


/* ========================================
   4. MENU - LINKS
======================================== */

.vm-nav nav a{
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease;
}

.vm-nav nav a:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.16);
}

.vm-nav nav a:active{
    transform:scale(.96);
}

/* Pagina selecionada */

.vm-nav nav a.selected:hover{
    background:rgba(255,255,255,.22) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 5px 14px rgba(0,0,0,.12);
}


/* ========================================
   5. BOTAO AMARELO
======================================== */

.vm-nav nav .vm-nav-cta{
    position:relative;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}

.vm-nav nav .vm-nav-cta:hover{
    transform:translateY(-3px);

    filter:brightness(1.08);

    background:#ffd84a !important;
    color:#241900 !important;

    box-shadow:
        0 10px 25px rgba(250,204,21,.28),
        0 0 18px rgba(250,204,21,.15);
}

.vm-nav nav .vm-nav-cta:active{
    transform:scale(.96);
}


/* ========================================
   6. ACESSIBILIDADE
======================================== */

/* Destaque ao navegar pelo teclado */

.vm-nav nav a:focus-visible,
.vm-back:focus-visible,
.vm-vote:focus-visible{
    outline:2px solid #ffd54f;
    outline-offset:4px;
}

/* Celular: feedback ao tocar */

@media(hover:none){

    .vm-vote:active{
        transform:scale(.97);
        filter:brightness(1.12);
    }

    .vm-back:active{
        color:#ffd54f;
        transform:translateX(-3px);
    }

    .vm-nav nav a:active{
        transform:scale(.95);
        filter:brightness(1.12);
    }

    .vm-card:hover .vm-status{
        transform:none;
    }

}

/* Respeita preferencia por movimento reduzido */

@media(prefers-reduced-motion:reduce){

    .vm-back,
    .vm-vote,
    .vm-vote::before,
    .vm-vote span,
    .vm-status,
    .vm-status i,
    .vm-nav nav a,
    .vm-nav nav .vm-nav-cta{
        animation:none !important;
        transition:none !important;
        transform:none !important;
    }

}

/* VM-ANIMACOES-EVENTOS-V1-FIM */


/* VM-MOBILE-ANIMATIONS-V1-START */

/* ==========================================
   ANIMACOES EXCLUSIVAS PARA CELULAR
========================================== */

@media screen and (max-width:720px){

    /* 1. ENTRADA SUAVE DO CONTEUDO */

    .vm-hero .vm-container{
        animation:vmMobileEntrada .65s ease-out both;
    }

    .vm-heading{
        animation:vmMobileEntrada .55s ease-out both;
    }

    .vm-card{
        animation:vmMobileCard .55s ease-out both;
    }

    .vm-card:nth-child(2){
        animation-delay:.10s;
    }

    .vm-card:nth-child(3){
        animation-delay:.20s;
    }

    .vm-card:nth-child(4){
        animation-delay:.30s;
    }


    /* 2. VOLTAR AO INICIO */

    .vm-back{
        transition:
            transform .18s ease,
            color .18s ease,
            border-color .18s ease !important;
    }

    .vm-back:active{
        transform:translateX(-7px) scale(.97) !important;
        color:#ffd54f !important;
        border-color:#ffd54f !important;
    }


    /* 3. BOTAO ACESSAR VOTACAO */

    .vm-vote{
        position:relative;
        overflow:hidden;
        -webkit-tap-highlight-color:transparent;

        transition:
            transform .18s ease,
            filter .18s ease,
            box-shadow .18s ease !important;
    }

    /* Brilho discreto periodico */

    .vm-vote::before{
        left:-85%;
        width:45%;
        animation:vmMobileBrilho 5s ease-in-out infinite;
    }

    .vm-vote:active{
        transform:scale(.965) !important;
        filter:brightness(1.18) !important;

        box-shadow:
            0 5px 15px rgba(51,91,230,.45) !important;
    }

    .vm-vote span{
        transition:transform .18s ease !important;
    }

    .vm-vote:active span{
        transform:translateX(8px) !important;
    }


    /* 4. VOTACAO ABERTA */

    .vm-status{
        animation:vmMobileBadge 4s ease-in-out infinite;
    }

    .vm-status i{
        animation:vmStatusPulse 2s ease-in-out infinite;
    }


    /* 5. MENU */

    .vm-nav nav a{
        -webkit-tap-highlight-color:transparent;

        transition:
            transform .18s ease,
            background .18s ease,
            box-shadow .18s ease !important;
    }

    .vm-nav nav a:active{
        transform:scale(.92) !important;
        background:rgba(255,255,255,.22) !important;
    }

    /* Menu selecionado */

    .vm-nav nav a.selected{
        animation:vmMobileMenuEntrada .5s ease-out both;
    }


    /* 6. BOTAO AMARELO */

    .vm-nav nav .vm-nav-cta{
        animation:vmMobileAmarelo 4s ease-in-out infinite;

        transition:
            transform .18s ease,
            filter .18s ease !important;
    }

    .vm-nav nav .vm-nav-cta:active{
        transform:scale(.93) !important;
        filter:brightness(1.12) !important;
        background:#ffdc55 !important;
        color:#241900 !important;
    }

}


/* ==========================================
   KEYFRAMES
========================================== */

@keyframes vmMobileEntrada{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes vmMobileCard{

    from{
        opacity:0;
        transform:translateY(22px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes vmMobileBrilho{

    0%,72%,100%{
        left:-85%;
    }

    88%{
        left:140%;
    }

}

@keyframes vmMobileBadge{

    0%,100%{
        box-shadow:0 3px 12px rgba(0,0,0,.12);
    }

    50%{
        box-shadow:
            0 4px 16px rgba(22,163,74,.20);
    }

}

@keyframes vmMobileMenuEntrada{

    from{
        opacity:.6;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes vmMobileAmarelo{

    0%,100%{
        box-shadow:0 3px 12px rgba(0,0,0,.12);
    }

    50%{
        box-shadow:
            0 5px 18px rgba(250,204,21,.32);
    }

}


/* ==========================================
   CELULARES COM TOQUE
   Evita hover preso depois do toque
========================================== */

@media screen and (max-width:720px) and (hover:none){

    .vm-vote:hover:not(:active),
    .vm-nav nav a:hover:not(:active),
    .vm-nav nav .vm-nav-cta:hover:not(:active),
    .vm-back:hover:not(:active){
        transform:none !important;
    }

    .vm-vote:hover:not(:active){
        filter:none !important;
    }

    .vm-vote:hover:not(:active) span{
        transform:none !important;
    }

    .vm-card:hover .vm-status{
        transform:none !important;
    }

}


/* ==========================================
   ACESSIBILIDADE
========================================== */

@media(prefers-reduced-motion:reduce){

    .vm-hero .vm-container,
    .vm-heading,
    .vm-card,
    .vm-back,
    .vm-vote,
    .vm-vote::before,
    .vm-vote span,
    .vm-status,
    .vm-status i,
    .vm-nav nav a,
    .vm-nav nav .vm-nav-cta{
        animation:none !important;
        transition:none !important;
    }

}

/* VM-MOBILE-ANIMATIONS-V1-END */