@charset "UTF-8";

html {background: url('/css/rtve.2020.noticias/impeachment-trump-TE_SCHMENT/quien-es-quien/i/fondo.jpg') #171717 top center;background-size:190% auto;}

section.grid > .secBox > span, section.grid > .secBox > span a {color:#fff;}
.container:not(.striplayer) .secBox:before, .sliderBox h1:before {height:0;}

.infoBox, .infoBox .list-pers li, .infoBox .mainBox .rela {display:inline-block;width:100%;}
.infoBox .list-pers li {display:flex; align-items:center;}
.infoBox .list-pers .mainBox {display:inline-block;max-width:19rem;width:100%;}
.infoBox .list-pers .mainBox .txtBox {padding:1rem;}
.infoBox .list-pers .carg {display:inline-block;}
.infoBox .list-pers .mediaBox .ima {outline:none;max-width:19rem;}
.infoBox .list-pers [data-partido="Republicano"] .mediaBox .ima::after {content: "";position: absolute;bottom: 59%;right:1rem;width: 3.8rem;height: 3.8rem;outline: none;background: url(/css/rtve.2020.noticias/impeachment-trump-TE_SCHMENT/quien-es-quien/i/TE_SCHMENT-rep.png);}
.infoBox .list-pers [data-partido="Demócrata"] .mediaBox .ima::after {content: "";position: absolute;bottom: 59%;right:1rem;width: 3.8rem;height: 3.8rem;outline: none;background: url(/css/rtve.2020.noticias/impeachment-trump-TE_SCHMENT/quien-es-quien/i/TE_SCHMENT-dem.png);}
.infoBox .list-pers .descrBox {padding: 2rem 7rem;}
.infoBox .list-pers .descrBox.blindBox .ico.close{display:none;}

/*colors*/
.infoBox li[class*='pers'] * {color:#eee;}
.infoBox li[class*='pers'] [data-relacion="Equipo Trump"] {background:#1d3227;}
.infoBox li[class*='pers'] [data-relacion="Ucrania"] {background:#214662;}
.infoBox li[class*='pers'] [data-relacion="The three amigos"] {background:#34223c;}
.infoBox li[class*='pers'] [data-relacion="Congreso"] {background:#613a0c;}


/*fonts*/
.infoBox li[class*='pers'] {text-align:center;}
.infoBox li[class*='pers'] .name {font-family:Cinzel,serif;font-size:2.2rem;}
.infoBox li[class*='pers'] .carg {font-size:1.5rem;line-height:2.4rem;}
.infoBox li[class*='pers'] .rela {font-size: 1.5rem;padding: 0.4rem 1rem;}
.infoBox .descrBox p {font-size:1.6rem;line-height:2.4rem;text-align: left;}


/*decorations*/
.infoBox .list-pers li {position:relative;padding: 2rem 0;}
.infoBox .list-pers li:after {content:'';display:inline-block;width:80%;position:absolute;left:10%;bottom:0;height:0.5rem;border-width:0 0 0.5rem 0;border-bottom:0.05rem #62615F;border-style:dashed;}

/*positioning*/
.infoBox .list-pers .mainBox .txtBox {top: -4rem;position: relative;}

/*ficha*/
.descrBox .mediaBox, .descrBox .txtBox {display:none;}


/** FICHAS PLEGADAS **/
.compactBox .infoBox .list-pers .blindBox {clip: rect(0,0,0,0);position: absolute;left: -100%;top: -100%;opacity: 0;transition: opacity ease 1s;}
.compactBox .infoBox .list-pers .blindBox.be_on {clip: auto;top: 4%;left: 0;opacity: 1;z-index: 3;}

.compactBox .infoBox .list-pers {font-size: 0;margin: 0;}
.compactBox .infoBox .list-pers li {display: inline-block;width: auto;vertical-align: top;width: 25%;position: static;}
.compactBox .infoBox .list-pers li:after {content:none;}

/* ficha */
.compactBox .descrBox.blindBox.be_on {width: 100%;height: 20%;background: url(/css/rtve.2020.noticias/impeachment-trump-TE_SCHMENT/quien-es-quien/i/fondo_ficha.jpg) #171717;background-size: 190% auto;}
.compactBox .descrBox.blindBox.be_on .mediaBox {width: 30%;display: inline-block;float:left;}
.compactBox .infoBox .list-pers [data-partido="Republicano"] .mediaBox .ima::after{bottom:80%;}

.compactBox .descrBox.blindBox.be_on .txtBox {display: inline-block;width: 20%;position: absolute;left: 10%;top: 60%;padding: 0;}
.compactBox .descrBox.blindBox.be_on .txtBox * {font-size: 1.6rem;text-align: center;display: block;}

.compactBox .descrBox.blindBox.be_on > p {width: 70%;height: auto;padding: 1% 8%;display: block;font-weight: 400;float:right;}

.compactBox .descrBox.blindBox.be_on .ico.close{display:block;position: absolute;right: 3rem;}

/* fondo */
.compactBox .mainBox.be_on:before {content: '';display: block;background: rgba(0,0,0,.8);position: fixed;top: -100%;left: -100%;width: 300%; height: 300%;z-index: 3;}