/* ==========================================
   KMR EMBALAGENS - VITRINE PREMIUM v2
========================================== */

/* CARD */

.listagem-item{

    background:#fff !important;
    border:2px solid #c8cee7 !important;
    border-radius:18px !important;

    padding:18px !important;

    box-shadow:0 4px 14px rgba(0,0,0,.05) !important;

    transition:.30s;
}

.listagem-item:hover{

    border-color:#32307b !important;

    box-shadow:0 14px 30px rgba(50,48,123,.14) !important;

}


/* IMAGEM */

.listagem-item .imagem-produto{

    margin-bottom:12px !important;

}

.listagem-item .imagem-produto img{

    transition:.30s;

}

.listagem-item:hover .imagem-produto img{

    transform:scale(1.05);

}


/* INFORMAÇÕES */

.listagem-item .info-produto{

    padding:0 !important;

    margin:0 !important;

    text-align:center;

}


/* NOME */

.listagem-item .nome-produto{

    margin-bottom:14px !important;

    min-height:54px;

}


/* PREÇO */

.listagem-item .preco-produto{

    margin-bottom:14px !important;

}


/* ÁREA DO BOTÃO */

.listagem-item .acoes-produto{

    margin:0 !important;

    padding:0 !important;

    text-align:center;

}


/* BOTÃO */

.listagem-item .acoes-produto .botao{

    display:inline-block !important;

    margin:0 auto !important;

    padding:10px 28px !important;

    border:2px solid #32307b !important;

    border-radius:14px !important;

    background:#fff !important;

    color:#32307b !important;

    font-weight:600;

    transition:.25s;

}

.listagem-item .acoes-produto .botao:hover{

    background:#32307b !important;

    color:#fff !important;

}


/* REMOVE ESPAÇOS EXTRAS */

.listagem-item>*:last-child{

    margin-bottom:0 !important;

    padding-bottom:0 !important;

}

.listagem-item::after{

    display:none !important;

}

/* ==========================================
   BOTÃO COMPRAR - KMR PREMIUM
========================================== */
.pagina-produto .acoes-produto .botao.botao-comprar{
    position:relative;
    overflow:hidden;

    background:#32307b !important;
    color:#fff !important;

    width:75% !important;
    height:54px !important;
    line-height:54px !important;

    padding:0 !important;
    margin:20px auto !important;

    border:none !important;
    border-radius:14px !important;

    font-size:20px !important;
    font-weight:700 !important;

    display:block;
    text-align:center;

    transition:transform .25s ease, box-shadow .25s ease;
    box-shadow:0 8px 20px rgba(50,48,123,.18);

    z-index:1;
}

.pagina-produto .acoes-produto .botao.botao-comprar::before{

    content:"";
    position:absolute;

    top:0;
    left:0;

    width:0%;
    height:100%;

    background:#22b14c;

    transition:width .35s ease;

    z-index:-1;
}

.pagina-produto .acoes-produto .botao.botao-comprar:hover{

    transform:translateY(-3px);

    box-shadow:0 14px 28px rgba(34,177,76,.35);

    color:#fff !important;
}

.pagina-produto .acoes-produto .botao.botao-comprar:hover::before{

    width:100%;
}

/* ======================================
   KMR EMBALAGENS - CALCULAR FRETE
====================================== */

/* Container */
#formCalcularCep .input-append{

    display:flex !important;
    align-items:center;
}

/* Campo CEP */

#formCalcularCep input[type="tel"]{

    height:46px !important;

    border:1px solid #d9d9d9 !important;

    border-right:none !important;

    border-radius:12px 0 0 12px !important;

    padding:0 16px !important;

    font-size:16px !important;

    background:#fff !important;

    box-shadow:none !important;

    outline:none !important;

}

/* Campo em foco */

#formCalcularCep input[type="tel"]:focus{

    border-color:#32307b !important;

}

/* Botão OK */

