/*Este CSS é feito para ser utilizado apenas para
funções do site, o que significa que alterações
de temas NÃO DEVEM SER INSERIDAS AQUI.
*/

/* Lazy Load do plugin Litespeed */
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity 0.5s linear 0.2s;
	-moz-transition: opacity 0.5s linear 0.2s;
	transition: opacity 0.5s linear 0.2s;
	  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=1);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
	opacity: 1;
}

.espacoheading {
    margin: 30px 0 10px 0;
}


.topodotopopomaster .g-fixed-container { width: 100%; }

.ebookgratis { display: inline-block !important;
    width: inherit;  
    text-align: center !important;
    margin: auto !important;
    padding: 4px 2px 0 2px !important;
    background-color: #fff !important;
    overflow: hidden !important;
    0px 0px 57px 0px rgba(0, 0, 0, 0.11) !important: ;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11) !important;
    -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.3) !important;
	}



/* Grade de itens - homepage */
.globallink a { color: #0099ff !important; }
.globallink a:hover { color: #f00 !important; }

.intropersonalizada .g-content { margin: 0.2rem 0.25rem !important; padding: 0.2rem 0.938rem !important; }

.homeitemsclassifieds .rtcl-excerpt, .homeitemsclassifieds .rtcl-listing-meta-data {
    display: none;
}
.homeitemsclassifieds .rtcl .rtcl-listings .listing-item .listing-title {
    font-size: 15px;
    line-height: normal;
	margin: 0 0 5px;
}
.homeitemsclassifieds .item-content .rtcl-price-wrap {
    margin-top: 2px;
    display: inline-grid;
}
.homeitemsclassifieds .rtcl .rtcl-list-view .listing-item .item-content {  padding: 0 0 0 10px; }
.homeitemsclassifieds .rtcl-price {
    font-size: 18px;
	line-height: 18px;
}
	
.homeitemsclassifieds .rtcl .rtcl-list-view .listing-item {
    margin-bottom: 7px;
    padding: 15px;
}
.homeitemsclassifieds .rtcl .rtcl-listing-badge-wrap {
    display: inline-grid;
	margin: 2px 0;
}

.homeitemsclassifieds .listing-title rtcl-listing-title {
    padding: 11px 15px 2px 15px  !important;	
}

@media screen and (max-width: 350px) {
.homeitemsclassifiedsgrid .rtcl .rtcl-listings {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 0px;
}
}
@media screen and (min-width: 351px) and (max-width: 512px) {
.homeitemsclassifiedsgrid .rtcl .rtcl-listings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 0px;
}
}
@media screen and (min-width: 513px) {
.homeitemsclassifiedsgrid .rtcl .rtcl-listings {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 0px;
}
}

/**/


/* AD */
.inarticlead { border: none }

/* ADSENSE, HOTMART, BANNERS RESPONSIVOS */
/* ADSENSE - SMALLER BANNER - AFTERBURNER */
 @media screen and (max-width: 959px) {
     .onoffinsidecontent3 {
         display: none;
    }
     .onoffinsidecontent4 {
         float: none;
         width: 100%;
         display: inline-block;
    }
	 .cryptotopodotopomaster {
     display:table;
     margin:auto;
    }	
     .onoffinsidecontent4:hover {
        -webkit-filter: brightness(110%);
    }
}
 @media screen and (min-width: 960px) {
     .onoffinsidecontent4 {
         display: none;
    }
     .onoffinsidecontent3 {
         float: none;
         width: 100%;
         display: inline-block;
    }
     .onoffinsidecontent3:hover {
        -webkit-filter: brightness(110%);
    }
}
/* Adsense that appears inside stuff */
 #adsensestuff {
     display:block !important;
     margin: 10px auto 1px auto !important;
     z-index:999 !important 
}
 #showhide {
     display: none 
}
 #creditloan {
     border: solid 1px #00b9e4;
}
 @media screen and (max-width: 399px) {
     #afiliadoclassificado1 {
         display:block 
    }
     #afiliadoclassificado2 {
         display: none 
    }
}
 @media screen and (min-width: 400px) {
     #afiliadoclassificado1 {
         display: none 
    }
     #afiliadoclassificado2 {
         display:block 
    }
}
/* TOPO */
/* topotexto */

