/*--------------------------------------
Titulos destacados
--------------------------------------*/
.cont-mod-destacado .titulosdestacados{
  display: flex; 
  align-items: center; 
  margin-bottom: 20px
}

.cont-mod-destacado .titulosdestacados img{
  width: 32px;
  height: 32px;  
}

.cont-mod-destacado .titulosdestacados p{ 
  font-size: 22px;  
  font-weight: 600;
  margin: auto;
  margin-left: 10px
}

.cont-mod-destacado a{
  border: 1px solid #e08901;  
  margin-top: 0;
  font-size: 16px;
  font-family: OpenSans-Bold;
  color: #333;
  transition:all .5s ease-out 0s
}

.cardsDestacados a:hover{
  background: #e08901;
  color: #ffffff
}

/*--------------------------------------
Card Destacados
--------------------------------------*/
.cont-mod-destacado .cont-card 
.cardFull img, .cardSmall img{
  width: 100%
}

.cont-mod-destacado .cardSmall img{
  margin-bottom: 17px
}

.cont-mod-destacado .sec-titulo{
  position: absolute !important;
  background: rgba(76, 76, 76, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
  background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

.cont-mod-destacado .cardFull .sec-titulo{ 
  bottom: 0 ;
  width: 95%  
}

.cont-mod-destacado .cardSmall .sec-titulo{
  width: 91%;
  bottom: 15px
}

.cont-mod-destacado .sec-titulo .contenido{
  margin-left: 20px
}

.cont-mod-destacado .sec-titulo .btnDestacado{
  background: #e08901;
  color: #000;
  padding: 5px 5px 5px 5px;
  cursor: pointer
}

.cont-mod-destacado .sec-titulo .btnDestacado:hover{
  background: #e08901;
  text-decoration: none;
  color: #fff  
}

.cont-card .sec-titulo h6{
  color: #ffffff;  
  text-transform: uppercase
}

.cont-mod-destacado .cardFull h6{
  font-size: 24px;
  font-weight: 600;
}

.cont-mod-destacado .cardSmall h6{
  font-size: 18px;
  font-weight: 550
}

.cont-mod-destacado .btn-actualizar{
  position: absolute;
  padding: 10px 15px 10px 15px;
  border-color: #ffffff;
  font-size: 20px;
  right: 30px;
  top: 17px
} 

/*--------------------------------------------
Sección filtro btn menú
--------------------------------------------*/
.sec-menubtn{
  height: 290px;  
  display: flex;
  align-items: center;  
  justify-content: center;
}

.sec-menubtn [class*="col-"] {
    padding: 0;
}

.sec-menubtn a{
  text-decoration: none
}

.sec-menubtn .menubtn1{  
  margin-left: 0;
  margin-right: 20px  
}

.sec-menubtn .menubtn3{   
  margin-left: 20px;
  margin-right: 0
}

.sec-menubtn .menubtn1, .menubtn2, .menubtn3{
  border: 1px solid #f5f5f5;
  height:  250px;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  filter: none;
  color: #999     
}

.sec-menubtn .menubtn1 img, .menubtn2 img, .menubtn3 img{
  width:60%;     
}

.sec-menubtn span{
   display:  inline-block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 40%;
  font-size: 22px;  
  font-weight: 600 
}

.sec-menubtn .btn-actualizar{
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 10px 15px 10px 15px;
  border-color: #ffffff;
  font-size: 20px;
  
}

/*-------------------------------------------------
Featured Cards 
-------------------------------------------------*/
.cont-featured-cards{
  display: flex;
  flex-wrap: wrap;
}

.cont-featured-cards .cont-image{
  margin-bottom: 30px;
  position: relative
}

.cont-featured-cards img{
  width: 100%;
  height: 100%
}

.cont-featured-cards button{
  position: absolute;
  right: 20px;
  top: 20px
}

/*-------------------------------------------------
Featured small
-------------------------------------------------*/
.contfeaturedcards-small .cont-image{
  position: relative
}

.contfeaturedcards-small img{
  width: 100%;
  height: 100%
}
.contfeaturedcards-small .smallsmall{
  height: 50% 
}
.contfeaturedcards-small .smalltop{
  padding-bottom: 10px
}

.contfeaturedcards-small .smallbottom{
  padding-top: 10px
}

.contfeaturedcards-small button{
  position: absolute;
  right: 20px;
  top: 20px
} 


/*-------------------------------------------------
Escritorio grande(lg - >1366px)   
-------------------------------------------------*/
@media (min-width:1200px){
  
  
 

}

/*-------------------------------------------------
Escritorio mediano y tablet horizontal(md - 1024px)   
-------------------------------------------------*/
@media (max-width:1199px) and (min-width:992px){
  
 .cont-featured-cards{
    width: 95%
  } 
  
}

/*-------------------------------------------------
Escritorio pequeño y tablet vertical(sm - 768px)   
-------------------------------------------------*/
@media (max-width:991px) and (min-width:768px){
  
  .cont-featured-cards{
    width: 90%
  } 
  

}

/*-------------------------------------------------
Movil(xs - 480 y 320px)   
-------------------------------------------------*/
@media (max-width:767px){ 
  

  .cont-featured-cards .smallsmall{
    height: 100%;  
    margin-top: 30px
  }
  
 .cont-featured-cards .smalltop{
  padding-bottom: 0px
  }

  .cont-featured-cards .smallbottom{
    padding-top: 0px
  }
  
}