#formCalcularCep button.btn{

    height:46px !important;

    padding:0 22px !important;

    border:none !important;

    border-radius:0 12px 12px 0 !important;

    background:#32307b !important;

    color:#fff !important;

    font-weight:700 !important;

    transition:.30s ease;

}

/* Hover */

#formCalcularCep button.btn:hover{

    background:#22b14c !important;

}

/* ======================================
   KMR EMBALAGENS - BOTÕES DE VARIAÇÃO DE QUANTIDADE
====================================== */

/* Espaçamento entre opções */

.atributo-comum ul{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

/* Botões */

.atributo-comum .atributo-item{

    display:flex;
    align-items:center;
    justify-content:center;

    min-width:54px;
    height:42px;

    border:2px solid #32307b !important;

    border-radius:12px !important;

    background:#ffffff;

    color:#32307b !important;

    font-weight:700;

    transition:all .25s ease;

    text-decoration:none !important;

}

/* Hover */

.atributo-comum .atributo-item:hover{

    background:#32307b;

    color:#ffffff !important;

    transform:translateY(-2px);

}

/* Selecionado */

.atributo-comum li.active .atributo-item{

    background:#32307b !important;

    color:#ffffff !important;

    border-color:#32307b !important;

    box-shadow:0 6px 18px rgba(50,48,123,.20);

}
/* Texto branco na opção selecionada */

.atributo-comum li.active .atributo-item,
.atributo-comum li.active .atributo-item span{

    color:#ffffff !important;

}

/* Hover */

.atributo-comum .atributo-item:hover,
.atributo-comum .atributo-item:hover span{

    color:#ffffff !important;

}



/* ======================================
   KMR - BUSCA SIMPLES E ARREDONDADA
====================================== */

/* Área da busca */
.busca form,
.busca .form-buscar{
    position:relative !important;
    margin:0 !important;
}

/* Campo de pesquisa */
.busca #auto-complete,
.busca input[type="text"]{
    width:100% !important;
    height:54px !important;
    box-sizing:border-box !important;

    border:2px solid #d9dff2 !important;
    border-radius:28px !important;

    background:#ffffff !important;
    padding:0 65px 0 20px !important;

    font-size:16px !important;
    box-shadow:none !important;
    outline:none !important;
}

/* Botão transparente sobre o campo */
.busca .botao-busca,
.busca button[type="submit"]{
    position:absolute !important;
    top:50% !important;
    right:10px !important;
    transform:translateY(-50%) !important;

    width:42px !important;
    height:42px !important;
    min-height:0 !important;

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

    border:none !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;

    color:#32307b !important;
    z-index:10 !important;
}

/* Ícone da lupa */
.busca .botao-busca i,
.busca button[type="submit"] i{
    color:#32307b !important;
    font-size:20px !important;
}

/* Ao passar o mouse */
.busca .botao-busca:hover,
.busca button[type="submit"]:hover{
    background:rgba(50,48,123,.08) !important;
}

/* Ao clicar no campo */
.busca #auto-complete:focus,
.busca input[type="text"]:focus{
    border-color:#32307b !important;
    box-shadow:0 0 0 3px rgba(50,48,123,.10) !important;
}

.busca #auto-complete,
.busca input[type="text"]{
    transition:all .25s ease !important;
}

.busca #auto-complete:hover,
.busca input[type="text"]:hover{
    border-color:#bfc8ea !important;
}



.busca .botao-busca{
    transition:.25s ease !important;
}

.busca .botao-busca:hover{
    transform:translateY(-50%) scale(1.08) !important;
}





/* ======================================
   KMR — SOMENTE ÍCONE DA CONTA
====================================== */

/* Remove completamente o formato de botão */
a[href="/conta/index"],
a[href="/conta/index"]:hover,
a[href="/conta/index"]:focus,
a[href="/conta/index"]:active,
.btn-group.open a[href="/conta/index"],
.btn-group.open a[href="/conta/index"]:hover,
.btn-group.open a[href="/conta/index"]:focus{
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-color:transparent !important;
    border-radius:0 !important;

    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;

    padding:5px !important;
}

/* Também remove efeitos aplicados pelo tema ao botão aberto */
.minha-conta .btn-group.open .dropdown-toggle{
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    border:0 !important;
}

/* Ícone normal */
a[href="/conta/index"] .fa-user{
    color:#b5bac3 !important;
    background:transparent !important;
    font-size:21px !important;
    transition:color .25s ease, transform .25s ease !important;
}

/* Passando o mouse */
a[href="/conta/index"]:hover .fa-user{
    color:#6ac4ed !important;
    transform:translateY(-2px) !important;
}

/* Menu aberto */
.btn-group.open a[href="/conta/index"] .fa-user{
    color:#32307b !important;
}

/* Esconde a setinha */
a[href="/conta/index"] .icon-chevron-down{
    display:none !important;
}



/* ======================================
   KMR — SOMENTE ÍCONE DO CARRINHO
====================================== */

/* Link do carrinho sem fundo, borda ou sombra */
.carrinho > a,
.carrinho > a:hover,
.carrinho > a:focus,
.carrinho > a:active{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;
}

/* Ícone normal */
.carrinho > a .icon-shopping-cart{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    color:#b5bac3 !important;
    font-size:21px !important;
    line-height:1 !important;

    transition:
        color .25s ease,
        transform .25s ease !important;
}

/* Ao passar o mouse */
.carrinho > a:hover .icon-shopping-cart,
.carrinho > a:focus .icon-shopping-cart{
    background:transparent !important;
    color:#6ac4ed !important;
    transform:translateY(-2px) !important;
}

/* Enquanto clica */
.carrinho > a:active .icon-shopping-cart{
    background:transparent !important;
    color:#32307b !important;
    transform:translateY(0) !important;
}



/* ======================================
   KMR - ÍCONE RASTREAMENTO
====================================== */

.rastreio-topo{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.rastreio-topo .fa-truck{
    color:#b5bac3 !important;
    font-size:21px !important;
    transition:.25s ease !important;
}

.rastreio-topo:hover .fa-truck{
    color:#6ac4ed !important;
    transform:translateY(-2px);
}

.rastreio-topo:active .fa-truck{
    color:#32307b !important;
}


/* ======================================
   KMR - ÍCONE CONTATO
====================================== */

.contato-evtop{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.contato-evtop .fa-comments{
    color:#b5bac3 !important;
    font-size:21px !important;
    transition:.25s ease !important;
}

.contato-evtop:hover .fa-comments{
    color:#6ac4ed !important;
    transform:translateY(-2px);
}

.contato-evtop:active .fa-comments{
    color:#32307b !important;
}



/* ======================================
   KMR - REMOVE FUNDO DO PRÓPRIO ÍCONE
====================================== */

/* Caminhão */
.rastreio-topo .fa-truck,
.rastreio-topo .fa-truck::before,
.rastreio-btn:hover .fa-truck,
.rastreio-btn:hover .fa-truck::before,
.rastreio-btn:active .fa-truck,
.rastreio-btn:active .fa-truck::before{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;
}

/* Balão de contato */
.contato-evtop .fa-comments,
.contato-evtop .fa-comments::before,
.contato-topo:hover .fa-comments,
.contato-topo:hover .fa-comments::before,
.contato-topo:active .fa-comments,
.contato-topo:active .fa-comments::before{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;
}





/* ======================================
   KMR - BADGE DO CARRINHO
====================================== */

.qtd-carrinho{

    width:18px !important;
    height:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:absolute !important;
    top:-6px !important;
    right:-8px !important;

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

    border:none !important;
    border-radius:50% !important;

    background:#6ac4ed !important;
    color:#ffffff !important;

    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;

    box-shadow:0 3px 10px rgba(106,196,237,.35) !important;
}

.carrinho > a{
    position:relative !important;
}




/* ======================================
   KMR - AJUSTE SUAVE NO MENU
====================================== */

.menu.superior .nivel-um > li > a{
    transition:transform .25s ease !important;
}

.menu.superior .nivel-um > li > a .titulo{
    transition:color .25s ease !important;
}

.menu.superior .nivel-um > li > a:hover{
    transform:translateY(-2px) !important;
}

.menu.superior .nivel-um > li > a:hover .titulo{
    color:#6ac4ed !important;
}




/* ======================================
   KMR - HOVER MODERNO NO RODAPÉ
====================================== */

/* Links das colunas */
#rodape a,
.rodape a{
    position:relative !important;
    display:inline-block !important;
    transition:
        color .25s ease,
        transform .25s ease !important;
}

/* Pequena linha antes do link */
#rodape a::before,
.rodape a::before{
    content:"" !important;

    position:absolute !important;
    left:-12px !important;
    top:50% !important;

    width:0 !important;
    height:2px !important;

    background:#6ac4ed !important;
    border-radius:10px !important;

    transform:translateY(-50%) !important;
    transition:width .25s ease !important;
}

/* Hover dos links */
#rodape a:hover,
.rodape a:hover{
    color:#6ac4ed !important;
    transform:translateX(4px) !important;
    text-decoration:none !important;
}

#rodape a:hover::before,
.rodape a:hover::before{
    width:8px !important;
}




/* ======================================
   KMR - INSTAGRAM DO RODAPÉ
====================================== */

#rodape .fa-instagram,
.rodape .fa-instagram{
    transition:
        color .25s ease,
        transform .25s ease !important;
}

#rodape a:hover .fa-instagram,
.rodape a:hover .fa-instagram{
    color:#6ac4ed !important;
    transform:translateY(-3px) scale(1.08) !important;
}



/* ======================================
   KMR - ANIMAÇÃO DO SELO SSL
====================================== */

.selos img{

    transition:
        transform .30s ease,
        box-shadow .30s ease !important;

    transform-origin:center center;
    cursor:pointer;
}

.selos img:hover{

    transform:translateY(-4px) scale(1.06);

}



/* ======================================
   KMR - BOTÃO "IR ÀS COMPRAS"
====================================== */

.caixa-destaque .botao.principal{

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-width:180px;
    height:50px;

    padding:0 28px !important;

    background:#ffffff !important;
    color:#32307b !important;

    border:2px solid #32307b !important;
    border-radius:16px !important;

    font-size:16px;
    font-weight:600;

    text-decoration:none !important;

    transition:all .30s ease !important;
}

/* Hover */

.caixa-destaque .botao.principal:hover{

    background:#32307b !important;
    color:#ffffff !important;

    transform:translateY(-3px);

    box-shadow:0 10px 24px rgba(50,48,123,.18);

}

/* Clique */

.caixa-destaque .botao.principal:active{

    transform:translateY(-1px);

}




/* ======================================
   KMR - BOTÕES DO CARRINHO
====================================== */

/* CONTINUAR COMPRANDO */
.pagina-carrinho .acao-editar a.botao{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:48px !important;
    padding:0 24px !important;

    background:#ffffff !important;
    color:#32307b !important;

    border:2px solid #32307b !important;
    border-radius:16px !important;

    box-shadow:none !important;
    text-shadow:none !important;

    font-weight:600 !important;
    text-decoration:none !important;

    transition:
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}

/* Hover */
.pagina-carrinho .acao-editar a.botao:hover{
    color:#6ac4ed !important;
    border-color:#6ac4ed !important;
    transform:translateY(-2px) !important;
}

/* Clique com brilho azul-claro */
.pagina-carrinho .acao-editar a.botao:active,
.pagina-carrinho .acao-editar a.botao:focus{
    color:#32307b !important;
    border-color:#6ac4ed !important;

    box-shadow:
        0 0 0 4px rgba(106,196,237,.22),
        0 6px 18px rgba(106,196,237,.20) !important;

    outline:none !important;
    transform:translateY(0) !important;
}


/* FINALIZAR COMPRA */
.pagina-carrinho .acao-editar button.botao.principal.grande{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:50px !important;
    padding:0 28px !important;

    background:#32307b !important;
    color:#ffffff !important;

    border:2px solid #32307b !important;
    border-radius:16px !important;

    box-shadow:none !important;
    text-shadow:none !important;

    font-weight:700 !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}

/* Hover verde, igual ao botão comprar */
.pagina-carrinho .acao-editar button.botao.principal.grande:hover{
    background:#28a745 !important;
    border-color:#28a745 !important;
    color:#ffffff !important;

    transform:translateY(-3px) !important;

    box-shadow:
        0 10px 24px rgba(40,167,69,.25) !important;
}

/* Clique */
.pagina-carrinho .acao-editar button.botao.principal.grande:active{
    background:#218838 !important;
    border-color:#218838 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 5px 14px rgba(40,167,69,.22) !important;
}

/* Ícone de confirmação */
.pagina-carrinho .acao-editar button.botao.principal.grande .icon-ok{
    margin-right:8px !important;
    color:#ffffff !important;
}




/* ======================================
   KMR - BOTÃO DO MINICARRINHO
====================================== */

.minicart-placeholder .botao.principal,
.carrinho-interno .botao.principal,
.carrinho-interno a.botao,
.carrinho-interno button{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:48px !important;

    padding:0 24px !important;

    border-radius:16px !important;

    background:#32307b !important;
    border:2px solid #32307b !important;

    color:#ffffff !important;

    font-weight:700 !important;

    transition:.30s ease !important;
}

.minicart-placeholder .botao.principal:hover,
.carrinho-interno .botao.principal:hover,
.carrinho-interno a.botao:hover,
.carrinho-interno button:hover{

    background:#28a745 !important;
    border-color:#28a745 !important;

    transform:translateY(-3px) !important;

    box-shadow:0 10px 22px rgba(40,167,69,.25) !important;
}




/* ======================================
   KMR - AJUSTE DO BOTÃO NO MINICARRINHO
====================================== */

/* ======================================
   KMR - BOTÃO IR PARA O CARRINHO
   VERSÃO CORRIGIDA
====================================== */

.carrinho-interno .botao.principal,
.minicart-placeholder .botao.principal{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    width:calc(100% - 30px) !important;
    max-width:calc(100% - 30px) !important;
    min-height:48px !important;
    height:48px !important;

    margin:12px 15px 0 !important;
    padding:0 12px !important;
    box-sizing:border-box !important;

    background:#32307b !important;
    border:2px solid #32307b !important;
    border-radius:14px !important;

    color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;

    text-align:center !important;
    text-decoration:none !important;
    text-shadow:none !important;

    box-shadow:none !important;

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

/* Hover verde */
.carrinho-interno .botao.principal:hover,
.minicart-placeholder .botao.principal:hover{

    background:#28a745 !important;
    border-color:#28a745 !important;
    color:#ffffff !important;

    transform:translateY(-2px) !important;
    box-shadow:none !important;
}

/* Clique */
.carrinho-interno .botao.principal:active,
.minicart-placeholder .botao.principal:active{

    background:#218838 !important;
    border-color:#218838 !important;
    transform:translateY(0) !important;
}

/* Ícone dentro do botão */
.carrinho-interno .botao.principal i,
.minicart-placeholder .botao.principal i{

    font-size:14px !important;
    margin:0 !important;
    color:#ffffff !important;
}


/* ======================================
   KMR - CARDS FIXOS SOMENTE NA HOME
====================================== */

/* Card */
.pagina-inicial .listagem .listagem-item,
.pagina-inicial .listagem .produto{
    height:550px !important;
    min-height:550px !important;

    position:relative !important;

    padding-bottom:90px !important;

    box-sizing:border-box !important;
}

/* Área do botão */
.pagina-inicial .listagem .listagem-item .acoes-produto,
.pagina-inicial .listagem .produto .acoes-produto{
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:18px !important;

    margin:0 !important;

    display:flex !important;
    justify-content:center !important;

    transform:none !important;
}

/* Botão */
.pagina-inicial .listagem .listagem-item .acoes-produto .botao,
.pagina-inicial .listagem .produto .acoes-produto .botao{
    margin:0 !important;
    position:relative !important;
    transform:none !important;
}

/* Hover apenas do botão */
.pagina-inicial .listagem .listagem-item .acoes-produto .botao:hover,
.pagina-inicial .listagem .produto .acoes-produto .botao:hover{
    transform:translateY(-2px) !important;
}




/* ======================================
   KMR - CARDS COMPACTOS NAS CATEGORIAS
====================================== */

/* Card continua com altura automática */
.pagina-categoria .listagem .listagem-item{
    height:auto !important;
    min-height:0 !important;

    padding-top:10px !important;
    padding-bottom:14px !important;

    box-sizing:border-box !important;
}


/* Área reservada para a imagem */
.pagina-categoria .listagem .imagem-produto{
    height:205px !important;
    min-height:0 !important;

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

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Imagem */
.pagina-categoria .listagem .imagem-produto img{
    max-height:190px !important;
    width:auto !important;

    margin:0 !important;
}


/* Informações aproximam da imagem */
.pagina-categoria .listagem .info-produto{
    margin-top:5px !important;
    padding-top:0 !important;
}


/* Botão */
.pagina-categoria .listagem .acoes-produto{
    margin-top:10px !important;
    margin-bottom:0 !important;
}
/* Aproxima as informações da imagem */
.pagina-categoria .listagem .info-produto{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Mantém o botão logo abaixo das informações */
.pagina-categoria .listagem .acoes-produto{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;

    margin-top:10px !important;
    margin-bottom:0 !important;
}




/* ======================================
   KMR - BOTÃO RASTREAR
====================================== */

.rastreio-content button.rastreio{

    height:42px !important;
    padding:0 20px !important;

    background:#ffffff !important;
    color:#32307b !important;

    border:2px solid #32307b !important;
    border-radius:14px !important;

    font-size:13px !important;
    font-weight:600 !important;

    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;

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

/* Hover */
.rastreio-content button.rastreio:hover{

    background:#32307b !important;
    color:#ffffff !important;

    border-color:#32307b !important;

    transform:translateY(-2px) !important;
}

/* Clique */
.rastreio-content button.rastreio:active{

    background:#6ac4ed !important;
    border-color:#6ac4ed !important;
    color:#ffffff !important;

    transform:translateY(0) !important;
}




/* ======================================
   KMR - MICRO BANNERS COM PISCADA
====================================== */

/* Mantém a animação suave */
.banner .mini-banner,
.banner .mini-banner img,
.banner-mini img,
.mini-banner img{
    transition:
        transform .25s ease,
        filter .25s ease,
        opacity .25s ease !important;
}

/* Ao passar o mouse */
.banner .mini-banner:hover img,
.banner-mini:hover img,
.mini-banner:hover img{
    animation:kmr-pisca .45s ease;
}

/* Efeito de piscada */
@keyframes kmr-pisca{

    0%{
        filter:brightness(1);
    }

    45%{
        filter:brightness(1.28);
    }

    100%{
        filter:brightness(1);
    }
}

/*RODAPÉ*/
#rodape .institucional ul {width: auto;}
#rodape .gateways-rodape {background: #fff;padding: 0px 10px;}
#rodape>div.institucional.fundo-secundario>div>div>div.span9>div,
#rodape .institucional .lista-redes {text-align: center;}
.bandeiras-pagamento {display: flex;justify-content: center;}