.calltoactioncontent a {  color: #006 !important; font-weight: bold !important; }
.calltoactioncontent a:hover {  color: #b00000 !important; }
.calltoactioncontent a.cainverted {  color: #b00000 !important; font-weight: normal !important; }
.calltoactioncontent a.cainverted:hover {  color: #006 !important; }

@media screen and (max-width: 599px) {
     .topotexto {  margin: 12px auto; font-size:11px; width:inherit;    }
	 .topotexto2 { font-size:11px; }
	 	  .whitespacenowrap {  display: inline-block;  }

	 .cryptotopodotopomastermaster2 { display: table; margin:auto; text-align:center  }
     .cryptotopodotopomastermaster1 { display: none   }
	 
	 
	 .calltoactioncontent1 {  display: inline-block;  text-align: center;  margin: 1rem auto 0.1rem auto;  }
 .calltoactionword1, .calltoactionword2 {     margin: 0.25rem 0 0.1rem !important;  display: inline-flex; justify-content: start;  align-content: start;  }
	 
	 
	 
}
 @media screen and (min-width: 600px) and (max-width: 899px) {
      .topotexto {  margin: 12px auto; font-size:11px; width:inherit;  }
   	  .topotexto2 { font-size:12px;}
	  	 	  .whitespacenowrap {  display: inline-block;  }

      .cryptotopodotopomastermaster2 { font-size: 12px; display: table; margin: auto; text-align:center   }
     .cryptotopodotopomastermaster1 { display: none  }
}


@media screen and (max-width: 399px) {
 .calltoactioncontent1 {  display: table;  text-align: center;  margin: 1rem auto 0.1rem auto;  }
 .calltoactionword1, .calltoactionword2 {     margin: 0.5rem 0 0.1rem !important;  display: block;  }
 .calltoactioncontent2 {display: none }
	}
 @media screen and (min-width: 400px) and (max-width: 767px) {
 .calltoactioncontent1 {  display: inline-block;  text-align: center;  margin: 1rem auto 0.1rem auto;  }
 .calltoactionword1, .calltoactionword2 {     margin: 0.5rem 0 0.1rem !important;  display: inline-flex; justify-content: start;  align-content: start;  }
  .buttoncalltoaction { margin-top:0.5rem }

 .calltoactioncontent2 {display: none }
 
	}	

@media screen and (max-width: 767px) {	 .socialresponsive { display: table }
      .topotexto {      margin: 5px auto 0 auto; font-size:11px; width:inherit;  }
   	  .topotexto2 {     margin: 0 auto;   font-size: 12px; }
	  .whitespacenowrap {  display: inline-block;  }
      .cryptotopodotopomastermaster2 { font-size: 12px; display: table; margin: auto; text-align:center   }
     .cryptotopodotopomastermaster1 { display: none  }
#logoresponsivoid { display: table; }
#logoid { display: none }
#logotwo { margin:auto } 
#sociallinksmobile .g-content { display:inherit; margin:auto }
  }
@media screen and (min-width: 768px) {	 .socialresponsive { display: none }
      .topotexto {  margin:12px auto 0 auto; font-size:11px; width:inherit;  }
   	  .topotexto2 { margin:12px auto 0 auto; display: none; font-size:12px; }
      .cryptotopodotopomastermaster2 { font-size: 12px; display: none; margin: auto; text-align:center   }
     .cryptotopodotopomastermaster1 { display: table  }
#logoresponsivoid { display: none }
#logoid { display: table }
#sociallinksmobile .g-content { display:none }
 
.calltoactioncontent1 {display: none }
 .calltoactioncontent2 {  display: table;  text-align: center;  margin: 0 auto 0 auto;  }
 .calltoactionword3, .calltoactionword4 {    /* margin: 0 0 0.1rem !important; */  display: block; }
 .buttoncalltoaction { margin-top:0.5rem }
}

 @media screen and (min-width: 900px) {
     .topotexto {
         margin:auto;
         display:table;
         width:inherit 
    }
     .cryptotopodotopomastermaster1 {
         font-size:0.8em;
         display:block 
    }
     .cryptotopodotopomastermaster2 {
         display: none 
    }
	 .cryptotopodotopomaster {
     display:table;
     margin: 6px auto;
}
}
 .cryptotopodotopomastermaster {
     position:relative !important;
}
 .cryptotopodotopomastercontent {
     margin: 0 2px 0 2px;
}
 .cryptotopodotopomastercontentarrow {
     color: #999;
     margin: 0 8px 0 2px;
}

.cryptotopodotopomastermaster .cryptotopodotopomastersub {
display: flex;
    justify-content: center;
    align-items: center;
}

/*https://stackoverflow.com/questions/25311541/how-to-vertically-align-text-inside-a-flexbox*/
.cryptotopodotopomastermaster .social-left {   display: flex; float: left; align-items: center; }
.cryptotopodotopomastermaster .social-right {   display: flex; float: left; margin-left: 20px; align-items: center;  }

.cryptotopodotopomastermaster .topmenucolora1 { color: #023350 !important;  }
.cryptotopodotopomastermaster .topmenucolora11 { color: #B00 !important; }

.cryptotopodotopomastermaster a.topmenucolora2 { color: #B00 !important;  }
.cryptotopodotopomastermaster a.topmenucolora2:hover { color: #023350  !important; }
.cryptotopodotopomastermaster a.topmenucolora3 { color: #B00  !important; }
.cryptotopodotopomastermaster a.topmenucolora3:hover { color: #023350 !important; }

.cryptotopodotopomastermaster .topmenuinitialspace { margin-left:20px }
.cryptotopodotopomastermaster .topmenusecondspace { margin-left:7px }
.cryptotopodotopomastermaster .topmenuthirdspace { margin-left:2px }



/* POLYLANG - Seleção de idiomas */
 .lang-item {
     list-style: none;
     display: inline;
     padding-left: 4px;
}
 .dioma {
     margin-left:3em;
     display:table;
     float:right
}
/*.dioma ul.polylang_langswitcher {
     margin-left: 1.5rem;
     padding: 0;
     margin-top: 0;
     margin-bottom: 0;
}
*/
 .dioma .polylang_langswitcher {
     padding: 0;
     margin-top: 0;
     margin-bottom: 0;
}
 .topodotopopomaster .topocssbloco, .topodotopopomaster .g-content,.topodotopo .g-content {
     margin:0 !important;
     padding:0 !important;
     width:100% !important;
}
 .topodotopo {
     background: rgba(255, 255, 255, 0.94) !important;
     -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11) !important;
     box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11) !important;
	 
	      -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11),  0 1px 2px rgba(0, 0, 0, 0.3) !important;
     box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.3) !important;


/*     -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11),  0 1px 2px rgba(0, 0, 0, 0.3) !important;
     box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.3) !important; */

	 
	 
}
/* COLABORADOR */
 .caixatopo {
     float: right;
     clear: right;
     display: inline-block;
     background-color: #f3f3f3;
     margin:0.5rem 0 0 0;
     padding: 5px 5px ;
     border-left: solid 10px #f8c300;
     border-radius: 4px !important;
     -moz-border-radius: 4px !important;
     -webkit-border-radius: 4px !important;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
 .caixatopotexto {
     text-align: center;
     line-height:normal;
	 display:table-cell
}
 a.caixatopolink {
     color: #fff !important;
}
 a:hover.caixatopolink {
     color:#F9F9F9 !important;
}
 a:active.caixatopolink {
     position:relative !important;
     top:1px;
     color: #fff !important;
}
 #mariocoin {
     bottom: 0;
     left: 0;
     float:left;
     background-image:url(/wp-content/imagenspersonalizadas/mario-coin-custom.gif);
     background-repeat: no-repeat;
     display: inline-block;
     cursor: pointer;
     width: 94px;
     height: 112px;
     background-size: 60px 84px;
     background-color:transparent;
     transition: all .1s ease-out;
}
 #mariocoin:hover {
     background-image:url(/wp-content/imagenspersonalizadas/mario-jumping.png);
     background-repeat: no-repeat;
     display: inline-block;
     cursor: pointer;
     background-size: 90px 112px;
     position:relative;
     bottom: 0px;
     left: 0px;
     position:relative;
    /* animation: wahooMario 0.12s linear 1;
     */
}
 @keyframes wahooMario {
     0%, 100% {
         transform: translate(-50%, 50%);
    }
     100% {
         transform: translate(0%, 0%);
    }
}
 #mariocoin:active {
     background-image:url(/wp-content/imagenspersonalizadas/mario-jumping.png);
     bottom:3px;
     bottom: 15px;
     left: 10px;
}
/* Anti-bloqueador de anúncios */
/* botões de compartilhamento */
 .ui-dialog .the_champ_sharing_title, .ui-dialog .the_champ_sharing_ul {
     display: none;
}
 .the_champ_sharing_title {
     display: table;
     float: left;
}
 ul.the_champ_sharing_ul, ul.heateor_ss_follow_ul {
     display: contents;
}
/* Grupos e páginas */
 .gruposepaginasmain .icon{
     background: #aaa;
     display: inline-block;
     float: left;
     color: white;
     font-size: 16px;
     margin-left: 5px;
     text-align: center;
     width: 33px;
     height: 33px;
     border-radius: 50%;
     text-shadow: 0 0 3px rgba(0,0,0,0.2);
     display: table;
}
 .gruposepaginasmain .icon i{
     display: table-cell;
     vertical-align: middle;
}
 .gruposepaginasmain{
     text-decoration: none;
     display: inline-block;
     padding: 3px 0;
     text-align: left;
     transition: all 0.2s ease;
     border-left: solid 6px transparent;
}
 a.gruposepaginasmain {
     width: 100%;
     color: #5d5d5d;
     font-size: 14px;
     font-weight: 500;
     border-left: solid 6px #ffcc29;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     background: #fff;
}
 .gruposepaginasmain:hover{
     transform: scale(1.065);
     border-left: solid 6px #ffffff;
     box-shadow: 0px 1px 3px #0003;
     background: #ffcc29;
     color: #000;
}
 .gruposepaginasmain p{
     display: table;
     font-size: 0.93em;
     font-weight:500;
     margin: 1px 10px;
     padding: 2px 5px;
}
 .gruposepaginasdiscord .icon{
    background:#7289da;
}
 .gruposepaginasdiscord .icon i{
    padding-top:2px;
     background-image:url(/wp-content/imagenspersonalizadas/discord-icon.svg);
     background-size: 18px;
     background-repeat: no-repeat;
     background-position: center;
}
 .gruposepaginasfacebook .icon{
    background:#3b5999;
}
 .gruposepaginasfacebook .icon i{
    padding-top:2px;
}
 .gruposepaginasyoutube .icon{
    background:#c4302b;
}
 .gruposepaginasyoutube .icon i{
    padding-top:2px;
}
/* Grupos e páginas barra lateral */
 #sociallateral1, #sociallateral2 {
     margin: 0;
     padding: 0;
}
 #sociallateral1 {
     float:left;
     width:49%;
}
 #sociallateral2 {
     float:right;
     width:48.5%;
}
 .sociallateral .g-content {
     margin: 0 !important;
     padding: 0 !important;
}
 .gruposepaginasmainlateral .iconlateral{
     background: #aaa;
     display: inline-block;
     float: left;
     color: white;
     font-size: 12px;
     margin-left: 5px;
     text-align: center;
     width: 21px;
     height: 21px;
     border-radius: 50%;
     text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
     display: table;
}
 .gruposepaginasmainlateral .iconlateral i{
     display: table-cell;
     vertical-align: middle;
}
 .gruposepaginasmainlateral{
     text-decoration: none;
     display: inline-block;
     padding: 3px 0;
     text-align: left;
     transition: all 0.2s ease;
     border-left: solid 6px transparent;
}
 a.gruposepaginasmainlateral {
     width: 100%;
     color: #5d5d5d;
     font-size: 14px;
     font-weight: 500;
     border-left: solid 6px #1567d8;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
     background: #F6F6F6;
}
 .gruposepaginasmainlateral:hover{
     transform: scale(1.065);
     border-left: solid 6px #ffffff;
     box-shadow: 0px 1px 3px #0003;
     background: #ffcc29;
     color: #000;
}
 .gruposepaginasmainlateral p{
     display: table;
     font-size: 1.1vw;
     font-weight: 500;
     margin: 0 7px;
     padding: 0 5px;
}
 .gruposepaginasdiscordlateral .iconlateral{
    background:#7289da;
}
 .gruposepaginasdiscordlateral .iconlateral i{
    padding-top:2px;
     background-image:url(/wp-content/imagenspersonalizadas/discord-icon.svg);
     background-size: 17px;
     background-repeat: no-repeat;
     background-position: center;
}

 .gruposepaginasfacebooklateral .iconlateral{
    background:#3b5999;
}
 .gruposepaginasfacebooklateral .iconlateral i{
    padding-top:2px;
}
 .gruposepaginasyoutubelateral .iconlateral{
    background:#c4302b;
}
 .gruposepaginasyoutubelateral .iconlateral i{
    padding-top:2px;
}
 .gruposepaginasmainlateral .iconlateral2{
     display: inline-block;
     float: left;
     font-size: 12px;
     margin-left: 5px;
     text-align: center;
     width: 21px;
     height: 21px;
     border-radius: 50%;
     text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
     display: table;
}
 .gruposepaginasmainlateral .iconlateral2 i{
     display: table-cell;
     vertical-align: middle;
}
 .gruposepaginasfacebooklateral2 .iconlateral2{
    background:#fff;
     border:solid 1px #3b5999;
}
 .gruposepaginasfacebooklateral2 .iconlateral2 i{
    color:#3b5999;
     padding-top:2px;
}
 .gruposepaginasyoutubelateral2 .iconlateral2{
    background:#fff;
     border:solid 1px #c4302b;
}
 .gruposepaginasyoutubelateral2 .iconlateral2 i{
    color:#c4302b;
     padding-top:2px;
}
 .intropersonalizada a.gruposepaginasmainlateral {
     background: transparent !important;
     box-shadow: none !important 
}
 .intropersonalizada .gruposepaginasmainlateral:hover{
     background: #ffcc29 !important;
}
 .intropersonalizada .sociallateral .g-content {
     margin: 0 1rem !important;
}











/* Banner inarticle */
#ebookgrmd { font-family: Helvetica !important; }
#ebookgrmd .titleinarticle a { font-weight: bold !important; font-size:25px!important; color: #000 !important; }
.descriptioninarticle {
    font-family: helvetica !important;
    color: #3a3a3a !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
#ebookgrmd a {font-size:18px !important; }
.elementor-element-populated { padding: 0 8px }
@media all{
.elementor-clearfix:after{content:"";display:block;clear:both;width:0;height:0;}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box;}
.elementor a{box-shadow:none;text-decoration:none;}
.elementor img{height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none;}
.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-self:var(--align-self);}
.elementor-element:where(.e-con-full,.elementor-widget){flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);gap:var(--gap);}
.elementor-section{position:relative;}
.elementor-section .elementor-container{display:flex;margin-right:auto;margin-left:auto;position:relative; padding: 10px 0;}
@media (max-width:1024px){
.elementor-section .elementor-container{flex-wrap:wrap;}
}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px;}
.elementor-row{width:100%;display:flex;}
@media (max-width:1024px){
.elementor-row{flex-wrap:wrap;}
}
.elementor-widget-wrap{position:relative;width:100%;flex-wrap:wrap;align-content:flex-start;}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex;}
.elementor-widget-wrap>.elementor-element{width:100%;}
.elementor-widget{position:relative;}
.elementor-widget:not(:last-child){margin-bottom:20px;}
.elementor-column{position:relative;min-height:1px;display:flex;}
.elementor-column-wrap{width:100%;position:relative;display:flex;}
@media (min-width:768px){
.elementor-column.elementor-col-50{width:25%;}
.elementor-column.elementor-col-51{width:74%;}
.elementor-column.elementor-col-100{width:100%;}
}
@media (max-width:767px){
.elementor-column{width:100%;}
}
.elementor-element .elementor-widget-container{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);}
.elementor-element{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px;}
@media (max-width:767px){
.elementor .elementor-hidden-phone{display: none;}
}
@media (min-width:768px) and (max-width:1024px){
.elementor .elementor-hidden-tablet{display: none;}
}
@media (min-width:1025px) and (max-width:99999px){
.elementor .elementor-hidden-desktop{display: none;}
}
.elementor-heading-title{ padding: 3px 0 !important; margin:0;line-height:1;}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit;}
.elementor-widget-image{text-align:center;}
.elementor-widget-image a{display:inline-block;}
.elementor-widget-image img{vertical-align:middle;display:inline-block;}
}

