@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

.wrapper.subheader .navBox.spechead .logoima img {display: block;}

/*BASIC*/
.wrapper.bodier {background: rgb(0,28,97);
background: -moz-linear-gradient(top, rgba(0,28,97,1) 0%, rgba(21,40,65,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,28,97,1) 0%,rgba(21,40,65,1) 100%);
background: linear-gradient(to bottom, rgba(0,28,97,1) 0%,rgba(21,40,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c61', endColorstr='#152841',GradientType=0 );}

#info-temas {margin-bottom: 4rem;}
.infoBox{position:relative;}
.infoBox .slideBox{overflow:hidden;width:100%;padding: 0 6rem;}
.infoBox .list-temas {display:block;font-size:0;margin:0;}
.infoBox .list-temas button{/*float:left;*/cursor:pointer;display: inline-block;}
.infoBox .list-temas button .img {width:100%;height:auto;overflow:hidden;position: relative;padding-top:100%;}
.infoBox .list-temas button.active .img {filter: drop-shadow(0 -1px 0 white) drop-shadow(0 1px 0 white) drop-shadow(-1px 0 0 white) drop-shadow(1px 0 0 white) brightness(1.1);}
.infoBox .list-temas button .img img{width:100%;height:auto;position:absolute;top:0;left:0;}
.infoBox .list-temas button .txtBox{padding:1rem 0;text-align:center;}
.infoBox .list-temas button .chipBox{font-size:2rem;font-weight:300;display:flex;flex-flow:column;}
.infoBox .list-temas button p{font-size:1.6rem;font-weight:500;display:block;padding:1rem 0;}
.infoBox .list-temas button.no-active {opacity: 0.1;cursor: default;}

/*FICHA*/
.infoBox .infoFicha li .infoBox{display:block;font-size: 0;}
.infoBox .infoFicha li .contentBox .txtBox{padding:2rem 0;}
.infoBox .infoFicha li .contentBox .auxBox{padding:0;margin:0;}
.infoBox .infoFicha li .txtBox span{font-weight:500;line-height:1;}
.infoBox .infoFicha li .txtBox span strong{font-weight:400;display:block;font-family: 'Anton', sans-serif;text-transform:uppercase;}
/* videos  revisar*/
.infoBox .infoFicha li .mediaBox > .video > div[style*="background"] {padding-top:56.25%!important;background:#f3f3f3!important;border-bottom:0!important;}
.infoBox .infoFicha li .mediaBox > .video > div > iframe {height:100%!important;outline: none;}
.infoBox .infoFicha li .mediaBox > .video > div > iframe + div {display:none!important;}
/* imagen */
.infoBox .infoFicha li .mediaBox .ima {outline: none;box-shadow:none}
/* extras */
.infoBox .infoFicha li .extraBox {display:block;width: 100%;font-size:0;margin-top:2rem;float: left;/*padding: 2rem 3rem;*/}
.infoBox .infoFicha li .extraBox span {display:block;padding: 2rem 2rem 3rem 5rem;vertical-align: top;}
.infoBox .infoFicha li .extraBox span * {font-size:1.6rem;line-height: 1.2;font-weight: 300;}
.infoBox .infoFicha li .extraBox span ul li {padding-top:2rem;}
.infoBox .infoFicha li .extraBox span ul li:before {content: "\00b7";margin-left: -1rem;position: absolute}
.infoBox .infoFicha li .extraBox span:before {content: "\00bfY t\00fa  qu\00e9  puedes hacer?";font-size: 2.8rem;font-family: 'Anton', sans-serif;padding: 1.2rem 2rem 1.2rem 7rem;color: #6fd1de;display: block;background: url(/css/rtve.2019.noticias/cumbre-clima-2019-TE_SCB20LL/info-temas/i/solucion.png) no-repeat top left;background-size: auto 100%;margin-left: -2rem;}

/*flechas*/
.infoBox .slideBox,
.infoBox .fichaBox{position:relative;}
.infoBox .controlBox{z-index:2;}
.infoBox .controlBox .arrow{font-size:5rem;z-index:1;position:absolute;top:50%;margin-top:-7.5rem;cursor:pointer;font-feature-settings:"liga"}
/*activar*/
.infoBox .fichaBox > ul > li.selected{opacity:1;visibility:visible;width:100%;height:auto;position:relative;}
.infoBox .fichaBox > ul > li{opacity:0;visibility:hidden;width:0;height:0;/*display:none;*/position:absolute;transition:opacity 1s ease-in-out;}

/*show/hide prev*/
.showPrev {position:absolute;top:0;left:0;z-index:2;}
.showPrev,.showPrev.show .ima {width:100%;height:100%}
.showPrev .ima {width:8rem;height:8rem;float:right;}
.showPrev .ico.fullsc{position:absolute;right:2rem;left:auto;z-index:3;top:2rem;}
.showPrev.show +.mainBox {opacity:0;}
.showPrev +.mainBox {opacity:1;}


/** colores **/
.infoBox .infoFicha li .infoBox {background: #f3f3f3;}
.infoBox .infoFicha li .extraBox {background:#263A60}

.infoBox .infoFicha li .txtBox span strong {color:#6fd1de;}
.infoBox .infoFicha li .contentBox .auxBox *, .infoBox .infoFicha li .contentBox .auxBox {color:#001c61;}
.infoBox .infoFicha li .extraBox span * {color:#fff;}