@charset "UTF-8";
/* CSS Document */

/* ------ LISTA LINKS (dropdown) ------ */
/*dropdown*/
.art-grid-blq--list-dropdown{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: stretch;
flex-direction: column;
position: relative;
flex: 1;  
width: 100%;
max-width: 1500px;  
overflow: hidden;  
}
.art-grid-blq--list-dropdown > .grp {
justify-content: stretch;
flex-direction: column !important;
flex: 1;
width: 100%; 
overflow: hidden;  
}
.art-grid-blq--list-dropdown > .grp > .cj {
height: auto !important; 
}
.cj-def{
width: 100%;  
}
.cj-list-q{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center !important;
-ms-flex-align: center !important;
-webkit-align-items: center !important;
align-items: center !important;
justify-content: flex-start;
width: 100%;  
min-height: auto !important;	
cursor: pointer; 
border-radius: var(--border-r-base);
margin-bottom: 2px;  
padding: 7px 10px 7px 10px;  
}
.cj-list-q .card-list{ 
flex: 1;  
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center !important;
-ms-flex-align: center !important;
-webkit-align-items: center !important;
align-items: center !important;
justify-content: space-between;
flex-direction: row !important;
background-color: var(--trans) !important;
border: none !important;	
border-radius: 0px;	
padding: 0px !important;
}
.cj-list-q .card-list > div {
position: relative;    
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;	
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;  
}
.cj-list-q .card-list > .btn{
flex: 0 0 32px;
width: 32px;
height: 32px;
}
.cj-list-q .card-list > div .card-list-tit {
position: relative;    
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;	
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;  
}
.cj-list-q.dd-cont-act .btn {
transform: rotate(180deg);
}
.cj-list-a{
width: 100%;  
display: block;	
max-height: 0;
min-height: auto !important;	
opacity: 0;
transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
margin-bottom: 50px;  
}
.art-grid-blq--list-dropdown .grp .cj-list-a:last-of-type{
padding-bottom: 0px;	
}
/*transiciones*/
.cj-list-q{
background-color: var(--ng-20);  
}
.cj-list-q:hover{
background-color: var(--ng-30);  
}

/*MEDIA QUERIES*/
@media screen and (max-width: 1280px){
/*transiciones*/
.card-list-link .btn{
background-color: var(--trans);	
}
.card-list-link:hover .btn{
background-color: var(--trans);	
}
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
/*lista noticias*/	
.art-grid-blq--list-dropdown {
width: 100%;
}	
}


@media screen and (max-width: 677px){	
/*lista perfiles*/	
.art-grid-blq--list-dropdown {
width: 100%;
}	
.art-grid-blq--list-dropdown .card-list .art-grid-blq--card-list ul li {
justify-content: space-between;	
padding: 10px 0px 14px 0px;
}	
  
.art-grid-blq--list-dropdown .card-list .art-grid-blq--card-list ul li .card-list-nombre {
flex: 0 0 100%;
width: 100%;
}
.art-grid-blq--list-dropdown .card-list .art-grid-blq--card-list ul li .card-list-fecha {
flex: 0;
}
.art-grid-blq--list-dropdown .card-list .art-grid-blq--card-list ul li .card-list-medio {
flex: none;
}	
.art-grid-blq--list-dropdown .card-list .art-grid-blq--card-list ul li .card-list-link {
flex: 0;
}	
.art-grid-blq--list-dropdown .card-list-tit {
padding-right: 10px;
}		
}