.elementor-83032 .elementor-element.elementor-element-2d8a9105 {
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: #2f4468;
    box-shadow: 0 0 10px 0 rgba(168,168,168,.5);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}





/* Banner inarticle */
@media (max-width: 450px){
.responsive-banner {
width: 100%;
margin: 10px 0 21px 0;
}
.banner-description {/*width:70%;
  height:127px; */
  display:block; align-items: center;
  
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  overflow: hidden;
}
.banner-description-2 {
padding: 3px 5px;
max-height: 110px;
}
.banner-title {
    text-shadow: #000 0px 0px 1px;
	line-height: inherit;
    font-family: "Roboto","Arial",sans-serif;
    font-weight: bold;
    text-shadow: #000 0px 0px 1px;
    color: #000;
}
.banner-txt {    font-family: "Roboto","Arial",sans-serif;
    font-size: 0.81rem;
    color: #000;
}
.responsivebannerwrapper:hover #responsivebannerhideme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme1 { display: block;}
.responsivebannerwrapper #responsivebannershowme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannerhideme2 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme2 { display: block; }
.responsivebannerwrapper #responsivebannershowme2 { display: none; }

#banneryoutube1 {
bottom: 0;
    left: 0;
    display: block;
    height: 138px;
    background-position: top center;
    background-size: contain;
	}
