@charset "utf-8";
@import url("lot-navidad.infografia.basics.css");

.container:not(.bigTit).loteriaBox > .grid:not(.backed) .secBox span {font-size: 3rem;font-family: Roboto,arial,sans-serif;color:#263b56;}
.loteriaBox.container[data-tipo="mod_libre"] .gridBox,
.loteriaBox.container[data-tipo="mod_libre"] .gridBox > .cell/*,
.loteriaBox.container[data-tipo="mod_libre"] .gridBox .cellContent > .cell,
body[class*="loteria-de-navidad-"] .bigTit[data-tipo="mod_libre"] .gridBox .cellContent > .cell*/ {padding: 0;}

[class*='preLot'] ol span:empty {min-height:4.8rem;}

[class*='preLot'] {padding:1.2rem 0 0 0;}
.preLotNav strong {line-height:3rem;}
.preLotNav, .preLotNav ol {width:100%;display: inline-flex;flex-flow:row;flex-wrap: wrap;}
.drumBox {width:100%;}
.drumBox ol > li  {border:0.1rem solid #c1c1c1;margin: 0 0.4rem;text-align: center;}
.drumBox ol> li> ul {display:flex;flex-flow: row;justify-content: space-around;}

/*ESTRUCTURA TABLAS*/
.preLotNav .p1 {width: calc(16% - 0.8rem);}
.preLotNav .p2,.preLotNav .p3 {width:calc(10% - 0.8rem);}
.preLotNav .p4 {width: calc(14% - 0.8rem);}
.preLotNav .p5 {width: calc(50% - 0.8rem);}

/*el gordo*/
.preLotNav .p1 span {font-size: 3rem;}


@media only screen and (max-width: 1220px) {
.preLotNav .p1,.preLotNav .p2,.preLotNav .p3 {width: calc(33.33% - 0.8rem);}
.preLotNav .p4 {width: calc(33.33% - 0.8rem);margin-top: 1.2rem;}
.preLotNav .p5 {width: calc(66.66% - 0.8rem);margin-top: 1.2rem;}

}


/*pfinal*/
.p_final [class*='preLot'] strong {font-size:1.4rem;}
.p_final .drumBox ol > li {margin: 0.4rem;}
.p_final .artBody .preLotNav .p1 {width: calc(30% - 0.8rem);}
.p_final .artBody .preLotNav .p2,
.p_final .artBody .preLotNav .p2, .p_final .preLotNav .p3, .p_final .preLotNav .p4 {width: calc(22% - 0.8rem);}
.p_final .artBody .preLotNav .p4 {flex-flow:column;}
.p_final .artBody .preLotNav .p4 {width: calc(26% - 0.8rem);}
.p_final .artBody .preLotNav .p5 {width: calc(100% - 0.8rem);}

/* INFOGRAFIA PREMIOS LOTERIA DEL NINO */
.preLotNin .p1,.preLotNin .p2,.preLotNin .p3,.preLotNin .p7 li {width: calc(33.333333% - 0.8rem);}
.preLotNin .p4 {width:calc(14% - 0.8rem);}
.preLotNin .p5 {width:calc(42% - 0.8rem);}
.preLotNin .p6 {width:calc(26% - 0.8rem);}
.preLotNin .p7 {width:calc(18% - 0.8rem);}

.preLotNin .p4 li {width:50%;}
.preLotNin .p5 li {width:14.28571428571429%;}
.preLotNin .p6 li {width:20%;}

/* premios en linea */
.preLotNin .p1 strong, .preLotNin .p2 strong, .preLotNin .p3 strong,
.preLotNin .p1 > a, .preLotNin .p1 > span, .preLotNin .p2 > span, .preLotNin .p3 > span {width: 50%;float:left;}
.preLotNin .p1 strong, .preLotNin .p2 strong, .preLotNin .p3 strong {line-height:4.8rem}
.preLotNin .p1 strong:after, .preLotNin .p2 strong:after, .preLotNin .p3 strong:after {width:0.1rem;height:70%;position:absolute;top:15%;bottom:auto;left:auto;right:0;}

.preLotNin .drumBox ol > li {margin: 0.4rem;}
.preLotNin .drumBox ol > li > ul {flex-wrap:wrap}

.preLotNin ol .p4 span,.preLotNin ol .p6 span,.preLotNin ol .p7 span {line-height:7.6rem;}
.preLotNin ol .p5 li span {line-height:3.2rem;padding-bottom:0.6rem;}
.preLotNin ol .p5 li:nth-of-type(1) span,.preLotNin ol .p5 li:nth-of-type(2) span,.preLotNin ol .p5 li:nth-of-type(3) span,
.preLotNin ol .p5 li:nth-of-type(4) span,.preLotNin ol .p5 li:nth-of-type(5) span,.preLotNin ol .p5 li:nth-of-type(6) span,
.preLotNin ol .p5 li:nth-of-type(7) span {padding-top:0.6rem;padding-bottom:0;}
.preLotNin ol .p5 li span{min-height: 3.6rem;}
.preLotNin ol .p4 li span,.preLotNin ol .p6 li span,.preLotNin ol .p7 li span{min-height:7.4rem;}

.cell > .cell.ULTIMA_NOTICIA {padding:0;}

.container + .container.byside:not([data-tipo="mod_libre"]) .llamador-loteria {margin-top: -1rem;}


/* ajustes para pfs */
.p_final .article .summary [class*='preLot'] li {text-indent: unset;border: 0;padding: 0;line-height: 1;font-size: 2rem;}
.p_final .article .summary [class*='preLot'] li:before {content: none;}

.p_final .mainContent .summary [class*='preLot'] a,
.p_final .article > .summary [class*='preLot'] a,
.p_final .mainContent .artBody [class*='preLot'] li a {border-bottom: 0;}

.p_final .artBody [class*='preLot'] ol .p5 span {font-size: 1.8rem;}

/* mas premios */
.preLotNin,
.gridBox .preLotNin{padding-top: 0;}

.preLotNin li:not(hddn) {position:relative;height:100%;transition:all 0.2s;}
.preLotNin li.hddn {position: relative;height: 0;opacity:0;transition:all 0.2s;left:0;margin:0}

.preLotNin+.more {position:absolute;top:0;right:1rem;font-size:1.6rem;cursor:pointer;display: block;padding: 1.2rem;top:-3.2rem;transition:all 0.2s;}
.preLotNin+.more:hover {background:#f1efef;}
.preLotNin+.more:before {content: 'add_circle_outline';float: left;display: inline;font-size: 3rem;font-weight: 100;line-height: 1.6rem;text-align: center;text-transform: none;text-rendering: optimizeLegibility;font-family: 'Material Icons';-webkit-font-smoothing: antialiased;font-feature-settings: "liga";vertical-align: middle;padding-right: 1rem;opacity: 0.7;}
.preLotNin+.more:after {content: 'Mostrar más premios';float: left;-webkit-font-smoothing: antialiased;}
.preLotNin+.be_on {position:absolute;top:0;right:1rem;font-size:1.6rem;cursor:pointer;display: block;padding: 1.2rem;top: -3.2rem;transition:all 0.2s;}
.preLotNin+.be_on:hover {background:#f1efef;}
.preLotNin+.be_on:before {content:'add_circle_outline';float: left;display: inline;font-size: 3rem;font-weight:100;line-height:1.6rem;text-align:center;text-transform:none;text-rendering: optimizeLegibility;font-family: 'Material Icons';-webkit-font-smoothing: antialiased;font-feature-settings:"liga";vertical-align: middle;padding-right:1rem;opacity:0.7;transform:rotate(45deg);transform-origin:1.6rem 0.8rem;}
.preLotNin+.be_on:after {content: 'Mostrar menos premios';float: left;-webkit-font-smoothing: antialiased;}