@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');

.bodier .container.diarioC {width:100%;}
.inf-timeLine .eventos {max-width:80rem;margin:0 auto;}
.inf-timeLine .controlEventos {display:flex;max-width: 80rem;margin:0 auto;    width: 100%;}
.diarioC .grid .gridBox, .diarioC .grid .gridBox .cell {padding:0;}

.inf-timeLine {margin:0 auto;position:relative;overflow:hidden;}
/* elementos ocultos */
.inf-timeLine span.duration, .inf-timeLine .pointer, .inf-timeLine .party_selector li label {clip:rect(0,0,0,0);overflow:hidden;display:inline-block;position:absolute;left:0;top:0;}

/*diario*/
.legend .tit, .legend .subtit {display: inline-block;font-size:1.8rem;font-weight: 400;padding:.6rem;}
.legend .tit strong {font-weight:600;}

.controlEventos .listaFechas + .tit {width:12%;}
.controlEventos ul {display:inline-block;width:100%;}
.controlEventos ul li {float:left;position: relative;}

/* catalan */
body[data-cat="TE_SELMU23"] .legend .tit:after,body[data-cat="TE_SELGE23"] .legend .tit:after, .p_final.television .legend .tit:first-child:after {content: 'Diari de campanya';font-size: 1.8rem;}
body[data-cat="TE_SELMU23"] .legend .tit:first-child, body[data-cat="TE_SELGE23"] .legend .tit:first-child, .p_final.television .legend .tit:first-child {font-size: 0;}

/* dias */
#porDate {background:#F2F2F2;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;box-shadow:inset 0 -.4rem .2rem -.3rem #dcdcdc;}
.controlEventos li.disabled span {color:#ccc;}
.controlEventos li:not(.disabled) {cursor: pointer;}

.controlEventos li {list-style: none;width: 6.25%;color:#3f3e3d;font-weight: 400;text-align: center;transition: background 0.3s ease; -webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.controlEventos.num_elem15 li {width: 6.666666666666667%;}
.controlEventos.num_elem14 li {width: 7.142857142857143%;}
.controlEventos.num_elem13 li {width: 7.692307692307692%;}
.controlEventos.num_elem12 li {width: 8.333333333333333%;}
.controlEventos.num_elem11 li {width: 9.090909090909091%;}
.controlEventos.num_elem10 li {width: 10%;}
.controlEventos.num_elem9 li {width: 11.1111111111%;}
.controlEventos.num_elem8 li {width: 12.5%;}
.controlEventos.num_elem7 li {width: 14.28571428571429%;}
.controlEventos li.ini_enabled span {border-radius:2rem 0 0 0;}
.controlEventos li.fin_enabled span {border-radius:0 2rem 0 0;}
.controlEventos li.ini_enabled.fin_enabled span {border-radius:2rem 2rem 0 0;}
.controlEventos li:not(.disabled) span {background:#fff;font-weight:600;}
.controlEventos li span {font-size:2rem;color:#3f3e3d;}
.controlEventos li span {padding: 1.4rem 0 0.8rem 0;display: inline-block;width: 100%;}
.controlEventos li.selected span {background:#fff;color:#d25000;}
.controlEventos li.selected span {color:#d25000;font-weight: 500;}
.controlEventos li a.active span {color: #d25000;font-weight: 700;}
.inf-timeLine .controlEventos li a {border:none;}

/* FICHAS */
#eventos {display:block;padding:2rem 0 0 0;}
#eventos .evento.selected, #eventos.partido ul.selected {display:flex;flex-flow: row wrap;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-flex-flow: row wrap;justify-content: space-between;opacity: 1;clip:auto;position:unset}
#eventos.partido ul.selected {justify-content: flex-start;margin: -.5rem;padding-top:3rem}
#eventos .evento, #eventos.partido > ul {opacity:.2;transition: opacity 1s ease;clip: rect(0,0,0,0);position: absolute;top: 0;left: 0;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;}

.inf-timeLine .auxBox li:before, .inf-timeLine .descrip li:before{content:'\25BA';display:block;width:1.5rem;height:1.5rem;font-size:1.2rem;line-height:3;color:#3f3e3d;position:absolute;top:0;left:0;}
.inf-timeLine .fechaa .cell.infoBox:not(:first-of-type) li:before, .inf-timeLine .partido .cell.infoBox li:before {color:#fff;line-height:2}

.inf-timeLine .cell.infoBox {width:23%;padding:.2%;margin:1.5rem 0;}
.controlEventos li.selected:after {content:"\25BC";color:#d25000;display:block;position:absolute;left: 50%;margin-left: -1.1rem;margin-top:0;font-size:2.2rem;}


/* ficha destacada */
.evento .infoBox {width:100%;font-family:'Roboto',sans-serif;font-size:1.6rem;position: relative;}
.evento .infoBox a {display:block;width:100%;height:100%;position: absolute;top:0;left:0;}
.evento .infoBox .destacaBox .pretitle {font-size:1.6rem;font-weight:600;line-height:2rem;text-transform:uppercase;}
.evento .title {font-size:1.8rem;line-height:1.4;}
.evento .infoBox .destacaBox{width:100%;display:inline-block;}/*modifico el width de 60 a 100*/
.evento .infoBox .destacaBox .ima {width:50%;padding-top:22.5%;}/*modifico el width de 40 a 50*/
.evento .infoBox .destacaBox .pretitle {width:50%;padding:1rem 4rem 1rem 2rem;display:inline-block;color:#d25000;}/*modifico el width de 60 a 50*/
.evento .infoBox .destacaBox .title {width:50%;padding:0 4rem 2rem 2rem;display:inline-block;}/*modifico el width de 60 a 50*/
.evento .infoBox .citaBox {width:39%;display:inline-block;padding:0 2rem 2rem;position:relative;float:right;border-left: .1rem dashed #d25000;}
.evento .infoBox .citaBox .title {padding:0 2rem 2rem 3rem;display:block;position:relative;text-align:left;font-weight:300;}
.evento .infoBox .citaBox .title:after {content:"\201D";position:absolute;font-size:10rem;line-height:0;top:4.8rem;left:-1rem;color:#d25000;font-family:'Alfa Slab One',sans-serif;z-index:3;transform:scaleX(-1);}
.evento .infoBox .citaBox strong {padding:0 3rem;display:block;color:#d25000;}


/*positioning*/
.legend .tit:first-child {position: absolute;left:50%;margin-left: -57rem;top:0.4rem;}
.legend .tit +.tit, .legend .tit + .subtit {position:absolute;left:50%;margin-left:42rem;top:0.4rem;}
.evento .infoBox .citaBox + a {position:absolute;top:0;left:0;width:100%;height:100%;}
.evento .infoBox .citaBox {position:relative;}

/* ficha disabled */
.controlEventos li.disabled {background:transparent;pointer-events:none;}

.p_final #eventos {display:none;}
.p_final .inf-timeLine {position:absolute;top:0;left:0;width:200%;left:-50%;}
.p_final .mainContent, .p_final .artBody  {position:static;}

/*iconos pactometro*/
#pactometro .party .icono img {width:3rem;height:3rem;}

@media only screen and (max-width:1060px){
.controlEventos .tit {padding-top:1rem;}
}