#banneryoutube12 {
bottom: 0;
    left: 0;
    display: block;
    height: 138px;
    background-position: top center;
    background-size: contain;
	}
#banneryoutube2 {
bottom: 0;
    left: 0;
    display: block;
    height: 138px;
    background-position: top center;
    background-size: contain;
	}
#banneryoutube22{
bottom: 0;
    left: 0;
    display: block;
    height: 138px;
    background-position: top center;
    background-size: contain;
	}
}

@media only screen and (min-width: 451px) and (max-width: 1199px)  {
.responsive-banner {
width: 100%;
    height: 115px;
    margin: 10px;
}
.banner-description {/*width:70%;
  height:127px; */
  display:flex; align-items: center;
}
.banner-description-2 {
padding: 3px 5px;
max-height: 110px;
}
.banner-title {
    text-shadow: #000 0px 0px 1px;
	line-height: inherit;
    font-family: "Roboto","Arial",sans-serif;
    font-weight: bold;
    text-shadow: #000 0px 0px 1px;
    color: #000;
}
.banner-txt {    font-family: "Roboto","Arial",sans-serif;
    font-size: 0.81rem;
    color: #000;
}
.responsivebannerwrapper:hover #responsivebannerhideme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme1 { display: block;}
.responsivebannerwrapper #responsivebannershowme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannerhideme2 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme2 { display: block; }
.responsivebannerwrapper #responsivebannershowme2 { display: none; }
#banneryoutube1 {
	bottom: 0;

    left: 0;
	float:left;
    display: inline-block;
    width: 178px;
    height: 100px;
    background-size: 178px 100px;
}
#banneryoutube12 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 178px;
    height: 100px;
    background-size: 178px 100px;
}
#banneryoutube2 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 178px;
    height: 100px;
    background-size: 178px 100px;
}
#banneryoutube22 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 178px;
    height: 100px;
    background-size: 178px 100px;
}
}


