/*** Página: FICHA ***/
/*.cont-ficha {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3rem 1fr 4rem;
    margin-bottom: 20px;
    grid-template-areas:
        "img titulo"
        "img sinop"
        "img info";
    column-gap: 2rem;
    row-gap: 6px;
    background-color: #fff;
}*/

.cont-ficha {
    /* width: 60%; */
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 6rem 1fr;
    margin-bottom: 20px;
    grid-template-areas:
        "img titulo"
        "img info"
        "img sinop";
    column-gap: 2rem;
    row-gap: 6px;
    background-color: #fff;
}

/*.panel-sesiones {
    width: 60%;
    margin-top: 40px;
    display: flex;
    margin-bottom: 20px;
    background-color: #fff;
}*/
.panel-sesiones {
    width: 60%;
    margin-top: 40px;
    display: flex;
    margin-bottom: 20px;
    /* background-color: #fff; */
}
#tabs-sesiones {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
}
.cont-ficha div, .panel-sesiones div {
    padding: 0 !important;
}
.titulo-ficha {
    grid-area: titulo;
    text-align: left;
    margin: 6px 0;
    font-weight: bold;
    font-size: x-large;
color: #222 !important;
order: 1 !important;
}

.img-ficha {
    grid-area: img;
    width: 300px;	
    height: auto;
order: 2 !important;
}

.img-v-ficha {
    width: 194px;
    height: 277px;
}

.info-ficha {
    grid-area: info;
    text-align: left;
    color: #666 !important;
order: 3 !important;
}

.info-durac {
    margin-bottom: 10px;
}
.info-genero {
    /*clear: none;*/
}
.info-calif {
    float: left;
}

.sinopsis-ficha {
    grid-area: sinop;
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 10px;
    color: #333;
order: 4 !important;
}

.cont-ses, .mas-ses {
    color: #fff;
    width: auto;
    min-width: 190px;
    height: 68px;
    margin: 10px 6px 6px 6px;
    border: 5px solid var(--color-corporativo);
    cursor: pointer;
}

.mas-ses {
    border: 5px solid #f59e9b;
}

.etiq-ses {
    background-color: var(--color-corporativo);
    height: 40%;
    /*line-height: 100%;*/
    display: flex;
    justify-content: center;
    align-items: start;
    font-size: small;
}

.mas-ses .etiq-ses {
    background-color: var(--negro);
}

.hora-ses {
    height: 60%;
    background-color: #fff;
    color: #222;
    font-weight: bold;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;	
}

.mas-ses .hora-ses {
    font-size: x-large;
	color: #666;
}

.btn-ficha {
    border: 1px solid var(--negro);
    background-color: var(--negro);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none !important;
    width: 100% !important;
    height: 33px;
    text-transform:uppercase;
    padding:0px;
}
.btn-ficha:hover{
opacity:0.3;
cursor:pointer;
}

.ver-ficha {
    cursor: pointer;
}

.ico-calif {
    /*float: left;
    clear: both;
    margin-left: 0px;
    margin-right: 4px;*/
    float: left;
    clear: both;
    margin-left: 0px;
    margin-right: 4px;
    margin-top: 6px;
}


.ui-widget-header{
background-color:var(--color-corporativo);
border: 1px solid var(--color-corporativo);
padding: 10px 10px 12px 12px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.ui-widget-content{
background-color:#ffffff !important;
}
.panel-sesiones{
width:100%;
margin:auto;
justify-content: center;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
/*background-color: #000000;
opacity: 1;
border: none !important;
color: #ffffff !important;*/
}
.ui-state-hover{
opacity: 0.6;
}
.ui-tabs-tab .ui-corner-top .ui-state-default .ui-tab{
/*border: none !important;
background-color: #000000 !important;
color: #ffffff !important;*/
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active{
background-color:#000000;
color:#ffffff;
opacity:0.3;
border:none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
background-color:#000000 !important;
color:#ffffff !important;
border:none !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border:none !important;
}

@media only screen and (max-width: 768px) {

	/*.cont-ficha {
		display: flex;
        flex-direction: column;
	}*/

	.titulo-ficha {
		order: 1;
		text-align: center;
	}

	.img-ficha {
		order: 2;
		margin: 0 auto;
	}

	.calif-ficha {
		order: 3;
		text-align: center;		
	}

	.sesiones-ficha {
		order: 4;
	}

}