@import url("cronologias.basics.css");

.itemLista .itemGroup .item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}

/* destacaLinks */
.infoBox .destacaLinks {display: inline-block;width: 100%;background: #262626;padding:1rem 2rem;text-align:center;position: relative;}
.infoBox .destacaLinks ul {position: relative;width: 200%;display: flex;justify-content: flex-start;align-items: center;transition: all 0.5s;}
.infoBox .destacaLinks ul li {display: inline-block;padding:0 1rem;width: 10%;}
.infoBox .destacaLinks ul li a {background: transparent;border-bottom: none;}
.infoBox .destacaLinks ul li a span {font-family: 'Roboto Slab', serif;font-size:1.4rem;line-height: 1.8rem;font-weight:300;color:#FFFFFF;}
.infoBox .destacaLinks ul li a:hover {opacity:0.7}
.infoBox .destacaLinks {display:none;}

.itemLista {padding: 0 15%;}
.itemLista .itemGroup{position:relative}
.itemLista .itemGroup:before {content: "";height: 100%;display: block;position: absolute;width: .2rem;left: 1rem;z-index: 1;top: 0;margin-top: 4rem;}

.itemLista .itemGroup .item{justify-content: flex-start;position:relative;font-size:0}
.itemLista .itemGroup>.item:not(.destacado):before{content:"";z-index:1;width:2rem;height:2rem;top:2rem;left:0;line-height:2rem;border-radius:100%;position:absolute}

/* nav.filter.blindBox ul li strong:empty, */
.itemLista .itemGroup .item span.day,
.itemLista .itemGroup .item.destacado span.time {}
.itemLista .itemGroup .item span.time{font-size:1.6rem;line-height:2rem;font-weight:900;padding: 2rem 1.2rem 1.2rem 3rem;white-space: nowrap;min-width: 14rem;}
.itemLista .itemGroup .time strong {padding-bottom: 0.4rem;}
.itemLista .itemGroup .item span.time {display:flex; flex-direction:column;}

.itemLista .itemGroup .item .texto {padding:1rem 2rem;position: relative;width: 100%;display: inline-block;}
.itemLista .itemGroup .item .texto img {width:100%;height:auto;}

.itemLista .itemGroup .item.destacado span.time {font-size: 1.8rem;flex-direction:row;}
.itemLista .itemGroup .item span.time strong {padding-right:1rem;}

.itemLista .itemGroup .item.destacado {padding:2rem;position:relative;left: 10%;flex-flow: row wrap;margin-bottom: 2rem;box-shadow: 0.3rem 0.3rem 0.6rem -0.2rem #888;}
.itemLista .itemGroup .item.destacado .mediaBox {width: 100%;order: 2;}
.itemLista .itemGroup .item.destacado .maintitle {position: relative;width:100%;order:1;margin-top: auto;font-size: 3rem;line-height: 3.4rem;padding:0;}
.itemLista .itemGroup .item.destacado .texto {position: relative;width: 100%;display: inline-block;padding: 1rem 0 0 0;order: 3;}

.p_final .itemLista {padding: 0 5%;}
.p_final .itemLista .itemGroup .item.destacado {max-width:95%}

.destacaLinks .controlBox_slideHor {position:absolute;left:0;width:100%;top:0;height:0;z-index:2;top:50%}
.destacaLinks .controlBox_slideHor .ico {text-align:center;display:inline-block;cursor:pointer;position: relative;margin-top:-2rem}
.destacaLinks .controlBox_slideHor .ico img {height:4rem;width:4rem;display:inline-block;background-repeat:no-repeat;position:absolute;top:0;}
.destacaLinks .controlBox_slideHor .back_ {float:left}
.destacaLinks .controlBox_slideHor .next_ {float:right;}
.destacaLinks .controlBox_slideHor .back_ img {background-image:url('https://css2.rtve.es/css/rtve.elecciones/i/iconos.svg/arrowL.svg');background-position:0% 50%;left: 0;}
.destacaLinks .controlBox_slideHor .next_ img {background-image:url('https://css2.rtve.es/css/rtve.elecciones/i/iconos.svg/arrowR.svg');background-position:0% 50%;right: -2rem;}
.destacaLinks .controlBox_slideHor .ico.beoff {opacity: 0.4;cursor: default;}

.artBody .infoBox .mediaBox a:hover {background: transparent;}
.artBody .infoBox .mediaBox , .itemLista .itemGroup .item .vidBox .ima.T.H.f16x9:after {transition: all 0.2s;}
.itemLista .itemGroup .item.destacado .vidBox:hover .ima.T.H.f16x9:after{width: 7.6rem;height:7.6rem;margin-left:-4rem;margin-top:-4rem;}

/* textos */
.itemLista .itemGroup p, .itemLista .itemGroup p strong {font-size: 1.8rem;line-height: 3.6rem;font-family: 'Roboto Slab', serif;color: #3b3b3b;font-weight: 300;}
.itemLista .itemGroup p strong {font-weight: 500;}
.itemLista .itemGroup p a, .itemLista .itemGroup li a, .itemLista .itemGroup figcaption a, .itemLista .itemGroup span a, .article .falseH1 .infoBox a, .article .summary .infoBox a  {outline: none;border-bottom: none;padding: 0.3rem;font-weight: 800;font-family: 'Roboto Slab', serif;}
.itemLista .itemGroup p a:hover, .itemLista .itemGroup li a:hover, .itemLista .itemGroup figcaption a:hover,.itemLista .itemGroup span a:hover, .article .falseH1 .infoBox a:hover, .article .summary .infoBox a:hover {background: transparent;color:#222;}

.itemLista .itemGroup p, .itemLista .itemGroup p strong{padding: 0;}
.p_final .artBody .infoBox > .grid {display: block;}