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

.blq-card-flip{
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: center;
flex-direction: row;
flex-wrap: wrap;	
/*max-width: 1000px;*/	
}
/*card perfil*/
.scene {
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: center;
width: 50%;
height: 60vh;
margin: 40px 0;
perspective: 600px;	
}
.card {
position: relative;
width: calc(100% - 40px);
height: calc(100% - 40px);
cursor: pointer;
transform-style: preserve-3d;
transform-origin: center right;
transition: transform 1s;
border: 1px dashed var(--ng-50);
border-radius: 20px;	
}
.card .cj-icon{
float: right;	
}
.card.is-flipped {
transform: translateX(-100%) rotateY(-180deg);
}
.card__face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.card__face--front {
background-color: var(--bg-100);
}
.card__face--back {
background-color: var(--bg-100);	
overflow: auto;
transform: rotateY(180deg);
}
.grp-info-card{
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: center;
flex-direction: row;
height: 100%;
flex: 1;	
width: 100%;	
padding: 20px;	
}
.grp-info-card .subtit{
flex: 0 0 50%;	
width: 50%;	
}
.grp-info-card .img{
flex: 0 0 50%;	
width: 50%;	
}
.grp-info-card .img img{
height: auto;
}

.card__face--back{
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;	
}
.card__face--back .grp-info-card {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: stretch;	
flex-direction: column;	
}
.card__face--back .grp-info-card .subtit{
flex: none;	
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;	
width: 100%;
max-width: none;	
border-bottom: 1px dashed var(--ng-50);	
margin: 0px 0px 0px 0px;
padding: 10px 40px 10px 40px;
}
.card__face--back .grp-info-card .subtit > * {
text-align: left;
}
.card__face--back .grp-info-card .txt {
position: relative;	
flex: 1;	
width: 100%;	
overflow: auto;	
pointer-events: none;
padding-bottom: 20px;	
}
.card__face--back .grp-info-card .txt::-webkit-scrollbar{
width: 8px;
height: 8px;
background-color: var(--trans);	
cursor:pointer;	
}
.card__face--back .grp-info-card .txt::-webkit-scrollbar-track{
background-color: var(--ng-10);	
cursor:ew-resize;
}
.card__face--back .grp-info-card .txt::-webkit-scrollbar-thumb{	
background: var(--am-100);	
border: 1px solid var(--bn-30);	
cursor: pointer !important;
}
.cards_txt_vis{
pointer-events: auto !important;	
}

.blq-card-flip .subtit {
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: center;
flex-direction: column;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;	
}

/* ***** TRANSICIONES ***** */
.card .icon-mas {
background-position: 10% 0%;
}
.card.is-flipped .icon-mas {
background-position: 20% 0%;
}

/* ***** MEDIA QUERIES ***** */
@media only screen and (orientation:portrait){
.blq-card-flip {
flex-direction: column;
}	
.scene {
width: 100%;
height: 70vh;	
/*height: calc(100vh - 120px);*/
}	
.card {
width: calc(100% - 20px);
height: calc(100% - 20px);
}	
.grp-info-card {
flex-direction: column;
}	
.grp-info-card .subtit {
flex: none;
width: 100%;
}	
.grp-info-card .img {
flex: 0;
width: 100%;
}	
.card__face--back .grp-info-card .subtit {
padding: 10px 10px 10px 10px;
}	
	

}