/*borrar*/
#home1_970x90 {width:970px;height:90px;margin:30px auto;background:url('/content/banners/970.gif') center center no-repeat;}
#home2_970x90 {width:970px;height:90px;margin:30px auto;background:url('/content/banners/970.gif') center center no-repeat;}
#home_300x250 {width:300px;height:250px;background:#ccc;color:#fff;}

.play-icon {position:absolute;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);border-radius:50%;text-align:center;line-height:32px;font-size:32px;background:rgba(0,0,0,0.7);padding:20px 20px 20px 25px;}


article .category {padding-left:0;}

.subtitle {
	font-size:28px;
	line-height:32px;
	font-weight:700;
	border-bottom:2px solid #000;
	margin:20px 0 30px;
	padding:8px 0;
	display:inline-block;
}

.bomba .pic {width: 100%;height: auto;display: block;}
.bomba .category {font-size: 17px;line-height: 21px;margin-bottom: 10px;}
.bomba .mask {
	padding: 50px;
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.89+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.89) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.89) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.bomba .mask h2,
.bomba .mask summary {width: 60%;}
.bomba .mask h2 {
	font-size: 42px;
    line-height: 48px;
	color: #fff;
	margin-bottom: 25px;
}
.bomba .mask summary {
	border-top: 1px solid rgba(255,255,255,0.5);
	padding: 30px 0;
	color: #fff;
	font-size: 19px;
	line-height: 21px;
	font-family: 'Source Serif Pro', serif;
}


.cuadrilatero {
	padding:25px 0 0;
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 23% 50% 23%;
	grid-gap: 2%;
	margin:0 auto 30px;
}

.cuadrilatero .lateral article {height:330px;}
.cuadrilatero .lateral .pic {margin-bottom:15px;max-height:186px;}

.cuadrilatero article img.pic {width:100%;height:auto;}
.cuadrilatero article .share {display:none;}

