/* K2 Dica de PC Mag *//* Template */

body{
background: linear-gradient(270deg, #ee7752, #ea48a3, #2382d5, #239bd5);
}

body, select, input{
font-family: Rubik;
}

#gkContent{
background: rgba(0,0,200,0.3);
}

.fa{
display: none !important;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
display: none !important;
}

.clr{
margin: 1%;
float: left;
width: 100%;
}

.atencao{
text-align: center;
  display: flow-root;
  clear: both;
  width: fit-content;
  margin: 0% auto;
  background: rgba(255,255,255,0.1);
  padding: 1%;
}

.FundoPesquisa {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0,0,0, 0.9);
  transition: opacity 1s;
}

.OverCaixaPesquisa{
position: absolute;
inset: 30% 5% 29%;
background: white;
color: black;
padding: 3%;
min-height: 400px;
max-width: 600px;
margin: auto;
overflow: hidden;
border-radius: 5px;
}

.Overpopupdm{
position: absolute;
inset: 30% 5% 29%;
background: white;
color: black;
padding: 20px;
min-height: 160px;
max-height: 170px;
max-width: 460px;
margin: auto;
overflow: hidden;
border-radius: 5px;
font-size: 12px;
}

.popupdmIcon{
font-size: 42px;
line-height: 40px;
position: absolute;
left: 0;
top: 28px;
}

.popupdmText{
position: absolute;
left: 60px;
}

.TituloCaixaPesquisa{
position: absolute;
  left: 0%;
  top: 0;
  height: 34px;
  width: 100%;
  background: blue;
  color: white;
  line-height: 34px;
  font-size: 18px;
  padding: 5px 15px;
}
.DescCaixaPesquisa{
position: relative;
margin-top: 45px;
line-height: 24px;
padding: 0 3%;
margin-bottom: 2%;
}

.FechaCaixaPesquisa {
position: absolute;
top: 0px;
right: 0px;
font-size: 28px;
cursor: pointer;
background: red;
padding: 10px;
color: white;
height: 24px;
filter: invert(1) brightness(1) hue-rotate(180deg) saturate(9);
}

.container{
 width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.barralogo{
 max-width: 1230px;
margin: 0px auto;
padding: 23px 3% 12px;
}

.logo-img{
margin: -23px auto;
padding: 8px;
z-index: 999;
position: relative;
filter: drop-shadow(0px 0px 3px black);
display: block;
width:600px;
max-width: 100%;
}

 .logo-img-sm{
 width: 80%;
 margin: auto;
 padding: 0 0 3%;
 margin-bottom: -20px;
 z-index: 999;
position: relative;
}


/* Icone Carregando */

.cssload-loader *,
.cssload-loader *:before,
.cssload-loader *:after {
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.cssload-loader {
	background: white;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	margin-top: -11px;
	width: 110px;
	border: 6px solid rgb(35,194,99);
	padding: 3px;
	zoom: 1;
	animation: cssload-loader-border 2.3s ease-in infinite;
		-o-animation: cssload-loader-border 2.3s ease-in infinite;
		-ms-animation: cssload-loader-border 2.3s ease-in infinite;
		-webkit-animation: cssload-loader-border 2.3s ease-in infinite;
		-moz-animation: cssload-loader-border 2.3s ease-in infinite;
}
.cssload-loader > span {
	display: block;
	width: 0;
	height: 11px;
	background: rgb(56,204,33);
	position: relative;
	animation: cssload-loader-slide 2.3s ease-in infinite;
		-o-animation: cssload-loader-slide 2.3s ease-in infinite;
		-ms-animation: cssload-loader-slide 2.3s ease-in infinite;
		-webkit-animation: cssload-loader-slide 2.3s ease-in infinite;
		-moz-animation: cssload-loader-slide 2.3s ease-in infinite;
}
.cssload-loader:before,
.cssload-loader:after {
	content: '';
	display: block;
	background: white;
	height: 11px;
	width: 3px;
	position: absolute;
	z-index: 10;
}
.cssload-loader:before {
	left: 33%;
}
.cssload-loader:after {
	top: 3px;
	left: 66%;
}
.cssload-loader:before {
	content: '';
	display: block;
}
.cssload-loader:after {
	content: '';
	display: table;
	clear: both;
}


.cssload-loader-border 0% {
	border-color: white;
	width: 110px;
	margin-left: -55px;
}
.cssload-loader-border 50% {
	border-color: rgb(204,204,204);
	width: 110px;
	margin-left: -55px;
}
.cssload-loader-border 100% {
	border-color: white;
	width: 110px;
	margin-left: -55px;
}


@keyframes cssload-loader-slide {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
	}
	0% {
		width: 0;
		margin-left: 0;
		opacity: 1;
	}
	50% {
		width: 0;
		margin-left: 0;
	}
	75% {
		width: 100%;
		margin-left: 0;
	}
	90% {
		width: 0;
		margin-left: 100%;
		opacity: 1;
	}
	100% {
		width: 0;
		margin-left: 100%;
		opacity: 0;
	}
}

@-o-keyframes cssload-loader-slide {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
	}
	0% {
		width: 0;
		margin-left: 0;
		opacity: 1;
	}
	50% {
		width: 0;
		margin-left: 0;
	}
	75% {
		width: 100%;
		margin-left: 0;
	}
	90% {
		width: 0;
		margin-left: 100%;
		opacity: 1;
	}
	100% {
		width: 0;
		margin-left: 100%;
		opacity: 0;
	}
}

@-ms-keyframes cssload-loader-slide {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
	}
	0% {
		width: 0;
		margin-left: 0;
		opacity: 1;
	}
	50% {
		width: 0;
		margin-left: 0;
	}
	75% {
		width: 100%;
		margin-left: 0;
	}
	90% {
		width: 0;
		margin-left: 100%;
		opacity: 1;
	}
	100% {
		width: 0;
		margin-left: 100%;
		opacity: 0;
	}
}

@-webkit-keyframes cssload-loader-slide {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
	}
	0% {
		width: 0;
		margin-left: 0;
		opacity: 1;
	}
	50% {
		width: 0;
		margin-left: 0;
	}
	75% {
		width: 100%;
		margin-left: 0;
	}
	90% {
		width: 0;
		margin-left: 100%;
		opacity: 1;
	}
	100% {
		width: 0;
		margin-left: 100%;
		opacity: 0;
	}
}

@-moz-keyframes cssload-loader-slide {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
	}
	0% {
		width: 0;
		margin-left: 0;
		opacity: 1;
	}
	50% {
		width: 0;
		margin-left: 0;
	}
	75% {
		width: 100%;
		margin-left: 0;
	}
	90% {
		width: 0;
		margin-left: 100%;
		opacity: 1;
	}
	100% {
		width: 0;
		margin-left: 100%;
		opacity: 0;
	}
}

@keyframes cssload-loader-border {
	0% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
	50% {
		border-color: rgb(204,204,204);
		width: 110px;
		margin-left: -55px;
	}
	100% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
}

@-o-keyframes cssload-loader-border {
	0% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
	50% {
		border-color: rgb(204,204,204);
		width: 110px;
		margin-left: -55px;
	}
	100% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
}

@-ms-keyframes cssload-loader-border {
	0% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
	50% {
		border-color: rgb(204,204,204);
		width: 110px;
		margin-left: -55px;
	}
	100% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
}

@-webkit-keyframes cssload-loader-border {
	0% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
	50% {
		border-color: rgb(204,204,204);
		width: 110px;
		margin-left: -55px;
	}
	100% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
}

@-moz-keyframes cssload-loader-border {
	0% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
	50% {
		border-color: rgb(204,204,204);
		width: 110px;
		margin-left: -55px;
	}
	100% {
		border-color: white;
		width: 110px;
		margin-left: -55px;
	}
}


/* Publicidade */

.ProdutoLink {
display: block;
width: 100%;
max-width: 860px;
margin: 20px auto;
text-decoration: none;
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
background-color: #fff;
}

