/* DESTAQUE */

/* Griddestaque styles -------------------------------------------------*/
.cardsdestaque {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 30px;
}

@media screen and (max-width: 480px) {
 .articledestaque-img {
  height: 20px;
  width: 10px;
  
}
.cardsdestaque-img {
  height: 20px;
 max-width: 10px;
  
}

}

.cardsdestaque {
  max-width: 100%;
  margin: 0 auto 30px;
  background-color: #000;
    border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
  padding: 4px;
}

articledestaque {
  position: relative;
}

.articledestaque-img {
  height: 400px;
  width: 100%;
 object-fit: fill;
 border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
}

.articledestaque-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
  


@media (min-width: 1200px) {
     

      
    }

    @media (max-width: 767.98px) {
      

     

      .cardsdestaque {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 10px;
      }
    }

@media (min-width: 1200px) {
      .articledestaque-img {
  height: 430px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardsdestaque-img {
  height: 430px;
  border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  }
  .articledestaque-e {
 font-size: 16px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
}
@media (max-width: 767.98px) {
       .articledestaque-img {
  height: 250px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardsdestaque-img {
  height: 250px;
 
   border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
}
}



.topoEsquerda {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 14px;
   
}
.topoEsquerda img {
    
    height: 70px;
width: 70px ;
}



                               /* Premium */
                               
                               
 /* Gridpremium styles -------------------------------------------------*/
.cardspremium {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 30px;
}

@media screen and (max-width: 480px) {
 .articlepremium-img {
  height: 20px;
  width: 10px;
  
}
.cardspremium-img {
  height: 20px;
 max-width: 10px;
  
}

}

.cardspremium {
  max-width: 100%;
  margin: 0 auto 30px;
  background-color: #000;
    border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
  padding: 4px;
}

articlepremium {
  position: relative;
}

.articlepremium-img {
  height: 400px;
  width: 100%;
 object-fit: fill;
 border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
}

.articlepremium-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
  


@media (min-width: 1200px) {
     

      
    }

    @media (max-width: 767.98px) {
      

     

      .cardspremium {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 10px;
      }
    }

@media (min-width: 1200px) {
      .articlepremium-img {
  height: 430px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardspremium-img {
  height: 430px;
  border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  }
  .articlepremium-e {
 font-size: 16px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
}
@media (max-width: 767.98px) {
       .articlepremium-img {
  height: 250px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardspremium-img {
  height: 250px;
 
   border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
}
}

                              
                               
          /* Padrão */  
          
          /* Gridpadrao styles -------------------------------------------------*/
.cardspadrao {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 30px;
}

@media screen and (max-width: 480px) {
 .articlepadrao-img {
  height: 20px;
  width: 10px;
  
}
.cardspadrao-img {
  height: 20px;
 max-width: 10px;
  
}

}

.cardspadrao {
  max-width: 100%;
  margin: 0 auto 30px;
  background-color: #000;
    border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
  padding: 4px;
}

articlepadrao {
  position: relative;
}

.articlepadrao-img {
  height: 400px;
  width: 100%;
 object-fit: fill;
 border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
}

.articlepadrao-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
  


@media (min-width: 1200px) {
     

      
    }

    @media (max-width: 767.98px) {
      

     

      .cardspadrao {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 10px;
      }
    }

@media (min-width: 1200px) {
      .articlepadrao-img {
  height: 430px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardspadrao-img {
  height: 430px;
  border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  }
  .articlepadrao-e {
 font-size: 16px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
	padding: 0 10px;
	background-color: #000;
	border-radius: 2px;
  
}
}
@media (max-width: 767.98px) {
       .articlepadrao-img {
  height: 250px;
   border-style: solid ;
 border-color:#fff ;
 border-width: 1px ;
  
}
.cardspadrao-img {
  height: 250px;
 
   border-style: solid ;
 border-color:#000000 ;
 border-width: 1px ;
}
}


                               
   .articletetxto-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #000;
	font-weight: 500;
	padding: 0 10px;
	background-color: #fff;
	border-radius: 2px;
  
}                            
   
    .articletetxtoD-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #000;
	font-weight: 500;
	padding: 0 10px;
	background-color: #FFD700;
	border-radius: 2px;
  
}                                
  
   .articletetxtoP-e {
 
 font-size: 12px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	padding: 0 10px;
	background-color: #DC143C;
	border-radius: 2px;
  
}                                 
                               
.topoEsquerdaP {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 14px;background-color: #DC143C;
   color: #fff;
   font-size: 12px;
}