.cuadrilatero .focal article {background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.cuadrilatero .focal article a, .cuadrilatero .focal article .pic {display:block;}
.cuadrilatero .focal article h2 {font-size:34px;line-height:38px;margin:0;padding:20px;font-weight:bold;}
.cuadrilatero .focal article .pic {max-height:388px}
.cuadrilatero .focal article summary, .cuadrilatero .focal article p {font-size:17px;line-height:20px;margin-bottom:20px;color:#000;padding:0 20px;}

.cuadrilatero .focal .article-info {position:relative;}
.cuadrilatero .focal .category {background:#0ba8e5;color:#fff;position:absolute;top:-370px;left:-10px;padding-left:10px;}



/* Columnas */
.col-grid {
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 22% 22% 22% 22%;
	grid-gap: 4%;
	margin-top:35px;
}

.col-grid article {height:350px;}
.col-grid article .pic {margin-bottom:15px;width: 100%;height: auto;}
.col-grid article .share {display:none;}

.ultimas {min-height:350px;}
.ultimas header {font-size:32px;font-weight:lighter;}
.ultimas header svg {float:left;margin:0 10px 0 0;}
.ultimas header span {font-size:17px;font-weight:bold;text-transform:uppercase;display:inline-block;border-bottom:2px solid #000;padding-bottom:3px;}

.ultimas .u-item {padding:10px 0;border-bottom:1px solid #f0f0f0;}
.ultimas .u-item time {background:#ff7200;color:#fff;display:inline-block;padding:0 5px;font-weight:bold;font-size:11px;}
.ultimas .u-item .pic {float:right;}
.ultimas .u-item h4 {margin:5px 0 0;font-size:12px;line-height:15px;}

.ranking .subtitle {margin:0;padding-top:0;padding-bottom:5px;margin-bottom:15px;}
.ranking .r-item {position:relative;padding:0 0 15px;}
.ranking .r-item h4 {margin:0 0 5px;max-height:55px;overflow:hidden;}
.ranking .r-item a  {display:block;}
.ranking .r-item .category {padding-left:0;}
.ranking .r-item .pic {float:left;margin:0 10px 0 0;}
.ranking .r-item .pos {width:80px;height:80px;background:rgba(0,0,0,0.5);color:#fff;position:absolute;top:0;left:0;font-size:42px;font-weight:bold;line-height:72px;text-align:center;transition:all 0.3s ease;}
.ranking .r-item a:hover .pos {opacity:0;}


/* Opinion */
.opinion {margin:40px auto;}
.autores .columns {
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 23% 23% 23% 22%;
	grid-gap: 3%;

}
.autores article {border:1px solid #f0f0f0;position:relative;text-align:center;padding-bottom:20px;box-shadow:0 0 8px rgba(0,0,0,0.15);transition:all 0.3s ease;}
.autores article:hover {box-shadow:0 0 8px rgba(255,114,0,0.15);}
.autores article h4 {font-size:20px;margin:0;font-weight:400;}
.autores article .pic {border-radius:50%;}
.autores .item_cat {display:block;padding:15px 0 10px;text-transform:uppercase;font-size:12px;font-weight:bold;}
.autores article h3 {font-size:17px;line-height:19px;font-weight:bold;padding:20px;margin:0;height:105px;overflow:hidden;font-weight:400;}


/*Automaticas*/
.automatic {margin:35px auto;}
.automatic .content {
	display: grid;
	grid-template-areas: "col1 col2 col3 col4";
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}
.automatic .content .pos-1 {
	grid-column-start: 1;
	grid-column-end: 3;
}
.automatic .content .pos-2 {
	grid-column-start: 3;
	grid-column-end: 5;
}
.automatic .content article {padding: 0 0 20px 0;}
.automatic .content article h2 {font-size:17px;line-height:21px;}
.automatic .content article .pic {width:100%;height:auto;margin-bottom:15px;}
.automatic .content .adblock {margin:0;}


/* Layout 1*/
.layout1-grid {
	/*display: grid;
	grid-template-areas: "col1 col2";
	grid-template-columns: 1fr 300px;
	grid-gap: 20px;*/
	margin-top:35px;
}

.layout1-grid .focal {
	padding:0;
	margin-bottom:25px;
}

.layout1 .subtitle {display:block;margin-bottom:20px;}
.layout1-grid .panel {margin-bottom:20px;}
.layout1-grid .panel.bottom {padding:0;}
.layout1-grid article .pic {width:100%;height:auto;margin-bottom:15px;}
.layout1-grid .share {display:none;}
.layout1-grid .category {padding-left:0;}

.layout1-grid .sidebar article {background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 15px rgba(0,0,0,0.15);margin-bottom:20px;}
.layout1-grid .sidebar h2 {padding:0 15px;margin:0;}
.layout1-grid .sidebar summary {padding:12px 20px 20px;}
.layout1-grid .sidebar summary, .layout1-grid .sidebar p {color:#000;}
.layout1-grid .sidebar .article-info {display:none;}

.layout1-grid .focal {position:relative;margin-bottom:25px;}
.layout1-grid .focal a {display:block;}
.layout1-grid .focal .pic {margin:0;display:block;}
.layout1-grid .focal h2 {color:#fff;font-size:34px;line-height:38px;}
.layout1-grid .focal summary {border-top:1px solid rgba(255,255,255,0.5);padding:20px 0;color:#fff;font-size:19px;line-height:21px;font-family: 'Source Serif Pro', serif;}
.layout1-grid .focal .mask {
	position:absolute;
	width:60%;
	height:100%;
	top:0;
	right:0;
	padding:40px 40px 40px 12%;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 35%, rgba(0,0,0,0.85) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 35%,rgba(0,0,0,0.85) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 35%,rgba(0,0,0,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 );
}

.layout1-grid .row {
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 32% 32% 32%;
	grid-gap: 2%;
}


/* Layout 2*/
.layout2 {margin:35px auto;}
.layout2-grid {
	display: grid;
	grid-template-areas: "col1 col2 col3";
	grid-template-columns: 300px 1fr 2fr;
	grid-gap: 2%;
}
.layout2 .subtitle {display:block;margin-bottom:20px;}
.layout2-grid article .pic {width:100%;height:auto;margin-bottom:15px;}
.layout2-grid article a {display:block;}
.layout2-grid article header {display:block;padding:15px 0 0;text-align:center;color:#000;font-size:19px;font-weight:bold;text-transform:uppercase;}
.layout2-grid article .share {display:none;}
.layout2-grid .panel-1n article {background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 15px rgba(0,0,0,0.15);min-height:460px;}
.layout2-grid .panel-1n article h2 {padding:15px 20px;}
.layout2-grid .panel-1n .article-info {position:static;}
.layout2-grid .panel-1n .category {background:#0ba8e5;color:#fff;position:absolute;top:220px;left:-10px;padding-left:10px;}

.layout2-grid .panel-2n article {margin:0 0 20px 0;}
.layout2-grid .panel-2n article:last-child {margin:0;}

.layout2-grid .panel-3n .mask {
	position:absolute;
	width:80%;
	left:10%;
	bottom:-30px;
	background:#fff;
	border:1px solid #f0f0f0;box-shadow:0 0 15px rgba(0,0,0,0.15);
	z-index:9;
}
.layout2-grid .panel-3n h2 {
	margin:0 20px;
	padding:10px 0 20px 0;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	color:#000;
}
.layout2-grid .panel-3n summary {padding:20px;font-family: 'Source Serif Pro', serif;font-size:17px;line-height:21px;color:#000;}
.layout2-grid .panel-3n .category {background:#0ba8e5;color:#fff;padding-left:10px;position:relative;bottom:-13px;left:50%;transform:translateX(-50%);}

div.poll {width: auto;}
.poll {margin: 0 auto;}
.poll .item i, .poll .item svg {top: 5px;right: 0;}

.clasificados {margin: 35px 0;}
.clasificados .swiper-container {width: 100%;padding: 10px;}
.clasif-header {margin: 30px 0 -20px;}
.clasif-header a.btn-publish {
	font-size: 17px;
	border-radius: 4px;
	color: #fff;
	padding: 15px 10px;
	min-width: 200px;
	text-align: center;
	background-color: #EA9A41;
	text-transform: uppercase;
	margin: 10px 0;
}

.clasif-header a.btn-publish:hover {background-color: #51A8DC;}
.clasif-header a.ver-todos {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #404040;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
	white-space: nowrap;
	font-weight: 700;
	padding: 15px 20px;
	margin-top: 10px;
}
.clasif-header a.ver-todos svg,
.clasif-header a.ver-todos i {vertical-align: -3.2px;}

.clasificados .swiper-button-next, 
.clasificados .swiper-container-rtl .swiper-button-prev {right: 20px;}

.clasificados .swiper-button-prev, 
.clasificados .swiper-container-rtl .swiper-button-next {left: 20px;}


















@media (max-width:1360px){
	.bomba .mask h2 {font-size: 38px;line-height: 44px;}
}

@media (max-width:1260px){
	.bomba .mask {padding: 40px;}
	.bomba .mask h2 {font-size: 32px;line-height: 38px;}
	.bomba .mask h2, .bomba .mask summary {width: 70%;}
	.apertura .focal .category {top:-330px;}
	.cuadrilatero .focal .category {top: -285px;}
	.autores article h3 {margin-bottom: 10px;height: 97px;}
	.layout1-grid .focal {min-height: 370px;overflow: hidden;}
	.layout1-grid .focal h2 {max-height: 115px;overflow: hidden;}
	.layout1-grid .focal .pic {
		height: 100%;
		width: auto;
		position: absolute;
	}
	
}

@media (max-width:1100px){
	.bomba .mask summary {display: none;}
}

@media (max-width:980px){
	/*borrar*/
	#home1_970x90 {width:auto;overflow:auto;}
	.adblock {max-width: 99%; overflow: hidden;}
	.cuadrilatero {padding: 25px 20px 0;}
	.cuadrilatero .focal .category {top: -27vw;}
	.autores article h4 {padding: 0 10px;}
	.layout1-grid .focal summary {max-height: 148px;overflow: hidden;}

}

@media (max-width:780px){
	.cuadrilatero .focal .category {top: -210px;}
	.adblock {max-width: 768px;}

}