/*====================================
1--->CUSTOM ESTILOS GENERALES
======================================*/

/* iconos de flechas___________________________ */
.slick-prev:before, .slick-next:before{
	content: '';
	background-image:url('../img/arrow_slide.png') ;
	background-size:100px 180px;
	background-position:0 0;
	background-repeat: no-repeat;
	opacity: 1;
}

.slick-prev:hover, .slick-next:hover{
	opacity: 0.75;
}

/* icono dots___________________________ */

 .slick-dots{
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	font-size: 0;
	margin-top: 15px
}
.slick-dots li{
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin:0 7.5px;	
	background-color:#1a606e;
}
.slick-dots li.slick-active{
	width: 15px;
	height: 15px;
}
.slick-dots li button{
	width: 10px;
	height: 10px;
}

.slick-dotted.slick-slider{
	margin-bottom: 50px;
	
}
	@media only screen and (min-width: 750px) {
		.slick-dotted.slick-slider{
			margin-bottom: 75px;
		}
	}


/*====================================
2A--->ESTILOS ESPECÍFICOS SLIDE SUPERIOR
======================================*/

.destacadas-top .slick-list{
	overflow: hidden;
	padding: 0px 1px;
}
.destacadas-top .post{
	margin: 0;
}  

.destacadas-top .post h2{
	padding: 15%;
}

/*Navegación de puntos inferior___________________________ */
.destacadas-top .slick-dots{
	position: static;
}
.destacadas-top .slick-dots li button::before{
	display: none;
}

/*flechas Next - Prev_______________________________________ */
.destacadas-top .slick-prev, .destacadas-top .slick-next{
	position: absolute;
	width: 24px;
	height: 42px;
	z-index: 98;
	top: 109px;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	visibility: hidden;
}
.destacadas-top .slick-prev{
	left: 12.5px;
}
.destacadas-top .slick-next{
	right: 12.5px;
}
.destacadas-top .slick-prev:before,.destacadas-top .slick-next:before{
	position: relative;
	display: block;
	width: 24px;
	height: 42px;
}
.destacadas-top .slick-prev:before{
	background-position:-16px -18px; 
}
.destacadas-top .slick-next:before{
	background-position:-57px -18px; 
	left:0;
}
	/*TABLET*/
	@media only screen and (min-width: 750px) {
		 .destacadas-top{
		 	margin-bottom: 75px;
		 }
			.home .destacadas-top{
				margin-bottom: 75px;
		    	max-width: 940px;
		    	margin-left: auto;
		    	margin-right: auto;
		    	overflow: hidden;
		    	width: -webkit-calc(90% - 40px);
				width: -moz-calc(90% - 40px);
				width: calc(90% - 40px);
			}

		/*Navegación de puntos inferior___________________________ */
		 .destacadas-top .slick-dots{
		 	margin-top: 50px;
		 }
		.destacadas-top .slick-dots li{
			width: 22%;
			margin:0;		
			height: 3px;
			border-radius: 0;
			background-color: #DDDDDD;
		}
		.destacadas-top .slick-dots li.slick-active{
			background-color: #046F84;
		}
		.destacadas-top .slick-dots li button{
			width: 100%;
			height: 100%;
			padding:0;
		}
		.destacadas-top .slick-dotted.slick-slider{
			margin-top: 50px
			margin-bottom: 75px;
		}
		
		/*flechas Next - Prev_______________________________________ */
		.destacadas-top .slick-prev,.destacadas-top .slick-next{
			top:0;
			margin-top: 0;
			visibility: visible;
		}

		.destacadas-top .slick-prev{
			left: 25px;
		}
		.destacadas-top .slick-next{
			right: 25px;
		}
			/*flechas Next -HOME_______________________________________ */
				.home .destacadas-top .slick-prev,.home .destacadas-top .slick-next{
					top:179px;
				}
				.category .destacadas-top .slick-prev, .category .destacadas-top .slick-next{
					top:249px;
				}


		.destacadas-top .slick-prev:before{
			background-position: -16px -18px;
		}
		.destacadas-top .slick-next:before{
			 background-position: -57px -18px
		}

	}
	@media only screen and (min-width: 1000px) {
		.home .destacadas-top{
			position:static;
			width: 940px;
		}

		.home .destacadas-top .slick-prev{
			left: 50%;	
			-webkit-transform: translate(-501px,0);
			transform: translate(-501px,0);
		}
		.home .destacadas-top .slick-next{
			right: 50%;		
			-webkit-transform: translate(501px,0);
			transform: translate(501px,0);
		}
		.home .destacadas-top .slick-prev:before{
			background-position: -20px -77px;
		}
		.home .destacadas-top .slick-next:before{
			background-position: -62px -77px;
		}
	}
	/*desktop home + escritorio*/
	@media only screen and (min-width: 1040px) {

		.home .destacadas-top .slick-prev{
			left: 50%;	
			-webkit-transform: translate(-513px,0);
			transform: translate(-513px,0);
		}
		.home .destacadas-top .slick-next{
			right: 50%;		
			-webkit-transform: translate(513px,0);
			transform: translate(513px,0);
		}
		.home .destacadas-top .slick-prev:before{
			background-position: -20px -77px;
		}
		.home .destacadas-top .slick-next:before{
			background-position: -62px -77px;
		}
	}

	/*desktop home escritorio HD*/

	@media only screen and (min-width: 1120px) {
		.home .destacadas-top{
			position: relative;
	    	max-width: none;
	    	overflow: visible;
	    	width: 100%;
		}
		.home .destacadas-top .slick-list{
	    overflow: visible;
	    padding: 0px 50px;
    	overflow: visible;
    	max-width: 990px;
    	margin: 0 auto;
    	box-sizing: content-box;
		}
		.home .destacadas-top .post{
			margin:0 25px;
		}

		.home .destacadas-top .slick-prev{	
			-webkit-transform: translate(-506px,0);
			transform: translate(-506px,0);
		}

		.home .destacadas-top .slick-next{
			-webkit-transform: translate(506px,0);
			transform: translate(506px,0);
		}

	}
	@media only screen and (min-width: 1400px) {
		.home .destacadas-top .slick-prev{	
			-webkit-transform: translate(-506px,0);
			transform: translate(-506px,0);
		}

		.home .destacadas-top .slick-next{
			-webkit-transform: translate(506px,0);
			transform: translate(506px,0);
		}
	}

	/*desktop home escritorio HD*/



/*====================================
2B--->ESTILOS ESPECÍFICOS SLIDE INFERIOR
======================================*/

.destacadas-inf .slick-prev, .slick-next{
	margin-top: 0;
}
.destacadas-inf .slick-prev:before, .slick-next:before{
	display: block;
	width: 24px;
	height: 42px;
	left: 12.5px;
	position: relative;

}		
.destacadas-inf .slick-prev:before{
	background-position:-16px -19px;
}
.destacadas-inf .slick-next:before{
	background-position:-57px -19px;
}
	@media only screen and (min-width: 750px) {
		.superinf .slick-dots{
			display: none;
			visibility: hidden;
		} 
	}