@media (min-width: 1200px){
.responsive-banner {
width: 100%;
    height: 154px;
    margin: 10px;
}
.banner-description {/*width:70%;
  height:127px; */
  display:flex; align-items: center;
}
.banner-description-2 {
    padding: 7px;
    max-height: 127px;
}
.banner-title {
  text-shadow: #000 1px 1px 1px;
  line-height: normal;
  font-size:1.4rem;
  margin-bottom:5px;
  color:#000; 
  line-height: normal;
}
.banner-txt {    font-family: "Roboto","Arial",sans-serif;
    font-size: 1.11rem;
    color: #000;
}
.responsivebannerwrapper:hover #responsivebannerhideme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme1 { display: block;}
.responsivebannerwrapper #responsivebannershowme1 { display: none; }
.responsivebannerwrapper:hover #responsivebannerhideme2 { display: none; }
.responsivebannerwrapper:hover #responsivebannershowme2 { display: block; }
.responsivebannerwrapper #responsivebannershowme2 { display: none; }
#banneryoutube1 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 246px;
    height: 138px;
	background-size: 246px 138px;
	background-color:transparent;
}
#banneryoutube12 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 246px;
    height: 138px;
	background-size: 246px 138px;
	background-color:transparent;
}

#banneryoutube2 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 246px;
    height: 138px;
	background-size: 246px 138px;
	background-color:transparent;
}
#banneryoutube22 {
	bottom: 0;
    left: 0;
	float:left;
    display: inline-block;
    width: 246px;
    height: 138px;
	background-size: 246px 138px;
}
}




