@charset "UTF-8";
.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%;
margin-bottom: 30px;
}
.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: 10px;
padding: 10px;
}
.cj-list-q .card-list .btn{
flex: 0 0 32px;
width: 32px;
height: 32px;
}
.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;
padding: 0px 12px 0px 12px;
}
.art-grid-blq--list-dropdown .grp .cj-list-a:last-of-type{
margin-bottom: 0px;
padding-bottom: 0px;
}
.cj-list-q{
background-color: var(--bn-10);
}
.cj-list-q:hover{
background-color: var(--bn-20);
}@media (hover: none) {
.cj-list-q{
background-color: var(--bn-10);
}
.cj-list-q:hover{
background-color: var(--bn-10);
}
}@media screen and (max-width:851px){
.art-grid-blq--list-dropdown {
width: 100%;
}
}@media screen and (max-width: 677px){
.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;
}
}