@import url('/css//rtve.2018.playz/modules/personajes.desktp.css');
@font-face {font-weight:bold;		font-style:normal; font-family:RTVEfontB;     src: url('/css/fonts/rtve_bold.eot');}
@font-face {font-weight:bold;		font-style:normal; font-family:RTVEfontB;     src: url('/css/fonts/rtve_bold.otf');}
@font-face {font-weight:normal; font-style:italic; font-family:RTVEfontSansR; src: url('/css/fonts/rtve_sansreg.eot');}
@font-face {font-weight:normal; font-style:italic; font-family:RTVEfontSansR; src: url('/css/fonts/rtve_sansreg.otf');}

.person .list-pers [name="personajes"] ~ label .chipBox p {display:block;font-size:2rem; line-height: 1;position:absolute; bottom:6rem;text-align:center; font-family: 'RTVEfontB', serif; opacity:0;-webkit-transition:opacity.5s ease-in;transition:opacity .5s ease-in;}
.person .list-pers [name="personajes"] ~ label .chipBox p strong {font-size:2.8rem; line-height: 1;text-shadow: .1rem .1rem .1rem #666;padding:.5rem}
.person .list-pers [name="personajes"] ~ label .chipBox:hover p {background: url('i/sombra.png') cover; opacity:1}
.person .chipBox:hover .img img {-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out; -ms-transform: scale(1.05); /* IE 9 */-webkit-transform: scale(1.05); /* Safari */transform: scale(1.05);}

/* ficha */
.person .list-pers [name="personajes"]:checked ~ label .mainBox {content:'';background:url('i/Base_Ficha.png') no-repeat;background-size:contain;/* background-color: rgb(36,38,46); *//* border: 2rem solid transparent; *//* top:3rem; */}
.person .list-pers [name="personajes"]:checked ~ label .mainBox::after {width: 6.4rem;height: 6.4rem;position: absolute;top: -0.8rem;right: 1%;background: url(i/Icono_cerrar.png) 0% 0% / cover;border:0}

.person .list-pers li .chipBox:after {content:none}
.person .list-pers .mainBox .mediaBox .ima img {width:auto; height:70%; left:2rem;top:3rem}

.person .list-pers .mainBox .contentBox {padding: 0rem 9rem 6rem 48rem;right:0;/* left:39%; */position:absolute;display:block;}
.person .list-pers .mainBox .contentBox .txtBox {padding-bottom: 2rem;font-size: 3rem;font-weight: 300;padding-top: 7rem;padding-bottom: 4rem;}
.person .list-pers .mainBox .contentBox .txtBox strong {font-size:14.6rem;line-height: 13rem;background-color:#465678; color:transparent;
 text-shadow: .2rem .4rem .4rem rgba(228, 255, 250,1);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;}
.person .list-pers .mainBox .contentBox .txtBox span {font-size:4.2rem;line-height: 1;font-family:'RTVEfontB',serif;background-color:#465678;
 color:transparent; text-shadow: .2rem .2rem .1rem rgba(228, 255, 250, .9);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;}
.person .list-pers .mainBox .contentBox .auxBox p, .container .grid.g1 .gridBox > .cell .mainBox .auxBox p {font-size:2.5rem; line-height:2.8rem;color:#fff; font-family:'RTVEfontSansR', sans-serif}

.person .list-pers [name="personajes"], .person .list-pers [name="personajes"] ~ label .mainBox {
  position: absolute;top: 2.5rem;left: 0;bottom: auto;overflow: hidden;height: 100%;width: 100%;transform: scale(0,0);transition: .3s all ease-out;z-index: 2;}

.container.person .list-pers .mainBox .mediaBox{float:left;}
.container.person .list-pers .mainBox .mediaBox .ima{position:relative;float:left;}

/* .toplayer + .container:before{display:none}
.toplayer + .container.person{padding:0} */

@media only screen and (max-width:1170px) {
.container.person .list-pers .mainBox .contentBox {padding: 0rem 7rem 6rem 40%;}
.person .list-pers .mainBox .contentBox .txtBox { padding-top: 14%!important;}
.person .list-pers .mainBox .contentBox .txtBox strong {font-size:250%; line-height:1}
.person .list-pers .mainBox .contentBox .txtBox span {font-size:150%; line-height:1}
}

/* @media only screen and (min-width:1260px) {
.bodier > .container:not(.striplayer),header.navBox > .container:not(.striplayer),
.bodier > .botFixBox.news24h.striplayer > .grid {width:100%;}
} */