.responsive-banner {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.responsive-banner a {text-decoration:none;
  color:#fff;
}
.banner-description-2 {
    overflow: hidden;
}
.banner-title {
  font-family:"Roboto","Arial",sans-serif;
  font-weight:bold;
  color:#000; 
}
#banneryoutube1 {
	background-image:url(/wp-content/imagenspersonalizadas/banners/inarticle/trabalho-casa1.webp);
    background-repeat: no-repeat;
    cursor: pointer;
}
#banneryoutube12 {
	background-image:url(/wp-content/imagenspersonalizadas/banners/inarticle/trabalho-casa2aconvert70porcento.webp);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}
#banneryoutube2 {
	background-image:url(/wp-content/imagenspersonalizadas/banners/inarticle/dinheiro-hotmart1.webp);
    background-repeat: no-repeat;
    cursor: pointer;
}
#banneryoutube22 {
	background-image:url(/wp-content/imagenspersonalizadas/banners/inarticle/dinheiro-hotmart2aconvert70porcento.webp);
    background-repeat: no-repeat;
    cursor: pointer;
	background-color:transparent;
}







/* Botão de busca - search */
@media (max-width: 767px){
#pesquisatoporesponsivo {
    top: 90%  !important;
    position: relative !important;
}	
.toporesponsivo {
    -webkit-flex-basis: unset !important;
    -moz-flex-basis: unset !important;
    flex-basis: unset !important;
}
.logoebusca{
display: flex;
align-items: center;
}
.topodesktop {
	display: none !important;
}	
.search-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	margin:auto
}
#socialbloco { 
float:right;
}
}
@media (min-width: 768px){
.search-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	margin: 0 0 0 0.4em;
	float:left;
}
#pesquisatopodesktop {
    top: 35%;
    position: relative !important;
}
.toporesponsivo {
display: none !important;
}

}
#usertwo{ float: right; display: inline-block; }
#searchtwo{ float:right }
.searchvw-sirat-search-form { display: table !important;
    width: 70% !important;
    margin: auto !important; }