.ProdutoLink:hover {
transform: scale(1.02);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.ProdutoContainer {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}

.ProdutoImg {
max-width: 130px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
aspect-ratio: 1/1;
padding: 2%;
margin: auto;
}

.ProdutoImg img {
width: 100%;
height: auto;
object-fit: contain;
}

.ProdutoDiv {
flex: 1;
padding: 2%;
display: flex;
flex-direction: column;
justify-content: space-between;
color: white;
}

.ProdutoTitulo {
font-size: 13px;
font-weight: 500;
color: white;
text-align: center;
margin: 0 auto;
display: block;
background: linear-gradient(90deg, navy, royalblue);
padding: 8px 12px;
border-bottom: 2px solid #ccc;
}

.ProdutoFraseDestaque {
font-size: 13px;
color: navy;
font-style: italic;
text-align: center;
font-weight: 500;
padding: 4px;
}

.ProdutoConteudo {
display: flex;
flex-direction: column;
gap: 6px;
}

.ProdutoIntro {
font-size: 12px;
color: #222;
line-height: 1.5;
font-weight: 500;
}

.ProdutoIntro p {
margin: 0;
}

.ProdutoPreco {
font-size: 1.3rem;
font-weight: 700;
color: white;
background-color: #007bff;
padding: 10px 20px;
display: inline-block;
width: fit-content;
text-shadow: none;
margin: auto;
transition: background-color 0.3s ease;
cursor: pointer;
}

.ProdutoPreco:hover {
background-color: #0056b3;
}

.botaoAmazonProduto{
display: flex;
  background: linear-gradient(to right, #000428, #004e92);
  padding: 4px 15px;
  box-shadow: 0 0 10px -5px navy;
  position: relative;
  max-width: 150px;
  margin: 2% auto;
  color: white;
}

.bg1 { background-color: #fdfdfd; }
.bg2 { background-color: #f5f9ff; }

@media (max-width: 640px) {
	.ProdutoContainer {
		flex-direction: column;
	}
}

/* Categorias e Itens de Artigos, Noticias e Listas */


.ResumoNotebookTexto ul{
margin: 0 0 24px 0;
padding-left: 24px;
}

.ResumoNotebookTexto ul li {
list-style: none;
display:block;
}

.ResumoNotebookTexto ul li::before{
content: "•";
display: inline-block;
width: 10px;
}

.ResumoNotebookTexto p a, .ResumoNotebookTexto li a, .ListaTexto p a, .ListaTexto li a{
color: black;
background-image: url(/images/marcacaotexto.png);
background-size: 100% 21px;
font-weight: 500;
padding: 1px 6px;
margin: 0px -3px;
background-repeat: no-repeat;
background-position: center;
}
.ResumoNotebookTexto p a:hover, .ResumoNotebookTexto li a:hover{
color: #004cff;
}

.Link{
filter: hue-rotate(-55deg);
}

.LinkEx{
filter: hue-rotate(113deg);
}

.PubliEd{
width: fit-content;
background-image: url(/images/marcacaotextoy.png);
background-size: 100% 24px;
color: navy;
font-weight: 500;
margin-left: 14px;
padding: 0 10px !important;
}

.ResumoNotebookTexto strong{
font-weight: 500;
}

.wf_caption{
display: block !important;
height: 456px;
box-shadow: 0 1px 3px rgba(0,0,0,.4);
width: fit-content !important;
margin: auto;
background: white;
position: relative;
padding-left: 0 !important;
}

.DivImgArt{
min-width: 83%;
margin-bottom: 24px;
}

.DivImgArtLink{
width: 100%;
height: 100%;
line-height: initial !important;
font-size: 100%;
}

.DivImgArtTitulo{
position: absolute;
bottom: 10px;
left: 4%;
background: linear-gradient(270deg, #771c58e0, #1b28b1de);
padding: 2%;
color: white !important;
margin-bottom: 0;
max-width: 320px;
font-size: 20px !important;
}

.SpanArtTitulo{
all: inherit;
font-size: 14px;
width: fit-content;
text-transform: uppercase;
padding: 2%;
color: navy;
font-weight: bold;
position: initial;
background: white;
margin: -32px 0 0 0;
}

.SpanArtSubtitulo{
all: inherit;
text-align: left;
padding: 0;
height: inherit;
line-height: inherit;
position: initial;
margin: 12px 0 0 0;
background: none;
}

.DivImgArtCredLeg{
position: absolute;
bottom: 3px;
left: 50%;
color: white !important;
background: #1d126aab;
padding: 0 1%;
transform: translateX(-50%);
z-index: 9;
}

.wf-icon-zoom-link{
background: url(https://www.dicadepc.com.br/images/zoomimg.svg) no-repeat bottom right !important;
position: absolute;
z-index: 9;
cursor: pointer;
padding: 0;
width: 100%;
height: 24px !important;
inset: auto 2% 2% auto !important;
}

.wf_caption::before{
background: rgba(255, 255, 235, 0.6);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
content: "";
display: block;
height: 5%;
position: absolute;
margin: auto;
width: 9%;
left: -3%;
top: 0%;
rotate: -25deg;
}
.wf_caption::after{
background: rgba(255, 255, 235, 0.6);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
content: "";
display: block;
height: 5%;
position: absolute;
margin: auto;
width: 9%;
right: -3%;
bottom: 1%;
rotate: -35deg;
}

.wf-icon-zoom-link > svg {
  display: none;
}

.itemVideoArtBlocoFundo{
background: #ffe300;
margin:auto;
height: 480px;
width: 854px;
margin-bottom: 24px;
transform: rotate(1deg);
}

.itemVideoArtBloco {
transform: rotate(-1deg);
}

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


.ResumoNotebookTexto p .wf_caption a{
background-image: inherit;
background-size: inherit;
font-weight: 500;
padding: inherit;
margin: inherit;
background-repeat: inherit;
display: contents;
height: inherit;
} 

.wf-icon-zoom-image{
position: absolute;
height: 26px !important;
inset: auto 25% 12% auto !important;
z-index: 9;
background: url(https://www.dicadepc.com.br/images/zoomimg.svg) no-repeat bottom right !important;
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.8));
}

.wf-icon-zoom-image svg{
display:none;
}

.wf_caption img{
padding: 12px 0px 24px 0px !important;
padding-bottom: 36px !important;
height: calc(100% - 48px);
object-fit: contain;
}

.wf_caption span{
display: block;
margin-top: -24px;
padding: 0 12px;
text-align: center;
font-size: 12px;
font-style: italic;
}

.DivGaleria{
background: url(https://dicadepc.com.br/images/fundomesa.webp);
max-width: 855px;
width:100%;
margin: 3% 1%;
}

.GaleriaDivGeral{
transform: rotate(-1.5deg);
padding: 2%;
border: 5px solid #184c9d;
background: #f2f2f2;
}

.GaleriaDivImgsP{
background: white;
overflow: hidden;
max-height: 210px;
margin-bottom: 0;
position: relative;
width: 100%;
min-height: 170px;
}

.GaleriaImgLi{
position: absolute;
width: 100%;
height: 100%;
list-style-type: none;
}

.GaleriaImgInput{
left: 46%;
position: absolute;
z-index: 1;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
}

.GaleriaImgLink{
width: 100%;
display: block;
}

.GaleriaImgPeq{
margin: auto;
object-fit: contain;
height: 160px;
width: 250px;
display:block;
}

.GaleriaUlImgsT{
user-select: none;
padding: 0;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
margin-bottom: 0;
scrollbar-width: thin;
}

.GaleriaImgTLi{
display: inline-block;
width: 32%;
margin: 1% 1.2% 0 0%;
overflow: hidden;
}

.GaleriaImgTLabel{
display: block;
cursor: pointer;
border: 2px solid #FFFFFF;
}

.GaleriaImgTLabel:hover {
border: 2px solid #587FBD;
}

#galeria{
backdrop-filter: brightness(0.5)saturate(1.2)contrast(1.5);
-webkit-backdrop-filter: brightness(0.5)saturate(1.2)contrast(1.5);
padding: 2%;
}

.TituloGaleria{
text-align: center;
padding: 3% 1%;
font-weight: 500;
font-size: 16px;
}

/* Dropdowns Filtros*/

/* Novo Filtro */
.BotaoFiltroMobile{
display:none;
}
.BoxFiltro{
grid-area: filtro;

}

.Filtro{
display: block;
opacity: 1;
transition: 1s;
background: white;
position: sticky;
position: -webkit-sticky;
overflow: hidden;
overflow: scroll;
scroll-behavior: smooth;
overflow-x: hidden;
scrollbar-width: thin;
top: 0;
width: 100%;
}

.dropdown, .ddwndisabled {
  position: relative;
  width: 100%;
}

.subdrop{
border-top: 2px solid;
border-bottom: 2px solid;
background: rgba(0,0,0,0.1);
margin-bottom: 5px;
padding: 1%;
cursor: pointer;
}

.dropbtn {
  padding: 13px;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  cursor: pointer;
  font-weight: 600;
  width: 100%;
  font-size: 11px;
  border-bottom: 3px solid #202790;
  color: #0b2a73;
  background: linear-gradient(90deg, #8fb0d4,#fff);
}

.inputBuscaF{
margin: auto;
display: block;
background-position: 7px;
font-size: 11px;
border: none;
background-size: 30px;
text-align: center;
width: 172px;
font-weight: bold;
color: #0b2a73;
padding: 14px 45px;
}

.botaoBuscaF{
position: absolute;
right: 0;
top: 0;
background-color: white;
color: white;
cursor: pointer;
background-image: url('https://www.dicadepc.com.br/images/lupaf.svg');
background-repeat: no-repeat;
height: 41px;
width: 44px;
padding: 0px;
background-size: 27px;
background-position: 8px;
border: none;
}

/* Work with acc add height: 0; transition: height 0.3s ease-out;*/
.dropdown-content {
overflow: hidden;
position: relative;
width: 100%;
background: #fff;
display: flex;
flex-wrap: wrap;
}

.subopcoes{
background:none;
border: none;
color: white;
}

.subcontent{
background:none;
}

.linkSubParametro{
padding: 5px 1%;
text-decoration: none;
color: black;
font-weight: 600;
text-align: center;
font-size: 11px;
position: relative;
background: white;
flex: 20%;
min-width: 100px;
margin: 0.25% 0.75% 1.25% 0.75%;
}

.dropdown-content a {
padding: 5px 1%;
text-decoration: none;
color: black;
font-weight: 600;
text-align: center;
font-size: 11px;
position: relative;
background: white;
flex: 20%;
min-width: 100px;
}

.dropdown-content img {
max-height: 24px;
max-width: 54px;
}

/* Sliders Preço e Peso */

.filtro-preco {
padding: 10px 5px 5px;color: black;
display: flex;
flex-wrap: wrap;
text-align: center;
}

.input-group {
margin-bottom: 10px;
flex: 1;
width: 50%;
text-align: center;
position: relative;
}

.filtro-preco input[type="text"] {
width: 100%;
display: inline-block;
border-radius: 0;
color: black;
border: 0;
border-bottom: 3px solid navy;
text-align: center;
}

.unit-label {
position: absolute;
top: auto;
transform: translateY(-50%);
color: #888;
pointer-events: none;
bottom: -11px;
font-size: 14px;
}

.unit-label.prefix {
left: 10px;
}

.unit-label.suffix {
right: 10px;
}

#slider-preco, #slider-peso {
margin: 20px;
flex: auto;
display: block;
width: 100%;
}

#slider-preco .noUi-connect {
background: #FFC62E;
}

.btn-filtro {
background: navy;
color: white;
border: none;
padding: 8px 15px;
cursor: pointer;
display: block;
margin: auto;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.resetFiltro{
display: block;
position: relative;
width: fit-content;
font-size: 13px;
font-weight: 500;
margin: auto;
background: #970f0f;
color: white !important;
text-align: center;
text-transform: uppercase;
border: none;
padding: 8px 15px;
cursor: pointer;
}

 /* Dropdown Button */
.dropbtnOld {
background: linear-gradient(to right, #211e8d, #347dca);
color: white;
padding: 13px;
border: none;
cursor: pointer;
font-weight: 600;
width: 100%;
font-size: 11px;
background: #fff;
border-bottom: 3px solid #202790;
color: #0b2a73;
}

.dbtndisabledOld{
color: white;
padding: 13px;
border: none;
cursor: pointer;
font-weight: 600;
width: 100%;
font-size: 11px;
background: #ff7c2e;
border-bottom: 3px solid #8d3b00;
cursor: pointer;
}
.dbtnatencao{

}

.dbtnatencao .dbtndica {
visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  margin-bottom: 7px;
  line-height: 16px;
}

.dbtnatencao:hover .dbtndica {
  visibility: visible;
}


.dbtnatencao .dbtndica::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdownOld, .ddwndisabledOld {
  position: relative;
  display: inline-block;
  margin: 1% 1%;
  width: 14%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentOld {
display: none;
position: absolute;
width: 100%;
z-index: 1;
background: #fff;
}

.dropdown-contentOld img {
max-height: 24px;
max-width: 54px;
}

.dropdown-content a:hover img {
filter: grayscale(1) contrast(30) brightness(1) invert(1);
mix-blend-mode: screen;
}

/* Links inside the dropdown */
.dropdown-contentOld a {
padding: 10px 13px;
text-decoration: none;
display: block;
color: black;
font-weight: 600;
text-align: center;
font-size: 11px;
float: none;
position: relative;
}

.ParamSelecionado{
background: #282828 !important;
}

.ParamSelecionado img{
filter: brightness(0) invert(1);
max-width: 50px;
}

.ParamSelecionado span{
margin-left: -30px;
color:white;
}

.ParamRemover{
right: 0;
padding: 4px 8px;
background: #fff;
font-size: 13px;
display: block;
position: absolute;
top: 0;
filter: hue-rotate(0deg) saturate(3);
border-bottom: 2px solid red;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: white;
  background: rgb(24, 32, 140);}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: flex;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background: blue;
border-bottom: 3px solid #ffc62e;
color: white;} 

 /* Módulo Filtro Notebooks Home */.sanfona-div{
overflow: hidden auto;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
max-height: 394px;
}

.sanfona{
background: white;
margin: 1% 2% 1% 0;
width: 48%;
text-transform: uppercase;
font-weight: 500;
padding: 1%;
cursor: pointer;
border: 0;
float:left;
transition: all .1s ease-out;
font-size: 12px;
}

.sanfona:hover{
background: #004cff;
color: white;
}

.sanfona.active{
width: 100%;
margin: 1% 0 3px;
}

.bcnoteest{
box-shadow: 3px 3px #5bb500;
}

.acnoteest{
background: #5bb500;
}

.bcnotetrb{
box-shadow: 3px 3px #fd6b14;
}

.acnotetrb{
background: #fd6b14;
}

.bcnotedsgn{
box-shadow: 3px 3px #e3c002;
}

.acnotedsgn{
background: #e3c002}

.bcnotevid{
box-shadow: 3px 3px #ff00e3;
}

.acnotevid{
background: #ff00e3;
}

.bcnotejog{
box-shadow: 3px 3px #af00ff;
}

.acnotejog{
background: #af00ff;
}

.bcnoteprm{
box-shadow: 3px 3px #00c3ff;
}

.acnoteprm{
background: #00c3ff;
}

.painelopcoes {
height: 0;
width:0;
transition: max-height 0.3s ease-out;
overflow: hidden;
}

.painelint{
width: calc(96% - 7px);
margin-left: 3px;
padding: 2%;
border: 2px dashed white;
width: calc(98% - 4px);
margin-left: 0px;
padding: 1%;
border: 2px dashed white;
}

.acnotevalor{
width: 96%;
font-weight: 500;
text-transform: uppercase;
background: rgba(0,0,0,0.2);
padding: 1% 2%;
display: inline-block;
font-size: 14px;
text-align: center;
}

.acnotevbotao{
display: inline-block;
background: white;
padding: 1.5% 1%;
font-weight: 500;
text-transform: uppercase;
margin: 1% 0.7% 1%;
color: black;
width: 44.2%;
text-align: center;
font-size: 13px;
}

/* Busca Menu */
.BuscaMenuForm{
width: 260px;
float: right;
}
.BuscaMenuMobile{
display:none
}
.BarraShareMobile{
display: block;
  background: #252584;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.BarraShareMobile h5{
margin: 20px 0 10px;
  padding-top: 8px;
}

.nmhamb2{
display:none;
}

/* Módulo Caixa Pesquisa */
.ModBusca{
float: left;
width: 31.5%;
margin: 2% 2%;
transform: rotate(1.5deg);
background: #ffc62e;
padding: 0%;
}

.DivModBusca{
transform: rotate(-1.5deg);
margin: 0.5% -1%;
background: #184c9d;
padding: 10px;
width: 100%;
}

.DivBuscaMenu{
margin: 0.5% -1%;
padding: 10px;
width: 98%;
height: 498px;
}

.DivBuscaMenu h3{
text-align:center;
font-size: 22px;
}

.DivModBusca h3{
text-align:center;
font-size: 26px;
margin-right: -20px;
margin-top: 1%;
}

.BlocoBusca{
padding:1%;
}

.CaixaPesquisa{
text-align: center;
  border: 0;
  width: 100%;
  display: block;
  font-weight: 500;
  color: black;
  height: 43px;
  margin-top: -5px;
}

.DivModMarcas{
padding: 2% 0;
margin-top: 3%;
}

.DivModMarcas h3{
margin-right: 0;
}

.DivMenuMarcas{
padding: 2% 0;
margin-top: 0%;
}

.DivMenuMarcas h3{
margin-right: 0;
}

.DivMenuMarcas .botaomarcanote{
padding: 0% 2%;
line-height: 36px;
}

.botaomarcanote{
width: 36%;
margin: 1.5% 4.5%;
display: inline-block;
background: #fff;
padding: 1.5% 2%;
font-weight: 500;
text-transform: uppercase;
color: black;
text-align: center;
font-size: 13px;
}


.DicasInsta{
display: flow-root;
width: fit-content;
padding: 10px 10px 0;
background: #fff;
font-weight: 500;
margin: auto;
box-shadow: 05px 5px 0 #ff902e;
color: black;
}

.BuscaInsta{
font-size: 14px;
padding-bottom: 6%;
}

.BuscaInsta a{
display: flow-root;
width: fit-content;
padding: 10px 10px 6px;
background: #fff;
font-weight: 500;
margin: auto;
box-shadow: 05px 5px 0 #ff902e;
color: black;
}

.BuscaInsta .insta48{
float: left;
width: 24px;
padding: 2px;
margin-right: 5px;
margin-top: -2px;
}

.BuscaInsta .dicainsta{
float: right;
width: 50px;
margin-top: -14px;
margin-left: 7px;
margin-bottom: -10px;
}

.MenuInsta{
font-size: 14px;
}

.MenuInsta a{
display: flow-root;
width: fit-content;
padding: 0px 10px;
background: #fff;
font-weight: 500;
margin: auto;
box-shadow: 05px 5px 0 #ff902e;
color: black;
line-height: 40px;
}

.MenuInsta .insta48{
float: left;
width: 24px;
padding: 2px;
margin-right: 5px;
margin-top: 7px;
}

.MenuInsta .dicainsta{
float: right;
width: 50px;
margin-top: -2px;
margin-left: 7px;
margin-bottom: -10px;
}

.divInsta{
display: block;
height: 32px;
max-width: 320px;
background: #ff6c00;
text-transform: uppercase;
font-weight: 500;
padding:1px 6px;
margin:6% auto 0;
text-align: center;
border-radius:5px;
width: auto;
filter: drop-shadow(0 0px 8px black);
}

.imgInsta{
width: 46px;
margin:-12px 4px -9px;
}

.PaginaBusca{
float: none;
width: 98%;
margin-top: 50px;
}

.PaginaBusca .DivModBusca{
height: 320px;
}

.PaginaBusca .BlocoBusca{
width: 54%;
  float: left;
  margin: 0 2.5%;
}
.PaginaBusca .DivModMarcas{
float: right;
width: 39%;
margin-top: 0;
padding: 1% 0;
}

.PaginaBusca .BuscaInsta{
float: left;
width: 58%;
padding-top: 24px;
}

.PaginaBusca .DicasInsta{
margin-top: 10px;
}

/* Módulo Conteúdos Personalizados */
.modnote{
margin: 1% 1% 3%;
width: 31%;
}

.modnotebookcb{
 background: #d3ff00;
 transform: rotate(1.0deg);
 float: left;
 display: block;
 position: relative;
 z-index: 99;
 }

.ModNoteCBDestaque{
 transform: rotate(-1.0deg);
 background: #184c9d;
 padding: 3%;
 overflow: hidden;
 height: 510px;
}

.ModNoteSuperOferta{
height: auto;
margin: 20px 20px 0;
padding: 0;
width: fit-content;	
float: left;
display: table;
max-width: 352px;
}

.ItemModNoteSuperOferta{
background: rgba(255, 255, 255, 0.3);
margin: auto;
padding: 0 0% 3%;
display: inline-block;
width: 100%;
height: 338px;
border: 3px solid transparent;
}
.TituloItemModNoteSuperOferta{
text-transform: uppercase;
text-align: center;
font-size: 16px;
font-weight: 600;
background: linear-gradient(270deg, #2382d5, #2c27b4, #000);
padding: 2% 1%;
margin: 0;
width: 98%;
color: white;
}

.UltimasNoticias{
padding: 1%;
margin: 1%;
}

.ModQueroComprarPC{
float: left;
width: 44%;
background: #ff0078;
transform: rotate(-2.5deg);
margin: 2% 3% 0 3%;
}

.ModQueroComprarPC .PaginaBusca{
width: 96%;
}

.PaginaBusca .ModNoteCBDestaque{
max-height: 100%;
}

.PaginaBusca .sanfona-div{
overflow: hidden;
}

.ModQueroComprarPC .ModNoteCBDestaque{
padding: 2% 3%;
transform: rotate(2.5deg);
max-height: 550px;
height: auto;
overflow: auto;
}

 .modnotebookgamerb{
 background: #00dbff;
 transform: rotate(2deg);
 }

  .modnotebookgamerb .ModNoteCBDestaque{
 transform: rotate(-2deg);
 }

 .modnotebookedicao{
 background: #ff00e3;
 transform: rotate(-1.5deg);
}

  .modnotebookedicao .ModNoteCBDestaque{
 transform: rotate(1.5deg);
 }

 .modnotebookpremium{
 background: #00ffcf;
 transform: rotate(2.5deg);
 }

  .modnotebookpremium .ModNoteCBDestaque{
 transform: rotate(-2.5deg);
 }

  .modnotebookdesign{
 background: #fffb00;
 transform: rotate(-1.3deg);
 }

  .modnotebookdesign .ModNoteCBDestaque{
 transform: rotate(1.3deg);
 }

 .modnotebookvejatambem{
background: #a403ff;
transform: rotate(0.95deg);
 }

.modnotebookvejatambem .ModNoteCBDestaque{
transform: rotate(-0.95deg);
 }

.ModNoteCBDestaque h3{
text-align: center;
  margin: 0% 0 1%;
  padding: 2%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(270deg, #2382d5, #2c27b4, #000);
}

.DivMarcaNotes{
display: inline-block;
width: 100%;
background: rgba(255,255,255,0.7);
padding: 1% 0;
margin-top: 3%;
border-bottom: 3px solid #ff7c2e;
}

.LinkMarcaNotes{
display: block;
float: left;
width: 12%;
margin: 0 1%;
}

.ImgMarcaNotes, .ImgMarcaNotesNM{
height: 23px;
margin: auto;
display: block;
}

.LinkMarcaNotesNM{
width: 31.5%;
float: left;
padding: 3% 9%;
background: rgba(255,255,255,0.5);
margin: 1px;
}

.LinkMarcaNotesNM:hover{
color: white;
background: rgba(24, 32, 140,0.9);
}

.LinkMarcaNotesNM:hover img {
filter: brightness(0) invert(1);
}

.ItemModuloArtigosNews{

}

.TituloItemModuloArtigosNews{
color: black;
padding: 12px 4%;
height: 66px;
font-weight: 500;
line-height: 24px;
}

.ImgModuloArtigosNews{
height: auto;
padding: 0;
background: white;
margin: auto;
display: block;
max-height: 208px;
width: 100%;
}

.NotesDestaqueCapa{
background: linear-gradient(to left, #ff4800, #0c1a88);
display: block;
padding: 1%;
}

.NotesNovosCapa{
background: linear-gradient(to left, #a501aac2, #0c1c75d1);
display: block;
padding: 1%;
}

.NotesDestaqueCapa h3{
text-transform: uppercase;
margin: 0% auto;
padding: 1%;
width: fit-content;
border-bottom: 3px solid;
background: #0000808f;
font-size: 18px;
}

.TituloItemModItensDtqs{
height: 18px;
background: rgba(0,0,0,0.6);
margin-bottom: 1%;
font-size: 14px;
padding: 2%;
text-align: center;
font-weight: 500;
line-height: 18px;
overflow: hidden;
}

.DivCarrosselItensDestaques{
padding: 1% 2%;
width: 96%;
}

.SpecsModItensDtqs{
overflow: hidden;
min-height: 113px;
}

 .TituloItemModNoteDestaque, .TituloItemModNoteSuperOfertaD{
font-size: 14px;
text-align: center;
font-weight: 500;
color: white;
margin: 0;
overflow: initial;
padding: 2%;
height: 34px;
line-height: 18px;
}

.TituloItemModNoteSuperOfertaD{
color: black;
}

 .TituloItemModNoteDestaque span, .TituloItemModNoteSuperOfertaD span{

}



 .DivImgInfosModNoteDestaque{
width: 100%;
position: relative;
}

.CategoriaModuloArtigosNews{
position: absolute;
right: 2%;
top: 5%;
background: white;
color: black;
text-transform: uppercase;
padding: 0 5px;
font-weight: 500;
}

.CatNoticiaItemFundo{
margin: 2% 1% 0%;
float: left;
display: block;
position: relative;
max-width: 31%;
}


@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0
  }
  100% {
    background-position: 800px 0
  }
}

.animated-background {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-color: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
  background-size: 800px 104px;
}

/* Categoria & Filtro Notebooks */

.ModeloModNoteCBDestaque{
text-align: center;
font-weight: bold;
background: rgba(7, 7, 69, 0.8);
margin: auto;
padding: 0 5px;
position: absolute;
top: 1%;
right: -1%;
height: 24px;
white-space: nowrap;
z-index: 2;
font-size: 11px;
}

.CatProdutosLista{
display: flex;
flex-wrap: wrap;
}

.CatNotebookItemFundo{
background: rgba(255,255,255,0.2);
display: grid;
grid-template-rows: 1fr 34px;
position: relative;
flex: 32.3%;
margin: 0.5%;
}

.CatNotebookItemFundo:hover {
filter: saturate(1.5);
}

.CatNotebookItem{

}

.LinkProdutoCat{
position: relative;
padding-bottom: 30px;
background: rgba(255,255,255,0.15);
box-shadow: 0px 0px 10px #00000040;
}

.LinkProdutoCat:hover{
background: rgba(255,255,255,0.15);
box-shadow: 0px 0px 10px #00000040;
}

.DivPrecoModItensDtqs{
overflow: hidden;
position: absolute;
bottom: 0px;
width: 100%;
}

.PrecoModItensDtqs{
display: block;
float: right;
background: #006aff;
color: white;
padding: 2px;
font-weight: 500;
width: 100%;
text-align: center;
}

.PrecoFabinho{
height: 22px;
transform: rotate(-10deg);
margin-top: 0px;
width: 22px !important;
display: inline-block !important;
}

.PrecoLista{
display: block;
padding: 6px;
font-weight: 500;
width: calc(100% - 12px);
background: #fec52e;
color: black;
text-align: center;
}

.CompararDiv{
position: relative;
z-index: 2;
background: navy;
border-top: 3px solid #ffc62e;
height: 100%;
color: white;
text-align: center;
line-height: 34px;
font-weight: 500;
}

.comparar-checkbox{
float: right;
scale: 1.6;
margin: 9px !important;
cursor: pointer;
}

.CompararLabel{
text-align: right;
margin: 2px;
text-transform: unset;
display: block;
line-height: 30px;
cursor: pointer;
}

.ModuloArtigosNewsItem{
background: white;
}

.CatNoteTituloItem{
height: 26px;
background: rgba(0,0,0,0.6);
font-size: 14px;
padding: 6px;
text-align: center;
font-weight: 500;
line-height: 14px;
overflow: hidden;
}

.CatNoteTituloItem span{
font-size: 80%;
}

.CatNoteDivImgInfos{
width: 100%;
position: relative;
}

.CatNoteDivImgInfos a{
background: white;
display: block;
border: 5px solid rgba(0, 50, 150, 0.9);
}

.CatNoteDivImg{
position: relative;
background: white;
height: 250px;
overflow: hidden;
width: calc(100% - 12px);
margin: 6px;
box-shadow: 0px 0px 1px 1px #0d136c;
}

.CatNoteImg{
height: auto;
background: white;
margin: auto;
display: block;
max-width: 75%;
max-height: 55%;
position: absolute;
top: 50%;
z-index: 1;
left: 50%;
transform: translate(-50%, -50%);
}

.SpecIA{
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 1.5px 4.5px;
color: navy;
border-bottom: 2px solid;
margin: 2px;
font-weight: 500;
font-size: 12px;
height: fit-content;
text-align:center;
line-height: 14px;
}

.SpecIAItem{
background: none;
width: 14%;
max-width: 64px;
padding: 0;
}

.SpecIAB2{
bottom: 20px;
}

.SpecIA2{
}

.SpecIAD{
right:0px;
left: unset;
}

.SpecIAD2{
bottom:20px;
}

.SpecIAD2EX{
height: auto;
line-height: 8px;
padding: 9px;
}

.SpecIAD3{
bottom:40px;
}

.SpecIAT{
top:0;
bottom: unset;
}

.SpecIATD{
right:0px;
top:0px;
bottom: unset;
left: unset;
}

.SpecIAT2, .SpecIATD2{
top:20px;
}

.SpecCPUMobile{
right: 0;
width: fit-content;
margin: auto;
border: 0;
border-radius: 11px;
padding: 5px 10px;
color: white;
top: 5px;
background: linear-gradient(to top, #c0bcb8, #000);
}

.SpecCamera{
margin-top: 5px;
color: white;
border-radius: 100px;
height: 32px;
width: 36px;
padding-top: 4px;
display: block;	
background:
radial-gradient(circle at 50% 50%, #000 0%, #0a0a0a 18%, #111 28%, transparent 29%),
radial-gradient(circle at 50% 50%, transparent 0 34%, #1b1b1b 35%, #050505 42%, #2b2b2b 48%, transparent 49%),
radial-gradient(circle at 50% 50%, transparent 0 52%, #3a3a3a 53%, #111 58%, #444 62%, transparent 63%),
radial-gradient(circle at 35% 30%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.08) 12%, transparent 30%),
radial-gradient(circle at 50% 50%, #4f5966 0%, #1b222d 30%, #0c1016 55%, #050608 75%, #000 100%);
box-shadow:
inset 0 0 12px rgba(255,255,255,0.08),
inset 0 0 30px rgba(0,0,0,0.9),
0 0 12px rgba(0,0,0,0.35);
}

.SpecLinux{
font-size: 24px;
margin-top: -1px;
display: block;
float: left;
margin-left: -6px;
}

/* Categoria & Filtro Notícias */

.CatNoticiaItem{
background: white;
margin: 1% 0;
overflow: hidden;
position: relative;
}

.TagCatNoitica{
padding: 1% 2%;
font-size: 12px;
font-weight: 600;
margin: 1%;
position: absolute;
top: 0%;
right: 0%;
text-transform: uppercase;
background: #006aff;
color: white;
}

.CaixaTituloItemCatNoticia{
color: black;
padding: 3%;
height: 114px;
font-weight: 500;
overflow: hidden;
}

.TituloItemCatNoticia{
margin: 2%;
float: none;
border-bottom: 5px solid #006aff;
display: block;
padding: 1% 0;
width: fit-content;
text-transform: uppercase;
font-size: 15px;
line-height: 18px;
}
.SubTituloItemCatNoticia{
margin: 0% -2% 1%;
padding: 2% 4% 0;
height: 74px;
float: left;
}

.DivImgCatNoticia {
height: 166px;
overflow: hidden;
background-size: cover!important;
background-position: center !important;
border-bottom: 4px solid blue;
}

.ImgCatNoticia{
width: 100%;
}

.NoticiaDestaque{
height: 150px;
overflow: hidden;
background: white;
width: 100%;
width: 100%;
margin: 3% 0;
display: inline-block;
}

.TextoArtigo span, .TextoNoticia span{
line-height: 24px;
padding-left: 24px;
}

.CategoriaModuloNews{
background: #006aff;
padding: 1% 1%;
font-size: 12px;
font-weight: 600;
color: white;
position: absolute;
top: 0%;
right: 0%;
margin: -1%;
}
.DivImgModuloNews{
float: left;
width: 300px;
height: 150px;
}
.DivImgInfosModuloNews{
position: relative;
}
.TituloItemModuloNews{
float: left;
width: calc(99% - 331px);
padding: 1%;
color: black;
margin: 1%;
height: 112px;
font-weight: 600;
font-size: 15px;
}
.TituloItemModNews{
float: left;
width: 98%;
color: black;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin: -1%;
line-height: 19px;
padding: 1% 2%;
}
.SubTituloItemModNews{
float: left;
padding: 2% 3% 0;
width: 96%;
margin: 2% -2% 0;
height: 60px;
}
.DivImgInfosModuloArtigosNews{

}

.DivImgModNoteDestaque{
position: relative;
background: white;
height: 140px;
overflow: hidden;
width: 97%;
margin: 0 1.5% 1%;
box-shadow: 0px 0px 1px 1px #0d136c;
}

.SpecsModNoteCBDestaque{
display: flex;
flex-wrap: wrap;
}

.DivImgModArtsDestaque{

}

.DivImgInfosModNoteDestaque a{
 background: white;
 display: block;
 border: 5px solid rgba(0, 50, 150, 0.9);
 }
 
.SpecsModNoteCBDestaque span{
line-height: 18px;
padding-left: 1%;
}

.SpecModNoteCBDestaque{
padding: 1% 1%;
font-weight: 500;
color: black;
margin: 1% 1% 1% 1%;
float: left;
background: white;
font-size: 11px;
line-height: 18px;
}

 .PrecoModNoteCBDestaque .amz-seloprime{
 display:none;
 }

 .EtiquetaPrecoModNoteCBDestaque{
 position:absolute;
 bottom: 3%;
 right: -1%;
 transform: rotate(2deg);
 }

 .EtiquetaPrecoModNoteCBDestaque a{
  border:none;
 }

 .etiquetapreco{
 white-space:nowrap;
 position:relative;
 height:25px;
 border-radius: 0 5px 5px 0;
 padding: 0 7px 0 13px;
 background:#6db812;
 border: 1px solid #6DB811;
 line-height:23px;
 color: white;
 text-shadow: 0 0 5px black, 1px 1px 0 black;
 font-size: 16px;
 box-shadow: 1px 1px 1px black, 0 0 10px black;
 }

 .etiquetapreco:before{
 position:absolute;
 background:#6db812;
 content: "\25CF";
color: white;
text-shadow: 0 0 1px #aaa;
font-size: 12px;
line-height: 13px;
text-indent: 6px;
top: 3px;
left: -10px;
width: 16px;
height: 16px;
transform: rotate(45deg);
}

 .indisponivel{
 background:red;
 border: 1px solid red;
 }

 .indisponivel:before{
 background:red;
 border: 1px solid red;
 }

 .BotaoCarregarMais{
box-shadow: -5px 5px 0px #ff6c00;
  margin: 3% auto;
  padding: 1%;
  display: block;
  width: fit-content;
  background: #1d45bf;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

/* Contagem Regressiva Mod Countdown */.ContagemRegressivaFundo{
 transform: rotate(-1.0deg);
 background: #ffd700;
 max-width: 1024px;
 margin: auto;
 width: 90%;
 }

 .ContagemRegressiva{
 transform: rotate(1.0deg);
 background: url(http://dicadepc.com.br/images/eventos/2024/08/intelgamerdays.webp);
 Background-size:cover;
 text-shadow: 0 0 5px #000, 0 0 13px #1400ff;
 margin: 3% auto;
 background-position: 100% 50%;
 min-height: 114px;
 padding: 2%;
 max-width:1024px;
 height:auto;
 }

 .ContagemRegressivaTextoDesc{
 display: block;
 width: fit-content;
 background: white;
 color: black;
 text-shadow: none;
 font-weight: 500;
 padding: 0 0.2%;
 margin: 2% 0 0;
 font-size: 14px;
 }

                 /* Listas */.ProdutosListaOpcoes{
 }

 .ProdutosListaOpcoes ul {
 display: flow-root;
 }

 .ProdutosListaOpcoes ul li {
 float: left;
 width: 44%;
 margin: 3%;
 }

 .ProdutosListaOpcoes ul li a {
 padding: 2% 5%;
 width: 100%;
 text-align: center;
 background: linear-gradient(to right, #009fff, #3626aa);
 text-transform: uppercase;
 border-radius: 13px;
 display: block;
 position: relative;
 box-shadow: 0 0 10px black;
 color: white;
 font-size: 40px;
 }

 /* Categoria Notebook */
 .TemplateCatFundo{
padding: 1% 1.5% 5%;
}

.DivFiltroItens{
display: grid;
grid-template-columns: 25% 74%;
grid-template-areas:
"vazio  resumo" 
"filtro itens ";
column-gap: 1%;
}

.TituloCat{
grid-area: resumo;
}

.TituloCat h2, .TituloCat h1{
text-align: center;
color: #ffc62e;
text-shadow: 2px 2px black;
font-size: 23px;
font-weight: 800;
}

 .TituloCat h3{
 text-align: center;
 color: #ffc62e;
 text-shadow: 4px 2px black;
}

/* Página de Filtros Produtos */

.ListaProdutos{
grid-area: itens;
}

.ModuloArtigosNewsItemFundo{
margin: 12px 1%;
float: left;
display: block;
position: relative;
z-index: 99;
width: 31.3%;
}

.filtrologo{
display:none;
}

.pbFiltros{
display: flow-root;
}

.SuperFiltro{
background: rgba(0,0,0,0.1);
}

.FiltroB{
background: rgba(0,0,0,0.1);
width: fit-content;
margin: 10px auto 0;
padding: 5px;
cursor: pointer;
float:left;
}

.BotaoFiltros, .BotaoFechaFiltrosD{
display:block;
padding: 3%;
color: white;
float: left;
font-weight: 600;
box-shadow: 3px 3px 10px black;
text-align: center;
}

.BotaoFiltros{
background: #006aff;
border-left: 5px solid #ffc62e;
}

.BotaoFechaFiltrosD{
background: #000;
border-left: 5px solid #ff2e2e;
}

.BotaoFiltrosLimpar{

background: rgba(0,0,0,0.1);
padding: 5px;
color: white;
border-right: 5px solid;
clear: both;
  display: block;
  margin: 2% auto;
  width: fit-content;
}

.BotaoFiltrosMobile{
display:none;
}

.BotaoFechaFiltros{
display: none;
}


.FiltroNotebookForm{
background: rgba(255,255,255,0.1);
width: 100%;
margin-bottom: 50px;
}

.DivFiltroCat{
float: left;
font-weight: 600;
width: 100%;
position: relative;
height: auto;
padding: 0%;
}

.DivBotaoFiltrar{
display: block;
width: 100%;
clear: both;
}

.BotaoFiltrar{
padding: 10px;
cursor: pointer;
margin: auto;
width: 100%;
display: block;
border: 0;
color: white;
font-weight: 600;
font-size: 15px;
position: relative;
background: rgba(0,0,255,0.3);
}

/*Listas */

.ItemLista{
display: flex;
width: 96%;
height: auto;
margin: 1%;
padding: 1%;
background: linear-gradient(270deg, #d15e5e, #e05aac, #5570de, #1136a3);
}

 .DivImgInfosLista{
width: 100%;
position: relative;
width: 230px;
float: left;
background: white;
margin-right: 10px;
}

.TituloItemLista{
height: auto;
background: navy;
margin-bottom: 1%;
font-size: 14px;
padding: 2%;
text-align: center;
font-weight: 500;
line-height: 18px;
overflow: hidden;
}

 .DivImgLista{
height: 134px;
width: 220px;
box-shadow: none;
}

.ImgLista{
max-height: 110px;
width: 80%;
max-width: 100%;
margin-top: 0;
}

.DivPrecoLista{
position: absolute;
transform: none;
width: 100%;
background: rgba(0,0,0,0.6);
right: 0;
bottom: 0;
height: 28px;
overflow: hidden;
}

.DivPrecoLista span{
padding:1%;
}

.DivDescProsConsLista{
width: calc(100% - 230px);
background: white;
color: black;
font-weight: 500;
padding-top: 10px;"
}

.DivDescProsConsLista .CaixaProsCons{
display: flex;
background:white;
font-weight: 500;
line-height: 20px;
padding-bottom: 10px;
}

.FraseDestaqueLista{
display: block;
color: white;
padding: 5px 7px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
}

 /* Página de Tag */ .0TemplateTagFundo{
transform: rotate(-0.5deg);
 background: #ffc62e;
 margin:0 auto 3%;
}

.0TemplateTag{
transform: rotate(0.5deg);
background: #006aff;
padding: 2%;
}

.TituloTag{
}

/* Menu Categorias Topo & Breadcrumbs */
.MenuTopo{
width: 100%;
background: blue;
z-index: 998;
top: 0;
height: 40px;
background: rgba(0, 0, 205, 0.7);
position: relative;
}

.DivCatMenu{
max-width: fit-content;
margin: auto;
padding: 5px;
min-height: 30px;
float: left;
}

.DivCatMenuNM{
display: flex;
flex-wrap: wrap;
}

.Breadcrumbs{
margin-bottom: 0;
display: block;
height: 36px;
}

.BotaoBread{

}

.BotaoBread:hover{
color: #004cff;
}

.BotaoBreadN{
float: left;
height: 19px;
padding: 0px 8px 4px 4px;
color: black;
margin-right: 8px;
background: white;
font-weight: 500;
border: 2px solid navy;
box-shadow: 4px 4px 0 #ff4800;
}

.BotaoBreadNM{
padding: 2% 1%;
color: black;
background: white;
font-weight: 500;
border: 2px solid navy;
width: 45%;
margin: 1%;
box-shadow: none;
height: 26px;
}

.BreadNTM{
margin: auto;
width: fit-content;
display: block;
}

.BotaoBP{
cursor: pointer;
float: right;
text-transform: initial;
}

.BreadNT{
float: right;
}

.BotaoBreadN:hover{
color: #004cff;
box-shadow: 4px 4px 0 #00c3ff;
}

.iconeFabinho{
width: 40px;
transform: rotate(-10deg);
margin-top: -5px;
}

.iconePCzinho{
width: 52px;
margin-right: -5px;
transform: rotate(2deg);
margin-top: -5px;
height: 40px;
}

 /* Ficha Notebook */
.TemplateNotebookFundo{
 margin: auto;
}

 /*
.TemplateNotebook{
background: rgba(0,0,200,0.3);
} */

.TituloProduto{
padding: 1% 5% 1%;
}

.DivDesc{
position: relative;
margin: 2% 0 10%;
}

.MetaDescricao{
font-style: italic;
font-weight: 500;
margin: auto;
background: rgba(255,255,255,0.2);
padding: 10px;
border-left: 5px solid;
position: relative;
}

.TituloProduto h2{
text-align: center;
padding: 2% 0 0;
font-size: 300%;
color: #ffc62e;
text-shadow: 4px 2px black;
margin-bottom: 0;
font-size: 28px;
max-width: 90%;
margin: auto;
}

.PanProduto{
max-width: 94%;
margin: auto;
padding: 2% 3% 3%;
}

.QuadroPrincipal{
display: grid;
grid-template-columns: 35% 60%;
column-gap: 5%;
grid-template-areas:
"img resumo" 
"top resumo";
}

.DivImgProduto{
grid-area: img;
}

.ZoomImgProduto{
display: block;
}

.ZoomImgProduto a{
width:100%;
}

.ImagemProdutoFundo{
background: #2dd2e3;
transform: rotate(1.5deg);
}

.ImagemProduto{
padding: 10% !important;
margin: 0 !important;
border: 5px solid navy;
background: white;
transform: rotate(-1.5deg);
max-width: 80%;
height: 250px;
width: 100%;
min-height: 200px;
position: relative;
}

.ImagemProdutoCel{
transform: none;
min-height: 220px;
border-radius: 12px;
border: 5px solid transparent;
box-shadow: 0 0 10px 0px navy;
}

.ImagemProdutoThumb{
margin:auto !important;
max-height: 250px;
display: block;
padding: 0px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.DivSpecsTopProduto{
display: flow-root;
position: relative;
max-width: 386px;
margin: auto;
margin-top: 2%;
}

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

.SpecNoteTopItem::before{
Position: absolute;
Top: 0;
Left: 0;
width: 100%;
height: 100%;
}

.SpecNoteTopItem:hover::before{
background: rgb(24, 32, 140);
color: white;
}

.SpecNoteTopItem:hover::before img{
filter: brightness(0) invert(1);
}

.SpecNoteTopIcon{
display: block;
float: left;
max-width: fit-content;
}

.BrilhoOff{
filter: brightness(0);
}

.IconMarca{
height:12px;
}

.IconChip{
height: 24px;
margin: -1px 5px -1px 0;
filter: brightness(1) grayscale(1) invert(1);
}

.IconRAM{
height: 28px;
margin: -2px 5px -4px 0;
}

.IconSSD{
height: 30px;
margin: -4px 5px -4px 0px;
}

.IconGPU{
height: 38px;
margin: -8px 5px -8px 0;
}

.IconTela{
height: 28px;
margin: -3px 5px -3px 0;
}

.IconPainel{
height:16px;
margin: -2px 5px 0 0;
}

.IconPeso{
height: 28px;
margin: -4px 5px -2px 0;
}

.IconAno{
height: 22px;
margin: 0px 5px 0 0;
}

 .CPUIntel{
border: 2px solid #13327b;
}

.CPUAmd{
border: 2px solid #ac1212;
}

.CPUApple{
border: 2px solid #919191;
}

.QtddRAM{
border: 2px solid #ff6c00;
}

.TamanhoSSD{
border: 2px solid #ffcb00;
}

.GPUNvidia{
border: 2px solid #42cc10;
}

.TamanhoTela{
border: 2px solid #af00ff;
}

.SistOp{
border: 2px solid #ff00ca;
}

.PesoNote{
border: 2px solid #b3d53b;
}

.AnoNote{
border: 2px solid #ff0083;
}

.ResumoPrecoFundo{
grid-area: resumo;
background: #680dc4;
transform: rotate(-2.5deg);
}

.ResumoPreco{
background:white;
padding: 2%;
margin: 0 2;
transform: rotate(2.5deg);
}

.SpecsTopDiv{
display: flex;
flex-wrap: wrap;
text-align: center;
background:white;
border:1px solid #cce1ff;
color: black;
font-size: 12px;
text-align: center;
}
.SpecsTopCabecalho{
display: flex;
padding:6px;
width: 100%;
background: #006aff;
color: white;
}
.SpecsTopTitulo{
font-size: 20px;
text-align: left;
padding:6px 10px 6px;
flex:4 1;
font-weight: 500;
}
.SpecsTopSubtitulo{
height: 20px;
display: block;
width: 100%;
font-weight: 500;
font-size: 13px;
padding-bottom: 5px;
background:#e6f0ff;
}
.SpecsTopColuna{
flex: 1;display: grid;grid-template-rows: repeat(4, auto);border-right: 1px solid #cce1ff;padding-bottom: 6px;
}
.SpecsCameras{
flex: 2;
border-right:none;
}
.SpecsTopSubColuna{
border-right:none;
}
.SpecsTopTipo{

}
.SpecsTopExtra{
background:rgba(255,255,255,0.1);
padding:6px 0;
text-align: center;
display: flex;
width: 100%;
border-top: 1px solid #cce1ff;
flex-wrap: wrap; 
}
.SpecsRodape{
background: rgba(0, 106, 255, 0.2);padding:8px;text-align: center;display: flex;width: 100%;
}
.SpecsTopItem{
flex: 1;
padding: 6px 0 0;
}
.SpecItemExtra{
flex: 0 0 33%;
}
.SpecsTopDtq, .fs18{
font-size: 15px;
font-weight: 500;
}
.SpecsTopDtq2{
max-width: 140px;margin:auto;line-height: 16px;
}
.fs16{
font-size:14px;
}
.fl1{
flex:1;
}
.fl1p5{
flex:1.5;
}
.fl0p5{
flex:0.5;
}
.fl0p7{
flex:0.7;
}
.pd6px{
padding:6px;
}
.SpecsTopInfo{
margin-top: -8px;display: block;
}
.CaixaProsCons{
display: flex;
flex-wrap: wrap;
background:white;
font-weight: 500;
line-height: 20px;
}

.PontosPros, .PontosContras{
flex: 0 0 calc(50% - 2.5px);
}

.PontosContras{
margin-left: 5px;
}

.CaixaProsCons h3{
font-weight: 500;
font-size: 14px;
display: block;
background: #0078d7;
padding:1%;
margin:1% 0%;
max-width: 98%;
}

.CaixaProsCons ul{
color: black;
padding: 0 21px;
margin: 0;
}

.CaixaProsCons ul li::before {
content: none;
}


 .LinkCaixaProsCons{
}

.LinkCaixaProsCons a{
background: #1f8a30;
font-weight: 500;
padding: 5px 10px;
color: white !important;
margin: 5px;
display: inline-block;
}

.LinkCaixaProsCons a:before{
content: "💻";
}

.CaixaLojas{
display:flex;
}

.CaixaCompraAmazon{
display: inline-block;
width: 94%;
margin: 2% 1%;
background: #680dc4;
padding: 2%;
outline: 5px dashed #f706ff;
}
 
.CaixaCompraML{
display: inline-block;
width: 94%;
margin: 2% 1%;
background:#3483fa;
padding: 2%;
outline: 5px dashed #5406ff; 
}

.DivValor{
width:40%;
float:left;
}

.DivCompra{
width:60%;
float:left;
}

.CaixaShopee{
width:50%;
}

.h5Shopee{
margin: 0px 0 10px;
border-bottom: 2px solid;
display: block;
width: fit-content;
padding-bottom: 5px;
}

.PrecoCompraAmazon{
}

.ValorCompraAmazon .amz-precoatual:after {
content: "*";
}

.BotaoCompraAmazon{
width:92%;
margin:auto;
text-align:center;
}

.botaoAmazonficha a{
display: flex;
background: linear-gradient(to right, #000428, #004e92);
padding: 5px 10px;
box-shadow: 0 0 10px black;
position: relative;
max-width: 270px;
margin: 2% auto;
color:white;
height: 73px;
}

.botaoAmazonficha a:hover{
color:white;
}

.BotoesUteis{
display: flex;
flex-wrap: wrap;
}

.BotaoUtil{
flex:auto;
cursor: pointer;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
display: block;
background:linear-gradient(to right, #111a67, #00c3ff);
padding:8px 12px;
position: relative;
margin:2% 0.5%;
line-height: 20px;
height: 18px;
color: white !important;
text-align: center;
}

.BotaoExplorar{
cursor: pointer;
text-transform: unset;
background:#93c800;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-images: linear-gradient(to right, rgb(17, 26, 103), rgb(0, 195, 255));
background-size: auto;
line-height: 24px;
height: auto;
display: block;
color: black !important;
background-images: url(/images/marcacaotexto.png);
background-size: 100% 21px;
font-weight: 500;
padding:1px 6px;
margin:0px 3% 12px;
background-repeat: no-repeat;
background-position:center;
flex:auto;
text-align: center;
}

.be1{
filter: hue-rotate(310deg);
}
.be3{
filter: hue-rotate(150deg);
}

.BotaoIndisponivel {
cursor: pointer;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
display: flex;
background: linear-gradient(to right, #111a67, #00c3ff);
padding: 8px 12px;
position: relative;
margin: 2% 0.5%;
line-height: 20px;
height: 18px;
float:left;
color: white !important;
}

.obsamz{
float: right;
position: absolute;
right: 2px;
top: 0;
color: white;
font-size: 12px;
}

.CarrinhoCompra{
width: 37%;
float: left;
filter: invert(1);
margin: 5px 0;
max-width: 50px;
}

.ImgCaiuSubiu{
width: 40px;
padding: 5px;
float: left;
max-height: 40px;
font-size: 24px;
text-shadow: 0 0px 10px;
}

.TextoCaiuSubiu{
}

.ComprarDisp{
float: left;
width: auto;
}

.TextComprarAgora{
}

.DispAmazon{
padding: 5px;
}

.ValorCompraAmazon{
font-weight: 500;
font-size: 200%;
list-style-type: none;
display: table;
}

.ValorCompraAmazon p{
display:none;
}

.amz-seloprime{
width: 60px;
position: absolute;
top: 0;
right: 0;
}

.precocaiu{
background: #3fa80f;
display: flow-root;
padding: 5px;
font-weight: 500;
margin: auto;
text-align:center;
width: fit-content;
max-width: 280px;
}

.precosubiu{
background: #a80f50;
display: flow-root;
padding: 5px;
font-weight: 500;
margin: auto;
text-align:center;
width: fit-content;
max-width: 280px;
}

/* Gráfico Preços */

.fundohistoricopreco {
width: 100%;
min-height: 200px;
text-align: center;
margin: 0px auto;
background: repeating-linear-gradient( 180deg, #141c45 0%, #181994 60%, #2e2f79 63%, #091d42 70%, #040620 100%);
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 0;
scrollbar-width: thin;
}

/* SCROLL BAR STYLE (ONLY WORKS IN CHROME) */
/* Width */
::-webkit-scrollbar {
	height: 5px;
	width: 100%;
}

/* Track */
::-webkit-scrollbar-track {
	background: #444e80;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #abafc6;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #5397d6;
}

.grafhistprecogrupo {
cursor: pointer;
height: 160px;
padding-bottom: 10px;
margin: 5px -2px 0px;
display: inline-block;
width: 33.3%;
}

.gfhpreco1{
position: sticky;
left: 0px;
}

.barraghp {
background-color: #5397d6;
width: 20px;
margin: 0px auto;
}

.month-group:hover .barraghp,
.selected .barraghp {
	background: #5397d6;
}

.grafhistprecogrupo:hover p,
.selected p {
	color: #fff;
}
.month{
margin-bottom: 0;
border-bottom: 1px dashed #7384dd;
border-top: 1px solid white;
margin-top: 0;
padding: 5px;
line-height: 14px;
font-size: 11px;
}
.h-50 {
	height: 50%;
}

/* Modulo ProduTops Top Semanal Itens */
.ProduTopLayout{
grid-area: top;
margin: 5% 0;
}

.ProduTopDiv{
max-width: 410px;
background: white;
overflow: hidden;
}
.ProduTopTitulo{
background: navy;
padding: 10px;
margin: 0;
}

.ProduTopItens{
padding-left: 0;
margin-bottom: 0;
}

.ProduTopLink{
display: block;
border-bottom: 1px solid #fdc629;
}

.ProduTopItem{
padding:10px;
background:white;
display: inline-block;
color: black;
display: block;
min-height: 98px;
max-width: 100%;
position:relative;
width: calc(100% - 20px);
}

.ProduTopItem:hover {
  background: linear-gradient(270deg, #fec52d -10%, white 70%);
}

.ProduTopDivImg{
padding:5px;
background:white;
width:96px;
min-height: 75px;
float:left;
display: flex;
position: relative;
}

.ProduTopNumero{
padding-left: 0px;
float: left;
line-height: 42px;
font-size: 50px;
margin-right: 0px;
color: #fdc629;
font-weight: bold;
z-index: 9;
position: absolute;
bottom: 0;
text-shadow: -2px 2px 1px rgb(0, 106, 255);
}

.ProduTopImg{
width: auto;
max-height: 96px;
margin: auto;
}

.ProduTopTexto{
padding: 1%;
color: black;
display: block;
width:98%;
font-weight: 500;
}

.ProduTopPreco{
display: block;
position: absolute;
right: 10px;
background: #0069ff;
color: white;
font-weight: 500;
padding: 0 5px;
font-size: 12px;
line-height: 22px;
height: 22px;
white-space: nowrap;
}

.ProduTopNome{
margin: 0;
color: navy;
}

.ProduTopDesc{
display:block;
font-size: 12px;
}

/* Ferramentas, DivFloat e Compartilhar */

#Ferramentas{
opacity: 1;
z-index: 999;
transition:opacity 1s;
position: fixed;
display: block;
width: 100%;
height: 120px;
bottom: 0;
background:none;
}

.BarraShare{
left: 7px;
max-width: 200px;
float: left;
margin-top:-7px;
}

.BarraShare .jssocials-shares{

}

.DivFloatComprar{
position: fixed;
bottom: 2%;
left: 0;
right: 0;
opacity:0;
transition: opacity 1s;
margin: 5px auto;
max-width: 235px;
background: #0070ff;
height: 27px;
filter: drop-shadow(2px 2px 0px #ffc62e) drop-shadow(0 10px 10px black);
}

.DivFloatPromo{
position: fixed;
bottom: 6%;
left: 0;
right: 0;
margin: 5px auto;
width: fit-content;
background: red;
height: 27px;
padding: 0 1%;
font-weight:500;
filter: drop-shadow(2px 2px 0px #ffc62e) drop-shadow(0 10px 10px black);
}


 .minilogo{
 float: left;
height: 37px;
padding: 0 6px;
filter: invert(0);
width: auto;
transform: rotate(-10deg);
margin-top: -5px;
}

 .BotaoFloatComprarOld{
float: left;
height: 27px;
line-height: 25px;
margin-right: 3%;
font-weight: 500;
color: white;
}
.BotaoFloatComprar{
float: left;
height: 27px;
line-height: 27px;
padding-right: 18px;
font-weight: 500;
color: white;
}

.BotaoFloatComprar p{
 display:none;
}

.BotaoFloatComprar .plgamz{
display: contents;
float: right;
margin-left: 5px;
}

.BotaoFloatComprar .plgamz .amz-prize{
display: contents;
}

.BotaoFloatComprar .plgamz .amz-prize:after{
 content: "*";
}

.BotaoFloatComprar .amz-seloprime{
display:none;
}

.BotaoFloatAmazon{
 float: left;
 display: flex;
 width: auto;
 background: linear-gradient(to right, #000428, #004e92);
 margin-top: 2px;
 box-shadow: 0 0 3px black, 0 0 5px navy;
 }
 
.BotaoDM{
background:white;
color: black !important;
position: fixed;
bottom: 2.5%;
right: 2.5%;
padding:3px 10px;
border-radius:0px;
z-index: 999;
font-weight: 500;
filter: drop-shadow(2px 2px 0px #c42f93) drop-shadow(0 10px 10px black)
}

.ImgDM{
height: 42px;
margin:-16px 4px -16px 0px;
}

.TextoDM{
display:contents;
}

.popupdm {
  display: none; 
  position: fixed; 
  z-index: 999; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; 
  background-color: rgba(0,0,0,0.5); 
}
.popupdm-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  width: 90%;
  max-width: 400px;
  border-radius: 10px;
  text-align: center;
}

.popupdmBarraBotao{
display: block;
width: 100%;
background:#f0f0f0;
height: 42px;
margin:0px 0px 0 -20px;
position: absolute;
bottom: 0;
}

.popupdm-btn {
display: block;
padding:1px 0px 0 0px;
background-color: #f4f4f4;
color: black !important;
border-radius:2px;
width: 128px;
text-align: center;
position: absolute;
border:1px solid;
right: 12px;
height: 24px;
font-size: 12px;
margin:8px auto;
}

.popupdm-btn:hover {
background-color: #d3e4f4;
}

.DivProdutoHistorico{
float: left;
min-width: 35.5%;
max-width: 35.5%;
margin: 1% 0 0;
overflow: hidden;
}

.DivProdutoVideo{
float: left;
min-width: 35%;
margin: 1% 0 0;
}

 .itemVideoBlocoFundo{
transform: rotate(1deg);
 display: flow-root;
padding: 0.5%;
background: #ffe300;
margin: 3% auto;
max-width: 760px;
}

.itemVideoBloco {
transform: rotate(-1deg);
background: #002d84;
}

.itemVideo{
display: block;
overflow: hidden;
}

.youtube {
background-color: #000;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
background-image: none !important;
}

iframe {
max-width: 100% !important;
}

.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}

.youtube img {
width: 100%;
top: 0;
left: 0;
max-width: 100% !important;
margin-left: 0;
}

.youtube img:hover {
transition: all 500ms ease;
max-width: 125% !important;
width: 125%;
margin-left: -12%;
margin-top: -3%;
}

.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}

.youtube .play-button {
width: 90px;
height: 60px;
background-color: #333;
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
z-index: 1;
opacity: 0.8;
}

.youtube .play-button, .youtube .play-button::before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}

.itemVideo:hover .play-button {
background-color: #bd1b1b;
opacity: 0.7;
}

.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button::before {
position: absolute;
}

.itemVideoCaption span {
text-align: center;
display: block;
font-size: 14px;
line-height: 24px;
padding: 7px;
}

.fichanotebook{
 display: block;
 max-width: 870px;
 margin: auto;
}

.ResumoNotebookCaixa{
overflow: hidden;
}

.ResumoNotebookFundo{
margin: 3% 0;
}

.ResumoTitulo{
color: white;
padding: 2.5%;
background: #65b219;
display: block;
font-size: 18px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
}

.DivImagemArtigo{
display: block;
margin: auto;
width: 92%;
max-width: 450px;
}

.ImagemArtigo{
position: relative;
display: block;
margin: 4% auto 4%;
width: 100%;
max-width: 450px;
}

.ImagemArtigo img{
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0,0,0,.4);
display: inline-block;
height: auto;
margin: 0 0px;
max-width: 96%;
text-align: center;
vertical-align: top;
padding: 2% 2% 24px 2%;
}

.ImagemArtigo::before, .ImagemArtigo::after {
background: rgba(255, 255, 235, 0.6);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
content: "";
display: block;
height: 6%;
position: absolute;
margin: auto;
width: 11%;
z-index: 2;
}

.ImagemArtigo::before{
left: -10px;
top: 3px;
transform: rotate(-45deg);
}

.ImagemArtigo::after{
right: -13px;
bottom: 5px;
transform: rotate(-45deg);
}

.ImagemArtigo span{
display: block;
margin-top: -24px;
padding: 0 12px;
color: black;
text-align: center;
font-size: 12px;
}

.ImagemArtigo span a{
color: black;
}

.ResumoNotebookTexto, .ListaTexto{
margin: 0 auto;
width: 95.5%;
max-width: 1024px;
background-color: #f7f5f1;
background-image: linear-gradient(90deg, transparent 29px, #abced4 29px, #abced4 31px, transparent 31px), linear-gradient(#d5d5d5 .1em, transparent .1em);
background-size: 100% 24px;
line-height: 24px;
padding: 24px 16px 12px 24px;
color: black;
}

.ResumoNotebookTexto .Autor, .ListaTexto .Autor{
width: 47px;
float: left;
margin: 1px 12px 0 24px;
padding: 3px;
background: white;
box-shadow: 0 0 3px -1px black;
}

.ResumoNotebookTexto h1, .ListaTexto h1{
font-size: 14px;
margin-top: 0;
margin-bottom: 24px;
padding-left: 24px;
color: black;
font-weight: 500;
}

.ResumoNotebookTexto .Breadcrumbs, .ListaTexto .Breadcrumbs{
margin-top: 0px;
margin-bottom: 24px;
max-height: 24px;
}

.ResumoNotebookTexto .BotaoBread, .ListaTexto .BotaoBread{
margin-right: 1%;
box-shadow: none;
border: 0;
white-space: nowrap;
font-size: 13px;
}

.ResumoNotebookTexto .iconeFabinho, .ListaTexto .iconeFabinho{
width: 32px;
margin-top: -8px;
}

.ResumoNotebookTexto .iconePCzinho, .ListaTexto .iconePCzinho{
width: 34px;
height: 26px;
margin-right:0;
}
 

.TextoArtigo p{

}

.TextoArtigo h1{
font-size:20px;
font-weight: 500;
color: navy;
}

.TextoArtigo h1 a{
color:#0040ff
}

.TituloArtigo{
padding: 0 1%;
font-size: 24px;
text-transform: initial;
background-image: url(/images/marcacaotextob.png);
background-size: 100% 48px;
margin: auto;
line-height: 48px;
max-width: fit-content;
overflow: visible;
display: inline-block;
}

.SubtituloArtigo{
font-size: 16px;
padding: 0 1%;
background-image: url(/images/marcacaotextoy.png);
background-size: 100% 24px;
margin: auto;
}

.TextoArtigo h2{
padding-left: 24px;
font-size:18px;
font-weight: 400;
margin-top: 0;
margin-bottom: 24px;
}

.ResumoNotebookTexto p{
margin-top: 0;
margin-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}



.PontoAtencao{
 Background:red;
 color:white;
 }

.PanNotesRelacsFundo{
transform: rotate(-1.0deg);
background: #a3ff00;
margin-top: 4%;
}

.PanNotesRelacionados{
transform: rotate(1.0deg);
background:#fff;
}

 .SpecsFundo{
 transform: rotate(1.0deg);
 background: #ff8300;
margin-top: 4%;
 }

 .SpecsNotebook{
 transform: rotate(-1.0deg);
 background: white;
 color: black;
 }

.SpecsTitulo{
color: white;
padding: 2.5%;
display: block;
font-size: 18px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
background: #101675;
}

.SpecsQGNotebook{
margin: 2% 3%;
padding: 0% 2% 3%;
}

.SpecsQGNotebook h3{
font-weight: 500;
font-size: 133%;
border-bottom: 1px solid;
display: block;
background: #12296f;
padding: 1%;
margin: 1% -15px;
color: white;
}

.SpecsQGNotebook p{
display: block;
width: 100%;
}

.ItemListaSpec{
width: 100%;
padding: 5px 0;
min-height: 26px;
}

.IconeItemSpec{
width:26px;
float:left;
margin-right:1%;
}

.DescItemSpec{
display: flex;
flex-wrap: wrap;
gap:1%;
margin-bottom: 1%;
}

.LogoItemSpec{
width:56px;
float:left;
margin-right:1%;
outline: 2px solid #006aff;
}


.PainelSpecs{

}

.BlocoGigaSpec {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
min-width: 120px;
height: 112px;
position: relative;
overflow:hidden;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition:all 0.3s ease-in-out;
max-width: 23.25%;
cursor: pointer;
margin-bottom: 1%;
flex:1;
padding:0 0.5%;
}

.BlocoGigaSpec:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.SpecPrincipal {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 500;
height: 76px;
padding:0px 0;
}

.SpecTipo {
background:#1c24a8;
color: white;
width: 100%;
font-weight: 500;
font-size: 12px;
line-height: 13px;
display: flex;
align-items: center;
justify-content: center;
height: 28px;
flex:1;
padding:0 10px;
max-height: 28px;
min-height: 28px;
}

.SpecIcon {
font-size: 16px;
}

.SpecUnidade{
font-size: 12px;
display: block;
position: absolute;
right: 0%;
left: 0%;
bottom: 44px;
}

.ItemProdAmzInt{
float: left;
width: 27%;
margin: 0 2%;
overflow: hidden;
}

.LinkProdAmzInt{
color: black;
border: 2px solid #aaa;
display: block;
padding: 2%;
border-radius: 10px;
min-height: 72px;
}

.ImgProdAmzInt{
margin: auto;
display: block;
max-height: 200px;
}

.TitProdAmzInt{
border-top: 1px solid #c8c8c8;
margin-top: 5px;
min-height: 50px;
padding: 3%;
display: block;
}

.BotaoProdAmzInt{
background: linear-gradient(to right, #000428, #004e92);
padding: 11px;
max-width: 158px;
margin: 0% auto 2%;
height: 32px;
border-radius: 5px;
}

.BGSCG{
width: 66px;
}

.BGSCG img{
height: 100%;
width: auto;
}


.SpecPB {

}

.SpecPB .SpecValor {
display: inline-block;
margin-top: 5px;
}

.SpecPB .SpecValor span:nth-child(2) {
font-size: 13px;
margin-top: -3px;
display: block;
}


.Spec5C{
width: 15%;
}

.Spec3C{
width: 28.3%;
}

.SpecPB .SpecPrincipal{
height: 73px;
}

.SpecPB .SpecUnidade{
bottom: 36px;
}

.SpecPB .SpecTipo{
background: #0078d7;
}

 /* Seção Notebooks similares XT K2 Link Item */.relacs{
 padding: 2.5%;
display: block;
font-size: 18px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
background: #680dc4;
}

 .VejaNotesRelacionados{
 padding: 2%;
 }

 #raxo-id{
 float: left;
 display: contents;
 }


.ResumoNotebookTexto table{
border-collapse: collapse;
  margin: -3px 2% 0;
  background: #adb3e6;
  text-align: center;
  line-height: 24px;
 overflow: auto;
 color: black;
 scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
font-weight: 500;
 table-layout: fixed;
  width: 96%;
  margin-bottom: 45px;
}

.ResumoNotebookTexto thead{
color: white;
border-bottom: 3px solid #ffc62e;
}

.ResumoNotebookTexto th, .ResumoNotebookTexto td{
padding: 0px 6px;
border: 1px solid #e6e5e3;
border-top: none;
border-bottom:none;
}

.ResumoNotebookTexto th {
 position: sticky;
 top: 0;
 z-index:2;
 min-width: 143px;
 padding: 0;
}

.ResumoNotebookTexto tr:nth-child(even) {
background-color: #b6bbe5;
}

.ResumoNotebookTexto tr:nth-child(odd) {
background-color: #c6caec;
}

.ResumoNotebookTexto thead tr{
background-color: #320aa3 !important;
line-height: 45px;
}

.ResumoNotebookTexto tbody tr {
	
 }

 .ResumoNotebookTexto tbody tr:hover {
 background: rgba(0,0,255,0.1);
cursor: default;
}

.ResumoNotebookTexto td:first-child, .ResumoNotebookTexto th:first-child {
 position:sticky;
 left:0;
 z-index:1;
 background-clip: padding-box;
 }

 .ResumoNotebookTexto td:nth-child(2),.ResumoNotebookTexto th:nth-child(2)  {
  position:sticky;
 left:60px;
 z-index:1;
 background-clip: padding-box;
 }

 .ResumoNotebookTexto th:first-child , .ResumoNotebookTexto th:nth-child(2) {
 z-index:3;
 }

.botaoComparacao{
position: fixed;
bottom: 4%;
color: white;
box-shadow: 0 0 10px black;
text-transform: uppercase;
font-size: 13px;
left: 50%;
z-index: 100;
transform:translateX(-50%);
font-size: 13px;
}

.caixaComparar{
cursor: pointer;
background: navy;
color: white;
padding: 10px 60px 10px 10px;
font-weight: bold;
box-shadow: 0 0 10px black;
position: relative;
width:auto;
overflow: hidden;
}

.icone-minimizar {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 18px;
color: white;
padding: 10px 15px;
background: #0058ff;
}

.minimizado {
height: 40px;
overflow: hidden;
}

.itemBoxComparador{
display: flex;
align-items: center;
margin-bottom: 5px;
}

.imgBoxComparador{
height: 56px;
display: block;
flex:0.25;
}

.imgBoxComparador img{
width: auto;
margin:auto;
height: 56px;
display: block;
}

.tabelaComparativa {
overflow: auto;
color: black;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
font-weight: 500;
}

.txt400{
font-weight:400;
display: block;
}

.compspecmelhor{
display: inline-block;
background: #bde3af;
padding: 0 6px;
margin: 0 -6px;
}

.compspecbase{
display: inline-block;
background: #e3afaf;
padding: 0 6px;
margin: 0 -6px;
}

.txt500{
font-weight:500;
}

.TextoCentroUpper500{
text-align:center;
text-transform:uppercase;
font-weight:500;
}

 .tabelaComparativa table {
 border-collapse: collapse;
 width: 100%;
 table-layout: fixed;
 background: #cae1ff;
}

 .tabelaComparativa table a {
 display: block;
 color: navy;
 }

 .tabelaComparativa th,.tabelaComparativa td {
 padding: 6px 9px;
 border: 1px solid white;
 }

 .tabelaComparativa th {
 position: sticky;
 top: 0;
 z-index:2;
 min-width: 143px;
 text-align: center;
 padding: 0;
 }

 .tabelaComparativa th a{
 background: white;
margin: 3px;
min-height: 165px;
}

 .NoteAtualImgTitulo{
 background: white;
margin: 3px;
min-height: 165px;
}

.tabelaComparativa tbody tr {
	  
}

.tabelaComparativa tbody tr:hover {
 background: rgba(0,0,255,0.1);
cursor: default;
}

.tabelaComparativa td:first-child, .tabelaComparativa th:first-child {
 position:sticky;
 left:0;
 z-index:1;
 background-color:#eef5fb;
 border: 1px solid white;
 background-clip: padding-box;
 }

 .tabelaComparativa th:first-child {
 width: 66px;
 min-width: 66px;
 }

 .tabelaComparativa td:nth-child(2),.tabelaComparativa th:nth-child(2)  {
  position:sticky;
 left:60px;
 z-index:1;
 background-color:#d8e4f6;
 border: 1px solid white;
 background-clip: padding-box;
 }

 .tabelaComparativa th:first-child , .tabelaComparativa th:nth-child(2) {
 z-index:3;
 }

/* Comparativos em texto */

.ComparativoBloco{
display: flex;
background: white;
max-width: 96%;
margin: auto;
margin-bottom: auto;
margin-bottom: 24px;
line-height: 24px;
padding: 12px;
box-shadow: 4px 4px 0px #fdc52e, 8px 8px 0px #006aff;
}

.ComparativoProduto{
flex: 1;
text-align: center;
}

.ComparativoPrecosFixado{
position: fixed;
bottom: 0%;
left: 0;
width: 88%;
background: linear-gradient(#fff0 0%, #0a296373 20%, #000428 90%);
z-index: 999;
display: grid;
grid-template-columns: 1fr 1fr;
padding: 2% 5% 24px 7%;
max-width: 978px;
margin: auto;
right: 0;
max-height: 100px;
}

.ColunaPrecosFixado{
display: flex;
flex-direction: column;
padding: 2% 5%;
}

.PrecoFixado{
height: 56px;
display: grid;
}

.BotaoLinkAmazon{
height: 28px;
margin: auto;
box-shadow: none;
width: 100%;
}

.linkAmazonCompra {
height: 28px;
margin: auto;
box-shadow: none;
padding: 0px 0px;
width: 100%;
}

.BotaoDispAmazon{
height: 30px;
display: grid;
padding: 0;
background: linear-gradient(to right, #000428, #004e92);
}

/* Comparador de Produtos*/

.ComparadorFiltro{
color: black;
min-height: 500px;
display: block;
opacity: 1;
transition: 1s;
background: #ffffffe0;
position: sticky;
overflow: scroll;
scroll-behavior: smooth;
overflow-x: hidden;
scrollbar-width: none;
top: 0;
}

.tabelaComparador {
color: black;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
}


.BotaoAbrirDivModal{
width: 100%;
padding: 7px 10px;
background: navy;
color: white;
border: none;
cursor: pointer;
}

.ComparadorDivModal{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
}

.CaixaModalComparador{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 92%;
max-width: 600px;
max-height: 600px;
padding: 3%;
background: white;
overflow: hidden;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}

.DigiteColuna{
width: 94% !important;
padding: 10px;
border: 1px solid #ccc;
border-bottom: 3px solid navy;
text-align: center;
}

.OpcoesCPU, .OpcoesCPU1, .OpcoesCPU2, .OpcoesCPU3{
display: none;
box-shadow: black 0px 5px 10px;
margin: 0px 10px 14px;
border: 1px solid navy;
max-height: 500px;
overflow-y: auto;
}

.SelecionaCPU{
background: rgb(255, 255, 255);
text-align: center;
padding: 8px;
display: block;
color: black;
font-weight: bold;
min-height: 70px;
border-bottom: 1px solid rgb(238, 238, 238);
}

.SelecionaCPU:hover{
color: white;
background: #18208c;
}

.BotaoReiniciarComparador{
cursor: pointer;
float: left;
width: fit-content;
background: black;
font-weight: 500;
text-transform: uppercase;
padding:7px 10px;
color: white;
border: 0;
border-bottom: 3px solid #f00;
}

.BotaoAdicionarPTop{
float: right;
width: fit-content;
background: #006aff;
font-weight: 500;
text-transform: uppercase;
border-bottom: 3px solid #ff5400;
}

.BotaoAdicionarPFixo{
background: #006aff;
font-weight: 500;
text-transform: uppercase;
position: fixed;
left: 50%;
bottom: 5%;
z-index: 99;
transform: translateX(-50%);
width: 146px;
box-shadow: 0 3px 15px black;
border-bottom: 3px solid #ff5400;
}

.tabelaComparador table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}

.tabelaComparadorTable{
background: #ffffffa3;
border-bottom: 1px solid silver;
}

.tabelaComparadorHead{

}

.tabelaComparador th:not(:first-child) {
border-left:1px solid silver;
}

.tabelaComparador table a {
display: block;
color: navy;
}

.BotaoRemoverParametro{
float: left;
border-bottom: 3px solid red;
font-weight:500;
background: none;
margin: -2px 0 2px;
padding: 2px 4px;
color:black;
}

.BotaoTrocarProduto{
width: fit-content;
float: right;
border-bottom: 3px solid #006aff;
font-weight: 500;
background: none;
margin: -2px 0 2px;
padding: 2px 4px;
color:black;
}

.NossaDica{
width: 100%;
color: white;
display: inline-block;
font-size: 12px;
line-height: 20px;
font-weight: 500;
}

.headerComparadorImgTitulo{
background: white;
}

.tabelaItemTitulo{
border-bottom: 3px solid;
width: fit-content;
margin: auto;
padding: 4px;
font-size: 14px;
line-height: 18px;
position: relative;
font-weight: 500;
}

.tabelaItemImagem{
display: block;
margin: auto;
position: relative;
max-height: 80px;
padding-top: 5px;
}

.tabelaComparadorModelosTitulo{
border-top: 1px solid silver;
}

.fixed-header {
position: fixed;
top: 40px;
z-index: 9; /* Garantir que o cabeçalho fique acima de outros elementos */
background-color: white; /* Garantir que o fundo seja visível */
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.tabelaComparadorSpecTitulo{
text-align:center;
}

.tabelaComparadorSpecTxt{
position: sticky;
left: 0;
margin: auto;
padding: 4px;
font-weight: 500;
}

.tabelaComparador th,.tabelaComparador td {
padding: 6px 9px;
background: white;
}

.tabelaComparadorSpecTd{
padding: 6px 0 3px;
background: none !important;
color: #370b50;
}

.tabelaComparador th {
min-width: 143px;
text-align: center;
border: 0;
}

.tabelaComparador th a{

}

.NoteAtualImgTitulo{
margin: 3px;
min-height: 165px;
}

.tabelaComparador tbody tr {
	  
}

.tabelaComparador tbody:nth-child(even) {

}

.tabelaComparador tbody:nth-child(odd) {

}

.tabelaComparador tbody:nth-child(even) tr:first-child {
background: none;
}

.tabelaComparador tbody:nth-child(odd) tr:first-child {

}

.tabelaComparador tbody tr td:not(:first-child) {
border-left:1px solid silver;
}

.tabelaComparador tbody:hover {
background: rgba(0,0,255,0.2);
cursor: pointer;
}

.tabelaComparador0 td:first-child, .tabelaComparador0 th:first-child {
position:sticky;
left:0;
z-index:1;
/* background: #cae1ff; */
background-clip: padding-box;
}

.tabelaComparador0 tr:nth-child(odd) td:first-child {
background: #eef5fb;
}

.tabelaComparador0 th:first-child {
width: 94px;
min-width: 94px;
}

.tabelaComparador td:nth-child(2),.tabelaComparador th:nth-child(2)  {

z-index:1;
background-clip: padding-box;
}

.BarraDesempenho{
width: 100%;
background: linear-gradient(to right, red 0, orange 20%, #a3ff00 40%, #00fff3 60%, #00b7ff 80%, #8b00ff 100%);
height: 12px;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.BarraPontos{
height: 100%;
background: #ddd;
position: absolute;
top: 0;
right: 0;
}

.botaoAmazonCompara{
display: block;
background: linear-gradient(to right, #000428, #004e92);
}

.linkAmazonCompara{
height: 28px;
margin: auto;
box-shadow: none;
padding: 5px 10px;
}

.imgAmazonCompara{
max-width: 140px;
margin: auto;
display: block;
padding: 5px;
}

.ComparadorAvisoPreco{
font-size: 11px;
background: rgba(0,0,255,0.1);
padding: 1%;
width: fit-content;
margin: 10px auto;
text-align: center;
}

.TabelaResumo{
padding: 1%;
margin:1%;
border: 5px solid navy;
background:white;
}

.TabelaResumo h4{
display: block;
width: fit-content;
background:navy;
color: white;
padding: 15px 10px;
margin: 0 0 15px;
}

.TabelaDivImgResumo{
float:left;
width: fit-content;
}

.TabelaImgResumo{

}

.TabelaTextoResumo{
display:inline-block;	
margin: 10px;
}

.BotoesItemResumo{
display: inline-block;
width: 100%;
}

.LinkIndicado{
width: 48%;
float: left;
padding: 0px;
margin: 0 1%;
}

.BtIndicadoCompraAmazon{
width: 48%;
float: left;
margin: 0 1%;
text-align: center;
}
.BtIndicadoCompraAmazon .botaoAmazonficha a{
max-width: 100%;
height: auto;
}

.SpecProduto{
border:1px solid; padding:0 2px;display: inline-block;margin-bottom: 1px;
}

.SpecInfo{
display: block;width: 100%;padding: 5px;border: 1px solid navy;margin: 0 1%;border-left: 0;  border-right: 0;border-top: 0;
}

.SugestoesComparacao{
border-top: 5px solid navy;
padding-bottom: 1%;
background:#ffffffc4;
}

.SugestoesComparacao h2{
margin: 2%;
font-size: 23px;
text-align: center;
}

.SugestoesLight{
text-align: center;
display: inline-block;
padding: 1%;
}

.CarrosselCompara{
text-align: center;
display: inline-block;
padding: 1%;
background: linear-gradient(to bottom, #000 0%, #0058ff 150%);
width: 98%;
}

.LinkSugestoesCompara{
border: 2px solid;
display: block;
width: 96%;
margin: 1.66%;
background: white;
color: navy;
}

.LinksLight{

}

.LinkSugestoesCompara:hover{
color:#4d90fe;
}

.LinkSugestoesCompara h4{
margin: 0%;
font-size: 16px;
border-bottom: 3px solid #ffc62e;
display: inline-block;
width: 98%;
padding: 1%;
background: navy;
color: white;
}

.DivSugestoesCompara{
color: black;
width: 100%;
display: inline-block;
overflow: hidden;
}

.ModeloSugestoesCompara{
width: 30%;
margin: 1.5%;
float: left;
}

.ImgModeloSugestoesCompara{
height: auto;float: left;width: 110px;background: white;position: relative;
}

.ImgModeloSugestoesCompara img{
max-width: 110px;max-height: 70px;
}

.LinkComparador{
padding: 0 3%;
margin: 2% auto;
display: inline-block;
width: fit-content;
background: #006aff;
font-weight: 600;
text-transform: uppercase;
border-bottom: 3px solid #ff5400;
}

.ProdutoIndisponivel{
position: absolute;
bottom: -8px;
background: #00000070;
left: 50%;
color: white;
padding: 0 3px;
font-size: 9px;
transform: translateX(-50%);
line-height: 15px;
width: 100%;
}

.SpecsModeloCompara{
line-height: 15px;
font-size: 11px;
font-weight: 600;
}

.InfosModeloSugestoesCompara{
font-size: 10px; display: contents;
}

.ImagemNotebookSimilar{
margin: auto;
display: block;
max-height: 128px;
min-height: 126px;
padding: 4%;
background: white;
width: auto;
}

 .ImagemNotebookSimilar img{
 }

 .SpecPior{
 float:left;
 margin-right: 5px;
 filter: hue-rotate(150deg);
 }

 .SpecMelhor{
 float:left;
 margin-right: 5px;
 filter: hue-rotate(-60deg);
 }

 .SpecIgual{
 float:left;
 margin-right: 5px;
 color: white;
 border: 1px solid black;
 padding: 0 3px;
 background: #0078d7;
 font-weight: 500;
 }

 .ValorCompraAmazonRel p{
 display:none;
}

 .ValorCompraAmazonRel .amz-precoatual:after {
  content: "*";
}

.ValorCompraAmazonRel2:after {
  content: "**";
}

.ValorCompraAmazonRel .amz-seloprime{
display:none;
 }

.BotaoNoteSimilar{
 display: block;
 font-weight: 500;
 text-align: center;
 border: 0px solid;
 padding: 7px;
 background: linear-gradient(-45deg, #223184, #00b7ff);
 color: white !important;
 }

 .tabelaComparativaLegenda{
color: black;
padding: 1% 2%;
display: block;
max-width: 93%;
margin: auto;
margin-left: 50px;
}

.tabelaComparativaLegenda2{
display:none;
color: black;
padding: 1% 2%;
max-width: 93%;
margin: auto;
margin-left: 50px;
}

.mostrar{
display:block;
}

.BotaoMaisRelacionados{
 text-transform: uppercase;
 padding: 12px;
 display: inline-block;
 margin: 4% auto 0;
 background: #ff3c00;
 color: white;
 width: fit-content;
 outline: 5px dashed #0064ff;
 font-size: 150%;
 text-shadow: 0px 0px 5px black;
 }

 .raxo-note{
 float: left;
 transform: rotate(-1deg);
 background: #ffe300;
 margin: 0 1%;
 width: 31%;
 }

 .FichaReviewDimg{
 width: 100%;
 padding: 4%;
 background: #38135e;
 transform: rotate(1deg);
 margin: 0%;
 position: relative;
 }

 /* Outros */div.itemExtraFields ul li span.itemExtraFieldsLabel {
   display: contents;
 }

 /* CSS para até 1024px */@media (max-width:900px){
/* Busca Menu */
.modnote{
width: 47%;
margin: 1% 1.5% 3%;
}

.CatNotebookItemFundo{
width: 47%;
margin: 1% 1.5% 3%;
}

.CatNoticiaItemFundo{
width: 47%;
margin: 1% 1.5% 3%;
}


.ModNoteCBDestaque h3 {
  font-size: 22px;
}

.TituloItemModNoteDestaque {
  font-size: 16px;
}

.dropdown, .ddwndisabled {

}
.NotesDestaqueCapa{

}

/* Definir para text-align: inherit; se usar position Sticky */
.tabelaComparadorSpecTitulo{

}

}

.QuadroDesempenho{
background:linear-gradient(105deg, #000,#680dc4);
padding:0%;
margin:5% 1%;
width: 98%;
box-shadow: 10px 10px 30px -10px black;
display: grid;
}

.QDTitulo{
font-size: 18px;
padding:2% 2% 0;
margin:0 1%;
}

.QDCampos{
padding:2% 2% 0;
display: flex;
flex-wrap: wrap;
}

.QDCampo{
flex:98%;
padding:0 1%;
}

.QDResumo{
display: flex;
flex-wrap: wrap;
padding:2% 2% 0;
background:white;
color: black;
}

/* CSS para até 1200px */@media (max-width:1200px){

.QuadroPrincipal{
grid-template-columns: 40% 57%;
column-gap: 3%;
}
	
.BuscaMenuForm{
width: 200px;
}
 .ModBusca{
width: 44%;
margin: 1% 3% 3%;
}

.DivModBusca{
height: 492px;
}

.PaginaBusca{
width: 94%;
}

.PaginaBusca .DivModBusca{
height: 270px;
}

.BlocoBusca p{
display:none;
}

.modnote{
width: 44%;
margin: 1% 3% 3%;
max-height: 498px;
min-width: auto;
}

.CatNotebookItemFundoOld{
width: 31%;
margin: 1% 1%;
max-height: 498px;
min-width: auto;
}

.CatNoticiaItemFundo{
width: 31%;
margin: 1% 1%;
max-height: 498px;
min-width: auto;
}

.CatNoteImg{
max-height: 50%;
}

.ModNoteCBDestaque{
height: auto;
}

.ModQueroComprarPC{
float: left !important;
width: 90%;
margin: 1% 3% 5%;
max-height: 100%;
height: auto;
}

.ModQueroComprarPC .ModNoteCBDestaque{
height: auto;
max-height: 100%;
}

.sanfona-div{
max-height:100%;
}

.sanfona{
margin: 1% 2% 3% 0;
}

.painelint {
margin-bottom: 3%;
}

.acnotevbotao{
width: calc(47% - 4px);
}

.LinkMarcaNotes{
width: 8%;
margin: 0 3%;
}

.LinkMarcaNotesNM .ImgMarcaNotes{
height: 18px;
}

.IMNb{
height: 24px;
margin-top: -4px;
}

.ImgMarcaNotes{
height: 30px;
}

.UltimasNoticias{
width: 96% !important;
}

.ModNoteSuperOferta{
margin: 2% 5% 0;
float: left;
max-width: 40%;
}
.ItemModNoteSuperOferta{
height: 330px;
}
.NoticiaDestaque1{
float: left;
height: auto;
width: 40%;
margin: 2% 5% 0;
}

.CategoriaModuloNews1{
position: absolute;
top: 3%;
right: 2.5%;
padding: 1% 2%;
font-weight: 600;
}
.DivImgInfosModuloNews1{
border: 5px solid #006aff;
max-height: 334px;
}
.DivImgModuloNews1{
float: none;
width: 100%;
height: 200px;
}
.ImgModuloNews1{
height: 100%;
width: 100%;
object-fit: cover;
}
.TituloItemModuloNews1{
float: none;
width: 100%;
margin: 0% 0%;
height: 144px;
display: inline-block;
position: relative;
padding: 2%;
box-sizing: border-box;
border: 0;
}
.TituloItemModNews1{
margin: 2%;
float: none;
border-bottom: 5px solid #006aff;
display: block;
padding: 1% 0;
width: fit-content;
}
.SubTituloItemModNews1 {
margin: 0% -2% 1%;
padding: 2% 4% 0;
height: 74px;
}

.tabelaComparativa table {
table-layout: auto;
}

.TituloProduto{
padding: 3% 5% 2%;
}

.TituloProduto h2{
font-size: 24px;
}

.TituloProduto h2 span{
display: inline-block;
margin-left: 10px;
}

.PanProduto{
padding: 0 3% 3%;
max-width: 100%;
}

.ResumoPrecoFundo{
width: 98%;
margin: 1% 1% 0;
}

.DivValor, .DivCompra{
float: left;
width: 48%;
margin: 1%;
}

.BotaoCompraAmazon{
float: none;
width: fit-content;
margin: auto;
}

.ValorCompraAmazon{
font-weight: 700;
font-size: 200%;
list-style-type: none;
display: table;
}

.raxo-note{
float: none;
width: 92%;
margin: 2% 4%;
}

.DivProdutoVideo{
float: left;
min-width: 48%;
margin: 0% auto 0;
}

.itemVideoBlocoFundo {
max-width:94%;
}

.DivProdutoHistorico{
min-width: 48%;
margin: 1% 1% 0;
}

}

.categorias-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
background: #62106270;
padding: 2% 1%;
}

.categorias-container {
display: block;
width: 98%;
}

.categoria {
aspect-ratio: 4 / 3;
text-align: center;
text-decoration: none;
display: block;
color: white;
font-size: 18px;
font-weight: bold;
overflow: hidden;
float: left;
width: calc(100% / 6);
position: relative;
}

.BotaoEstudos{
background: url('https://www.dicadepc.com.br/images/bg_estudos.webp'), radial-gradient(#dd15fd, #02001e);background-size: cover;}
.BotaoTrabalho{
background: url('https://www.dicadepc.com.br/images/bg_office.webp'), radial-gradient(#4180ed, #33c581);background-size: cover;}
.BotaoDesign{
background: url('https://www.dicadepc.com.br/images/bg_design.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.webp'), radial-gradient(#cd4577, #110d9b);background-size: cover;}
.BotaoGamer{
background: url('https://www.dicadepc.com.br/images/bg_gamer.webp'), radial-gradient(#476fa8, #0d0b55);background-size: cover;}
.BotaoProg{
background: url('https://www.dicadepc.com.br/images/bg_prog.webp'), radial-gradient(#0a5b2e, black);background-size: cover;}

.categoria img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta a imagem ao botão */
}

.categoria .texto {
z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@media (max-width: 1200px) {
    .categoria {
	font-size: 13px;
    line-height: 16px;
	font-weight: 500;
    float: left;
    display: block;
    width: calc(100% /6);
    }
	.categoria .texto {
	top: 50%;
	left: 33%;
	transform: translate(-25%, -50%);
	}
}

/* Efeito de hover e focus */
.categoria:hover,
.categoria:focus {
    transform: scale(1.05); /* Leve aumento do tamanho */
    filter: brightness(85%); /* Tornar a imagem um pouco mais escura */
	z-index:9;
}
.navegacao {
	display:none;
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    color: white;
}

.esquerda {
    left: 10px;
}

.direita {
    right: 10px;
}