@import url("/css/rtve.2015/rtve.skins/rtve.SERIES/rtve.modules/app.desktp.css");

/**general**/
[class*="app"].container .grid .gridBox > .cell .mediaBox .ima{background:#0ac6fb; /* Old browsers */
background:-moz-linear-gradient(45deg,#0ac6fb 0%,#5163de 50%,#904bbd 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(45deg,#0ac6fb 0%,#5163de 50%,#904bbd 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(45deg,#0ac6fb 0%,#5163de 50%,#904bbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ac6fb',endColorstr='#904bbd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/**textos**/
/*titulo*/
[class*="app"].inside .slaves.grid:not(.g1) .gridBox .cell .overBox .pretitle, [class*="app"].inside .slaves.grid .gridBox > .cell .overBox .txtBox .maintitle{font-size:4.5em !important;font-weight:500;}
[class*="app"].inside .mainBox .mediaBox + .overBox{border-width:4em 8em;}
.bodier [class*="app"].inside .g3 .gridBox .cell .overBox .txtBox{width:100%;max-width:82em;}
/*descripcion*/
.wrapper.bodier [class*="app"].container.inside .grid .cell .overBox .auxBox{width:100%;max-width:63em;padding-top:0.5em !important;margin:0;}
[class*="app"].inside .overBox .auxBox p, [class*="app"].inside .overBox .auxBox li{font-size:1.7em !important;line-height:1.88em !important;padding-bottom:0;margin:0;}

/**imgs**/
/*logo*/
[class*="app"] .grid .gridBox > .cell:before{display:none;}
/*aux*/
[class*="app"].inside div:not(.slavesBox) > .cell .mediaBox:before{height:84%;width:52%;
	background-image:url("/css/rtve.2017.television/rtve.programas/como-lo-ves/i/app/landing_aux.png");
	background-color:transparent;
	background-size:contain;
	right:0;}
/*bodegon*/
[class*="app"] .grid .gridBox > .cell:after{
	background-image:url("/css/rtve.2017.television/rtve.programas/como-lo-ves/i/app/landing_bodegon.png");
	background-color:transparent;
	top:auto;left:5em;bottom:0;}
/*esclavos*/
[class*="app"] .slaves.grid.g3 .slavesBox{width:11.4rem;left:38%;right:auto;bottom:15%;}
[class*="app"] .grid.slaves .gridBox .slavesBox .cell:first-child,[class*="app"] .grid.slaves .gridBox .slavesBox .cell:last-child{width:100%;padding:0;}

[class*="app"] .slavesBox .mediaBox .ima, body [class*="app"] .slavesBox .mediaBox > .ima:before{padding-top:35.1%;}