.searchvw-sirat-search_popup label {
background: transparent;
    width: 86%;
    float: left;
    display: table;
    margin-right: 5px;
    position: relative;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.searchvw-sirat-search-submit {
float: left;
    display: table;
    color: #fff;
    border-radius: 50%;
    background-color: #222;
    padding: 10px 13px;
    width: 50px;
    height: 50px;
    border: none;
    position: relative;
}
.search-icon-topo i {
    color: #fff;
    padding: 23px 12px;
    cursor: pointer;
}
.search-icon-topo i {  background-color: #183077; margin-left: 0.15em }
.search-icon-topo i:hover {  background-color: #10204f }
.searchscreen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    position: absolute;
    top: -9999em;
    left: -9999em;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
}

.searchvw-sirat-search_popup input.searchvw-sirat-search-field {
    padding: 1.5% 0;
    background: transparent;
    width: 100%;
    text-indent: 8px;
    border-bottom: 2px solid #fff;
    color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
}



/* Estilo temporário, manter até achar uma solução para personalização individual da Lightcase */
#lightcase-content { background-color:transparent !important }
#lightcase-case { top: 10% !important; left:3% !important; }
.lightcase-contentInner{ 
width: 95vw  !important;
    height: 85vh  !important;
    max-width: 95vw !important;
    max-height: 85vh  !important;
	display:initial !important;
}

.lightcase-contentInner iframe{ 
width: 95vw  !important;
    height: 85vh  !important;
    max-width: 95vw !important;
    max-height: 85vh  !important;
	display:initial !important;
}

	
/* Adsense that appears inside stuff adsenseheader*/
.adsenseheaderwrapper { text-align:center }
.adsenseheader { width: 321px; height: 51px;  }
@media(min-width: 500px) { .adsenseheader { width: 468px; height: 60px; } }
@media(min-width: 1200px) { .adsenseheader { width: 728px; height: 90px; } }
#adsensestuff {display: block !important;
    height: 100px !important;
    overflow: hidden !important;
    margin: 20px auto 0 auto !important;
    z-index: 999 !important; 
	text-align:center;
	background: rgb(0,125,255);
background: linear-gradient(138deg, rgba(0,125,255,1) 0%, rgba(0,202,255,1) 20%, rgba(0,31,255,1) 49%, rgba(0,236,255,1) 78%, rgba(0,61,255,1) 100%);
	}
#showhide {display: none !important; }
#creditloan { border: solid 1px #00b9e4 !important; }
@media screen and (max-width: 399px) { #afiliadoclassificado1 { display:block  }
#afiliadoclassificado2 { display: none  }
}
@media screen and (min-width: 400px) { #afiliadoclassificado1 { display: none }
#afiliadoclassificado2 { display:block }
}
 /* END Adsense that appears inside stuff */

/* AD 0 ADSEBSE BOTTOM */
.adsensebottom { display:block; text-align:center;  }


/* LINKS SOCIAIS EM HTML E CSS */
.socialtopohome { color: #00b9e3; font-size: 7px; margin: 0 auto; text-align: center; display: table }
@media screen and (max-width: 800px) { .socialtopoleft {
    float: none;
    color: #00B9E3;
    vertical-align: bottom;
    text-align: left;
    display: table;
    font-size: 10pt;
    margin: 1rem auto 1rem auto;
} .socialtopo { color: #00b9e3; font-size: 15px; float: none; clear: both; display: table; margin: auto; text-align: center; } }
@media screen and (min-width: 801px) { .socialtopoleft { float: left;
    color: #00b9e3;
    vertical-align: bottom;
    font-size: 10pt;
    line-height: 11pt;
	text-align: left;
    padding: 4px 6px 4px 6px;
    display: table;
    width: 22%; }
	.socialtoporight { float:right; display:table; width: 77%; }
 .socialtopo { color: #00B0D8; font-size: 14px; float: right; clear:none;
 }
}
.textosocial { font-size:10px; line-height:10px }
/* Links Sociais - Layout móvel */
@media (max-width: 766px) { .fasocial { font-size: 1.8em; width: 25px; height: 25px; border: none !important; margin: 0.17rem !important; }
.topodesktop { display: none !important} }
@media (min-width: 767px) { .fasocial {  font-size: 17px; width: 30px; height: 30px; border: solid 0.2rem #ffffff !important;     margin: 0.10rem !important; } 
.toporesponsivo { display: none !important}
}
.fasocial {
    padding: 4px 2px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
	box-shadow: 1px 1px 3px #0000008c;
    background: #fff !important;
    border: solid 0.2rem #385778 !important;
    color: #cb2027 !important;
}
.fasocial.fa-tiktok:hover {  background: #000 !important; color: #fff !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-facebook:hover {  background: #3B5998 !important; color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-twitter:hover {  background: #55ACEE !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-linkedin:hover{  background: #007bb5 !important;    color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-youtube:hover {  background: #bb0000 !important;   color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-instagram:hover { display: inline-block !important; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-pinterest:hover {  background: #cb2027 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-snapchat-ghost:hover {  background: #fffc00 !important;  color: white !important;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;   border: solid 0.2rem #FFF !important; }
.fasocial.fa-skype:hover {  background: #00aff0 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-android:hover {  background: #a4c639 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-dribbble:hover {  background: #ea4c89 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-vimeo:hover {  background: #45bbff !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-tumblr:hover {  background: #2c4762 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-vine:hover {  background: #00b489 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-foursquare:hover {  background: #45bbff !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-stumbleupon:hover {  background: #eb4924 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-flickr:hover {  background: #f40083 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-yahoo:hover {  background: #430297 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-soundcloud:hover {  background: #ff5500 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-reddit:hover {  background: #ff5700 !important;  color: white !important; border: solid 0.2rem #FFF !important; }
.fasocial.fa-rss:hover {  background: #ff6600 !important;  color: white !important; border: solid 0.2rem #FFF !important; }


/* Todas as categorias do blog (homepage) */
.therelatedpostsimg { display:table; width: 160px; }


/* Artigos relacionados / Mais artigos (home) */

.columnabcd h1 { margin: 0.1rem 0 0.1rem 0;  font-size: 0.9em;  line-height: 1.37em;}
.columnabcd h2 { margin: 0.1rem 0 0.1rem 0;  font-size: 0.9em;  line-height: 1.37em;}
.columnabcd h3 { margin: 0.1rem 0 0.1rem 0;  font-size: 0.9em;  line-height: 1.37em;}
.columnabcd h4 { margin: 0.1rem 0 0.1rem 0;  font-size: 0.9em;  line-height: 1.37em;}
.columnabcd h5 { margin: 0.1rem 0 0.1rem 0;  font-size: 0.9em;  line-height: 1.37em;}




.maincontainermorearticles {
	display:block;
}

.containerabcd {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 0.5fr));
    grid-gap: 0.5em;
    grid-auto-flow: dense;
}
.containerabcd .infoabcd {
    width: 300px;
    margin: 50px auto;
    text-align: center;
}
.containerabcd .columnabcd {
    box-sizing: border-box;
}
.containerabcd .columnabcd .demo-titleabcd {
    margin: 0 0 15px;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.post-moduleabcd {
position: relative;
    z-index: 1;
    display: block;
    background: transparent;
    min-width: 100px;
    height: 233px;
    -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%);
}

.thumbartigosrelacionados { width: 100%; }

.post-moduleabcd .autorminiatura { width:60px; height:60px }

.post-moduleabcd .thumbnailabcd {
    background: #000000;
    height: 90px;
    overflow: hidden;
}
.post-moduleabcd .thumbnailabcd .avatarminiatura {
position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
    background: #1567d8;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
	
 -webkit-transition: all 0.2s ease-in;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s ease-in;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-in;  /* Opera 10.50–12.00 */
          transition: all 0.2s ease-in;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.post-moduleabcd .thumbnailabcd .avatarminiatura:hover {
  filter: brightness(130%);

 -webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}​




.post-moduleabcd .thumbnailabcd .postthumbnailrelacionados img {
    display: block;
    width: 100%;
	height: 91px;

 -webkit-transition: all 0.2s ease-in;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s ease-in;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-in;  /* Opera 10.50–12.00 */
          transition: all 0.2s ease-in;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.post-moduleabcd .thumbnailabcd .postthumbnailrelacionados:hover {
  filter: brightness(110%);

 -webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}​

.post-moduleabcd .thumbnailabcd {
	    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.post-moduleabcd .noahpicture {background-image:url("/wp-content/imagenspersonalizadas/lucrebem-logoNOPICTURE.svg");
    background-size: contain;
    background-color: #ffcc29;
    background-repeat: no-repeat;
    width: 100%;
    height: 91px;
    background-position: center;
	}
.post-moduleabcd .post-contentabcd {
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 2px 4px 12px 4px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.post-moduleabcd:hover .post-contentabcd .descriptionabcd {
	    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.post-moduleabcd:hover .post-contentabcd .descriptionabcd {	
    height: 220px;
}



.post-moduleabcd .post-contentabcd .categoryabcd {
position: absolute;
    top: -34px;
    left: 0;
    background: #1567d8;
    padding: 10px 15px;
    color: #FFFFFF;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.blueyellowhiteurl a:link, .blueyellowhiteurl a:visited, .blueyellowhiteurl a:active { color:#FFF }
.blueyellowhiteurl a:hover { color:#FFF  } 

.post-moduleabcd .post-contentabcd .titleabcd {
position: relative;
padding: 1px 1px;
line-height: normal;
height: 53px;
margin: 2px;
overflow: hidden;
font-size: 12px;
border-bottom: 1px solid #a5a5a5;
}

.post-moduleabcd .post-contentabcd .sub_titleabcd {
    margin: 0;
    padding: 0 0 20px;
    color: #e74c3c;
    font-size: 20px;
    font-weight: 400;
}


.post-moduleabcd .post-contentabcd .descriptionabcd {
    display: block;
    max-height: 0;
    color: #666666;
    font-size: 14px;
    line-height: 1.8em;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    overflow: hidden;
}

.post-moduleabcd .post-contentabcd .post-metaabcd {
    margin: auto;
	text-align:center;
    color: #999999;
	white-space:nowrap;
	display:table;
font-size: 0.85em;
}

.post-moduleabcd .post-contentabcd .post-metaabcd .timestampabcd {
    margin: 0 16px 0 0;
}


.gradedeprodutos {
display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.grade1 { grid-area: 1 / 1 / 2 / 2; }
.grade2 { grid-area: 1 / 2 / 2 / 3; }
.grade3 { grid-area: 1 / 3 / 2 / 4; }
.grade4 { grid-area: 1 / 4 / 2 / 5; }
.grade5 { grid-area: 2 / 1 / 3 / 2; }
.grade6 { grid-area: 2 / 2 / 3 / 3; }
.grade7 { grid-area: 2 / 3 / 3 / 4; }
.grade8 { grid-area: 2 / 4 / 3 / 5; }











/* CSS das ultimas postagens */


/* Wrapper principal */
#vpsa_custom_posts_wrapper {
    width: 100%;
    margin-bottom: 40px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

/* Layout em colunas */
.vpsa_custom_posts_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
}

.vpsa_custom_post_container {
    width: 48%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vpsa_custom_post_container:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Título do post */
.vpsa_custom_post_title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 16px 20px 12px 20px;
    line-height: 1.25;
}

/* Estilo apenas do link dentro do h4 com essa classe */
.vpsa_custom_post_title a {
    display: inline-block;
    color: #ff0000 !important;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.vpsa_custom_post_title a:hover {
    color: #0099ff !important;
}

/* Links adicionais (Leia mais, autor, etc.) */
.vpsa_custom_link {
    color: #ff0000;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.vpsa_custom_link:hover {
    color: #0099ff;
}

/* Imagem destacada */
.vpsa_custom_post_thumbnail_wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.vpsa_custom_post_thumbnail,
.vpsa_custom_no_picture_thumb {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.vpsa_custom_post_thumbnail_wrapper:hover img {
    transform: scale(1.05);
}

/* Texto abaixo da imagem */
.vpsa_custom_col_text {
    padding: 0 45px;
}

.vpsa_custom_post_content {
    padding-top: 12px;
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
}

.vpsa_custom_post_permalink a {
    display: inline-block;
    margin-top: 8px;
}

/* Informações extras (data, autor, categoria) */
.vpsa_custom_post_info {
    padding: 16px 20px;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
    color: #666;
}

.vpsa_custom_post_info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.vpsa_custom_post_info ul li {
    margin: 0;
}

/* Paginação */
#vpsa_custom_pagination_wrapper {
    width: 100%;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px 10px;
    margin: 20px auto 0 auto;
    text-align: center;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
}

#vpsa_custom_pagination_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

#vpsa_custom_pagination_wrapper li {
    margin: 0;
}

#vpsa_custom_pagination_wrapper a,
#vpsa_custom_pagination_wrapper span {
    display: inline-block;
    padding: 12px 18px;
    font-size: 1.1em;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: white;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

#vpsa_custom_pagination_wrapper a:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

#vpsa_custom_pagination_wrapper .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

/* Responsivo */
@media (max-width: 768px) {
    .vpsa_custom_posts_flex {
        flex-direction: column;
        gap: 24px;
    }

    .vpsa_custom_post_container {
        width: 100%;
    }

    .vpsa_custom_post_thumbnail,
    .vpsa_custom_no_picture_thumb {
        height: 200px;
    }
}