@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('/css/rtve.2019/rtve.commons/rtve.core/rtve.fonts.gallery.css');

@media (max-width: 1399px) {.bodier>.container.striplayer .grid,.container:not(.striplayer) {width:108em;}}
@media (max-width: 1199px) {.bodier>.container.striplayer .grid,.container:not(.striplayer) {width:98em;}}
@media (max-width: 1099px) {.bodier>.container.striplayer .grid,.container:not(.striplayer) {width:88em;}}
@media (min-width: 1400px) {.bodier>.container.striplayer .grid,.container:not(.striplayer) {width:118em;}}

.secBox {position:absolute;left:0;top:0;}

.graphBox,.graphBox .diapoBox,.graphBox .item,.graphBox .body-item > .imagen {width:100%;height:100%;display:block;}
.graphBox .body-item > .texto {width:100%;height:auto;}


.graphBox .body-item > .texto {padding:13.6rem 0 6.8rem 0;
background: -moz-linear-gradient(top, rgba(18,24,24,0) 0%,rgba(18,24,24,1) 80%);
background: -webkit-linear-gradient(top, rgba(18,24,24,0) 0%,rgba(18,24,24,1) 80%);
background: linear-gradient(to bottom, rgba(18,24,24,0) 0%,rgba(18,24,24,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121818', endColorstr='#121818',GradientType=0 );
}

.imagen img,.xtraContent.be_on .aud_Box > div {border-style:solid;border-color:transparent;}

.graphBox {background-color:rgb(18,24,24);text-align:center;overflow:hidden;}
/*estado inicial*//*formato 3:2*/
/*.graphBox.beoff {padding-top:66.66666666666667%;position:relative;}*/
.graphBox.beoff {padding-top:50%;margin-bottom:4rem;position:relative;}
.graphBox .auxControl {width:100%;text-align:right;padding:2rem;}
	.audioGallery .auxControl .ifont .rtve-icons:before {font-size:4rem;height:4rem;width:4rem;opacity:0.33;background:rgba(18,24,24,0.25);border-radius:100%;}
	.audioGallery .auxControl .ifont:hover .rtve-icons:before {opacity:1;background:rgba(18,24,24,1);}


.body-item > .imagen img {height:auto;border-width:6rem 0;}
.body-item > .imagen img,.body-item > .texto p,.indexBox .playControl {width:66%;min-width:80rem;max-width:120rem;}
.imagen .imabkg {width:100%;height:100%;background-position:50%;background-repeat:no-repeat;opacity:0.2;}

/*oculta/muestra*/
.graphBox .item.active {opacity:1;z-index:0;}
.graphBox .item {opacity:0;z-index:-1;}
.move-played .playControl .ifont {opacity:0;}
.move-played .playControl:hover .ifont {opacity:1;}
.graphBox .item,.move-played .playControl .ifont,
.playControl,.body-item > .texto,.head-item,
.auxControl .ifont .rtve-icons:before {transition:opacity 1s;}
.head-item .label,.indexBox .guiaControl,.graphBox .body-item > .texto,.diapoBox .head-item {transition:bottom 1s;}

/*titulos*/
.diapoBox .head-item {}
.diapoBox .head-item,.diapoBox .head-item > * {width:100%;display:inline-block}

/*textos*/
.diapoBox .head-item *,.texto * {color:#fff;display:inline-block;}
.texto * {font-size:1.6rem;line-height:2.8rem;letter-spacing:0.33pt;}
.body-item > .texto p {padding:0 2.4rem;}
.xtraBox .summary {padding:2.4rem 0;}
.xtraBox .summary p {font-weight:300;line-height:2.8rem;}
.diapoBox .maintitle {font-size:4.8rem;line-height:1;font-weight:100;}
.head-item .subtitle {font-size:1.6rem;line-height:2.8rem;padding:0.4rem 1.2rem;margin:0.8rem 0;font-style:normal;font-weight:300;letter-spacing:0.33pt;
	background:rgba(18,24,24,0.85);width:auto;}
.head-item .label {font-size:1.4rem;line-height:2rem;text-transform:uppercase;letter-spacing:1pt;opacity:0.5;}
.diapoBox .head-item > *:empty {display:none;}

/*navegacion*/
.indexBox .playControl {/*width:40rem;height:40rem;margin:0 0 0 -20rem;*/}

.indexBox .guiaControl {width:100%;height:auto;min-height:10.6rem;text-align:center;background:rgba(18,24,24,1);}
.graphBox .indexBox > *,.guiaControl li,.guiaControl ol,.guiaControl ul,.guiaControl .num {display:inline-block;}
.guiaControl .ico {display:block;}
.guiaControl li,.guiaControl ul,.guiaControl .num {float:left;}
.guiaControl li {padding:0 0.2rem;}
.guiaControl ul {padding-left:0.2rem;margin:0 -0.2rem 0 0.2rem;display:none;}
.guiaControl ol {padding:0.8rem 0 2.8rem 0;margin-left:2.1rem;}
.guiaControl .num,.guiaControl ol > li .num:before,.guiaControl .ico {height:3rem;}
.guiaControl .ico {width:3rem;}
.guiaControl .num,.guiaControl ol > li .num:before {width:7.2rem;}
.guiaControl .num,.guiaControl .audio {}
.guiaControl [class*='_wave'] {position:relative;}
.guiaControl :not(.active) > .audio_wave:before {content:'';background:rgba(255,255,255,0.5);width:100%;height:0.4rem;display:inline-block;position:absolute;left:0;top:50%;}
.guiaControl ol > li {margin:0 2.2rem 0 0;}
.guiaControl [data-cover='0'] [data-diapo='0'] {display:none;}
.guiaControl .active > ul {display:inline-block;}
.guiaControl .active .num {background:rgba(0,0,0,0.66);}


/*play/pause*/
.playControl .ifont {width:9.6rem;height:9.6rem;line-height:8.8rem;margin:-4.8rem 0 0 -4.8rem;padding:0.4rem;}
.playControl .ifont .rtve-icons {vertical-align:middle;width:100%;height:7.2rem;padding-top:7.2rem;overflow:hidden;display:inline-block;
	background-color:rgba(0,0,0,0.2);
	border:0.4rem solid rgba(255,255,255,0.66);}
.playControl ._play .rtve-icons:nth-of-type(2),.playControl .pause .rtve-icons:nth-of-type(1) {display:none;}
.ifont .rtve-icons {height:3rem;transition:height 0.25s;}

/*numeracion*/
.guiaControl ol {/*counter-reset:chapter -1;*/}
.guiaControl ol > li .num:before {/*content:counter(chapter);counter-increment:chapter;*/
display:inline-block;font-size:1.4rem;font-weight:400;text-align:center;line-height:3rem;text-transform:uppercase;
border:0.2rem solid rgba(255,255,255,0.5);color:#fff;}
.guiaControl ol > li:nth-of-type(1) .num:before {content:"Intro";}
.guiaControl ol > li:nth-of-type(2) .num:before {content:"Numbi";}
.guiaControl ol > li:nth-of-type(3) .num:before {content:"Lulingu";}
.guiaControl ol > li:nth-of-type(4) .num:before {content:"Bukavu";}
.guiaControl ol > li:not(.active) .num:before {cursor:pointer;}
.guiaControl ol > .active .num:before {border-color:#fff;}

/*iconos*/
.audioGallery .playControl .ifont .rtve-icons:before {font-size:9.6rem;width:100%;height:100%;}
.audioGallery .audio_circle {margin-top:0.8rem;}
.audioGallery .audio_circle .rtve-icons:before {opacity:0.5;}
/*iconos/ondas*/
.audioGallery:not(.move-played) .active .audio_wave .rtve-icons {height:0.4rem;width:100%;overflow:hidden;display:inline-block;}
.audioGallery :not(.active) > .audio_wave .rtve-icons:before {display:none;}
.audioGallery .active .audio_wave .rtve-icons:before {font-size:3.2rem;width:3.2rem;height:3.2rem;line-height:3.2rem;}

/*TESTIMONIOS*/
.graphBox .item.xtraContent.be_on {z-index:1;}
.xtra-played .playControl,.xtra-played .body-item > .texto,.xtra-played .head-item {opacity:0;}
.xtraContent.be_on .body-item > .imagen img {display:none;}
/*controles xtras*/
.aud_Box .xtraControl .ico {height:4rem;width:auto;border:0.2rem solid rgba(255,255,255,0.5);border-radius:2rem;padding:0 1.6rem 0 0.4rem;margin-right:0.8rem;}
.audioGallery .aud_Box .xtraControl .multi_wave .rtve-icons:first-child:before,
.audioGallery .aud_Box .xtraControl .next_ .rtve-icons:before {font-size:3.6rem;height:3.6rem;width:3.6rem;float:left;color:rgba(255,255,255,0.5);}
.texto .xtraControl .rtve-icons {font-size:1.3rem;line-height:3.6rem;float:left;text-transform:uppercase;letter-spacing:1.5pt;}

.audioGallery .aud_Box .xtraControl .multi_wave .rtve-icons:nth-child(1):after,
.audioGallery .aud_Box .xtraControl .multi_wave .rtve-icons:nth-child(2):before,
.audioGallery .aud_Box .xtraControl .multi_wave .rtve-icons:nth-child(2):after {width:3rem;float:left;color:rgba(255,255,255,0.5);padding:0.3rem 0;}

.audioGallery .aud_Box .xtra-paused .multi_wave .rtve-icons:nth-child(1):after,
.audioGallery .aud_Box .xtra-paused .multi_wave .rtve-icons:nth-child(2):before,
.audioGallery .aud_Box .xtra-paused .multi_wave .rtve-icons:nth-child(2):after {height:0.4rem;line-height:0.4rem;padding:0;overflow:hidden;margin-top:1.7rem;}


.aud_Box .xtraControl .ifont:hover {background:rgb(0,0,0);border-color:#fff;}
.audioGallery .aud_Box .xtraControl .multi_wave:hover .rtve-icons:nth-child(1):before,
.audioGallery .aud_Box .xtra-paused .multi_wave:hover .rtve-icons:nth-child(1):before,
.aud_Box .xtraControl .ifont:hover .rtve-icons:after,
.aud_Box .xtraControl .ifont:hover .rtve-icons:before {color:#fff;}
.audioGallery .aud_Box .xtraControl:not(.xtra-paused) .multi_wave:hover .rtve-icons:nth-child(1):before {content:"\e520";}
.audioGallery .aud_Box .xtra-paused .multi_wave .rtve-icons:nth-child(1):before {content:"\e510";}


.xtraContent.be_on .aud_Box .imagen,.xtraContent.be_on .aud_Box > div {/*display:flex;align-items:center;height:100%;*/width:50%;}
.xtraContent.be_on .aud_Box > div {/*justify-content:center;flex-direction:column;*/}
.xtraContent.be_on .aud_Box .imagen {float:left;text-align:right;}
.xtraContent.be_on .aud_Box > div {float:right;text-align:left;}
.xtraContent.be_on .aud_Box .imagen img,.xtraContent.be_on .aud_Box > div {border-width:6rem;}
.xtraContent.be_on .aud_Box .imagen img {width:100%;height:auto;margin-top:-8rem;float:none;}
.xtraContent.be_on .aud_Box {width:100%;height:100%;background:rgba(18,24,24,0.75);}
.graphBox.beoff .xtraContent.be_on .aud_Box {position:absolute;}
.graphBox.be_on .xtraContent.be_on .aud_Box {position:fixed;}
.xtraContent.be_on .aud_Box > div > * {color:#fff;width:100%;display:block;}

.xtraContent .xtraBox {display:none;}
.xtraContent.be_on .xtraBox {display:flex;align-items:center;flex-direction:row;}
.xtraContent.be_on .xtraBox > * {height:auto;position:relative;}

.graphBox .auxControl,
.graphBox .indexBox > *,
.graphBox .diapoBox,.graphBox .body-item > .texto,
.diapoBox .head-item,.diapoBox .head-item .label,
.graphBox .item,.graphBox .imagen,.imagen .imabkg,/*.diapoBox .head-item > *,*/
.guiaControl ol > li .num:before,
.playControl .ifont,
.audioGallery .audio_wave .rtve-icons:before,
.audioGallery .playControl .ifont .rtve-icons:before,
.audioGallery:not(.move-played) .guiaControl .audio_wave .rtve-icons {position:absolute;}
.graphBox,.imagen img,.guiaControl li,
.audioGallery:not(.move-played) .guiaControl .audio_wave {position:relative;}

.graphBox.fullsc_1 {position:fixed;}


.guiaControl ol > li .num:before {left:0;top:-0.2rem;}
.graphBox,
.graphBox .auxControl,
.graphBox .diapoBox,
.graphBox .item,.graphBox .imagen,.imagen .imabkg,
.audioGallery .playControl .ifont .rtve-icons:before,
.xtraContent.be_on .aud_Box {left:0;top:0;}

.audioGallery .audio_wave .rtve-icons:before {left:0.1rem;top:0.1rem;}

.playControl .ifont {left:50%;top:50%;}

.diapoBox .head-item,.diapoBox .head-item > *,.graphBox .indexBox > *,.audioGallery:not(.move-played) .guiaControl .audio_wave .rtve-icons {left:0;}

.diapoBox .head-item {bottom:14.4rem;}
.head-item .maintitle {top:0;}
.audioGallery:not(.move-played) .guiaControl .audio_wave .rtve-icons {top:50%;}

.audioGallery:not(.move-played) .audio_wave .rtve-icons:before {left:-0.1rem;top:-1.4rem;}

.head-item .label {bottom:-10.4rem;}

.graphBox .body-item > .texto {left:0;bottom:0;}




.indexBox .guiaControl {bottom:-9.8rem;}
.user-active .body-item > .texto {bottom:9.8rem;}
.user-active .indexBox .guiaControl {bottom:0;}
.user-active .diapoBox .head-item {bottom:24rem;}
.user-active .head-item .label {/*bottom:-3.6rem;*/}

.graphBox .auxControl {z-index:3;}
.xtraContent.be_on .aud_Box,
.diapoBox .head-item,.graphBox.fullsc_1 {z-index:2;}
.graphBox .indexBox > *,
.graphBox .body-item > .texto,.imagen img {z-index:1;}
.imagen .imabkg {z-index:0;}


.indexBox .playControl {top:6rem;left:50%;margin-left:-40rem;padding-top:53.25rem;}

.texto .maintitle {padding-bottom:1rem;}
.texto p strong {font-weight: 400;}

li[data-diapo="15"] .audio_wave .rtve-icons:before, li[data-diapo="15"]  .audio.multi_wave .rtve-icons:nth-child(1):after {-webkit-animation-name:none;animation-name:none;}
.audioGallery li[data-diapo="15"].active .audio_wave .rtve-icons:before {height:.4rem;}
.audioGallery li[data-diapo="15"].active .audio_wave .rtve-icons:before {background:#fff;width:100%;height:.4rem;display:inline-block;position:absolute;top:0;left:0;}
.audioGallery .guiaControl li[data-diapo="15"].active .audio_wave .rtve-icons {width:100%;position:absolute;top:50%;left:0;}


.mod-loading {display:block;}
.mod-loading {position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:10;}
.mod-loading span {position:absolute;top:6%;left:50%;color:#fff;margin-left:-6rem;width:12rem;text-align: center;font-size:20px;text-shadow:0.2rem 0.2rem 0.2rem #000}
.mod-loading span:before {content: '';padding:2rem;background: url("http://img2.rtve.es/css/destacado/img/loading.gif");position:relative;display:block;width:6.6rem;
    height: 66px;background-repeat: no-repeat;background-position: 50% 0%;margin: 0 auto;}

@media screen and (max-width:800px) {
	.body-item > .imagen img {border:0 none;}
	.indexBox .playControl {top:0;}
}
@media screen and (min-width:1200px) {
	.indexBox .playControl {left:17%;margin-left:0;padding-top:44%;}
	.xtraContent.be_on .aud_Box .imagen img,.xtraContent.be_on .aud_Box div {max-width:64rem;}
}

@media screen and (min-width:1281px) {
	.texto * {font-size: 2rem;}
}

@media screen and (orientation:landscape) {
	.imagen .imabkg {background-size:120%;}
}
@media screen and (orientation:portrait) {
	.imagen .imabkg {background-size:200%;}
}

/*correccion al pasar de un extra a la siguiente ficha en fullscreen se muestra brevemente la ficha anterior*/
.xtraContent:not(.active) .body-item .imagen{display:none;}