/*
#------------------------------------------------------------------------
# Magazine - January Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
 
body {

}

.wf_caption{
height: 288px;
}

.DivImgArtTitulo{
font-size: 16px !important;
}

.wf_caption img{
height: calc(100% - 48px);
padding-bottom: 24px;
}

.itemVideoArtBlocoFundo{
height: 264px;
width: 468px;
}

.ResumoNotebookTexto .fluid-width-video-wrapper{
height: 264px;
width: 468px;
margin: auto;
padding-top: unset !important;
}

/* Módulo botões Notebooks Segmentos */

.categoria {
font-size: 16px;
line-height: 20px;
font-weight: 500;
float: left;
display: block;
width: calc(100% /3);
aspect-ratio: 4 / 2;
}


.BotaoEstudos{
background: url('https://www.dicadepc.com.br/images/bg_estudos_rs.webp'), radial-gradient(#dd15fd, #02001e);background-size: cover;}
.BotaoTrabalho{
background: url('https://www.dicadepc.com.br/images/bg_office_rs.webp'), radial-gradient(#4180ed, #33c581);background-size: cover;}
.BotaoDesign{
background: url('https://www.dicadepc.com.br/images/bg_design_rs.webp'), linear-gradient( 217deg, rgba(255, 0, 0, 0.8), rgba(255, 255, 255, 0) 70.71% ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);background-size: cover;}
.BotaoEdicao{
background: url('https://www.dicadepc.com.br/images/bg_video_rs.webp'), radial-gradient(#cd4577, #110d9b);background-size: cover;}
.BotaoGamer{
background: url('https://www.dicadepc.com.br/images/bg_gamer_rs.webp'), radial-gradient(#476fa8, #0d0b55);background-size: cover;}
.BotaoProg{
background: url('https://www.dicadepc.com.br/images/bg_prog_rs.webp'), radial-gradient(#0a5b2e, black);background-size: cover;}

/* Módulo Últimas Notícias e Artigos */

.ModuloArtigosNewsItemFundo {
width: 48%;
}
.ItemModuloArtigosNews {
min-height: 232px;
}
.ImgModuloArtigosNews {
width: 100%;
padding: 0%;
}
.TituloItemModuloArtigosNews {
font-size: 13px;
min-height: 73px;
}

#gkContent {
	background-image: none!important;
} 

#gkContent #gkContentWrap {
	width: 100%!important;
}

.nsphover .nspHoverOverlay {
	display: none;
}

#gkContentWrap > section:first-child {

}

#k2Container article header h2 {
	font-size: 32px;
	line-height: 32px;
}

.BuscaMenu{
display:none !important;
}

.nmhamb2{
display:block;
}

.BuscaMenuMobile{
display:block;
}


.ItemMenuTexto{
display:none;
}
.BarraShare{
display:none;
}

.BarraShareMobile{
opacity:1;
display:block;
margin: auto;
}

.ProduTopLayout{
min-width: 100%;
text-align: center;
}

.ProduTopTitulo{
font-size: 14px;
}

.ProduTopDesc{
display:none;
}

.ProduTopNome {
font-size: 14px;
}

#Ferramentas{
width: 100%;
height: 120px;
background: linear-gradient(to top, #000, #fff0);
bottom: 0;
}

#DivFloatComprar{
opacity:1;
display:block;
transition: opacity 1s;
}

.BotaoDM{
right:0;
left: 0;
width: 90%;
max-width: 240px;
display: block;
margin:auto;
bottom: 3%;
}

.TextoDM{

}

.nmcontainerb{
display:block;
}

.DivModBusca {
height: 420px;
}

.ModBusca{
width: 97%;
margin: 1% 1% 2%;
}

.ModQueroComprarPC{
margin: 1% 0% 5%;
width: 100% !important;
}

.PaginaBusca{
width: 98%;
}

.PaginaBusca .DivModBusca{
height: 270px;
}

.BlocoBusca p{
display:none;
}

/* Página de Filtros Produtos */

.ListaProdutos{
float: none;
max-width: 100%;
}

/* Novo Filtro */
.BotaoFiltroMobile{
display: block;
position: fixed;
bottom: 8%;
right: 0;
z-index: 9;
background: linear-gradient(to left, #fc466b, #3f5efb);
padding: 10px;
box-shadow: 0 0 10px black;
font-size: 11px;
color: white;
text-align: center;
font-weight: bold;
cursor: pointer;
}

.botaoComparacao{
bottom: 8%;
left: 0;
transform:none;
font-size: 11px;
}

.caixaComparar{
background: linear-gradient(to right, #fc466b, #3f5efb);
}

.BotaoFiltros{
display:none;
}

.BotaoRemoverParametro .TextoBotao, .BotaoTrocarProduto .TextoBotao{
display:none;
}

.BotaoRemoverParametro, .BotaoTrocarProduto{
background: none;
font-size: 20px;
padding: 6px;
}

.DivFiltroItens{
display:block;
grid-template-columns: 0% 100%;
}

/* CSS para o BoxFiltro no mobile */
.BoxFiltro {
    width: 97%;
    position: fixed;
    z-index: 999;
    height: 94%;
    max-height: 94%;
    box-shadow: 0 0 20px black;
    display: none; /* Inicia como oculto */
    top: 0;
    bottom: 40px;
    background: white;
    margin-left: -5px;
    padding-bottom: 30px;
    transition: all 0.3s ease; /* Adiciona transição para suavidade */
}

/* Quando o BoxFiltro estiver aberto */
.BoxFiltro.aberto {
    display: block; /* Mostra o BoxFiltro */
}

/* Esconder o botão mobile quando o filtro estiver aberto */
.BoxFiltro.aberto + .BotaoFiltroMobile {
    display: none;
}

.FiltroB{
background: black;
}
.Filtro{
width: 98%;
max-height: 96%;
}

.BotaoFiltrosMobile, .BotaoFechaFiltros{
display: block;
position: fixed;
padding: 3%;
color: white;
float: right;
bottom: 7%;
text-align: center;
right: 5%;
font-weight: bold;
box-shadow: 3px 3px 10px black;
}

.BotaoFiltrosMobile{
z-index: 101;
background: #006aff;
border-right: 5px solid #ffc62e;
}

.BotaoFechaFiltros{
z-index: 105;
background: #000;
border-right: 5px solid #ff2e2e;
}

.filtrologo{
display: block;
position: fixed;
background: linear-gradient(270deg, #ea48a3, #239bd5);
z-index: 997;
top: 0;
left: 0;
max-height: 40px;
min-height: 20px;
}

.filtrologo .logo-img{
max-width: 75%;
min-width: 200px;
}

.DivFiltroCat{
display: none;
font-weight: bold;
width: 96%;
position: fixed;
z-index: 103;
background:linear-gradient(270deg, #ea48a3, #239bd5);
left: 0;
top: 52px;
padding: 2%;
overflow-y: scroll;
max-height: calc(100% - 165px);
padding: 2%;
bottom: 60px;
}

.DivBotaoFiltrar{
position: fixed;
bottom: 40px;
background: linear-gradient(270deg, #ea48a3, #239bd5);
height: 60px;
left: 0;
}

.BotaoFiltrar{
padding: 2%;
width: fit-content;
background: rgba(0,0,255,0.3);
cursor: pointer;
position: fixed;
z-index: 105;
padding: 3%;
color: white;
float: left;
bottom: 7%;
text-align: center;
left: 5%;
font-weight: bold;
border-left: 5px solid #ffc62e;
box-shadow: 3px 3px 10px black;
background: #006aff;
width: fit-content;
font-size: 100%;
}

.modnote {
width: 46%;
margin: 1% 2% 2%;
}

.CatNotebookItemFundo{
flex: 49%;
margin: 1% 0.5%;
}

.CatNoteImg {

}

.CatNotebookItem{

}

.SpecsCameras{
display:grid;
flex: 2 0 auto;
border-top:1px solid #cce1ff;
flex: 0 0 100%;
}
.dropdownOld, .ddwndisabledOld {
margin: 1%;
width: 30%;
}

.CatNoticiaItemFundo{
max-width: 46%;
margin: 2% 2% 0;
width: 46%;
}

.DivImgCatNoticia{
height: 130px;
overflow: hidden;
}

.ModNoteSuperOferta, .NoticiaDestaque{
max-width: 46%;
margin: 2% 2% 0;
width: 46%;
}
.TituloItemModuloNews{
padding: 5%;
height: 200px;
}
.DivImgInfosModNoteDestaque {
min-height: 352px;
}
.ItemModNoteSuperOferta{
height: 366px;
}
.DivImgInfosModuloNews{
max-height: 374px;
}
.ItemModNoteCBDestaque {

}

.DivImgModNoteDestaque{
height: 144px;
}

.ImgModNoteDestaque {
max-height: 116px;
}

.ZoomImgProduto{
display: block;
margin: auto;
max-width: 400px;
flex: 100%;
}

.DivSpecsTopProduto{
max-width: 100%;
float: none;
margin: 3% 4%;
width:auto;
}

.DivImgProduto{
max-width: 98%;
}

.SpecNoteTopItem{ 
padding: 1% 2%; 
font-weight: bold; 
color: black; 
float: left; 
background: white; 
margin: 4px 8px 4px 0;
} 

.DivCarrosselItensDestaques {
padding: 1% 5% 0;
width: 90%;
}
.owl-theme .owl-nav {
width: 110%;
margin: 0px -5%;
}
.SpecsModItensDtqs{
min-height: 112px;
}

.DivDesc{
flex:100%;
margin: 4% auto 1%;
min-height: auto;
}

.MetaDescricao{
transform: translateY(0%);
position: relative;
}


@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }

    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }

    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }

    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }

    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }

    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
}