/*===================================================================== variables =====================================================================*/
:root {
	  --color-principal: #183256;
	  --color-secundario: #f4b122;
	  --color-blanco: #ffffff;
	}
/*===================================================================== home page - noticias slider =====================================================================*/

.slider-noticias__contenedor {
	padding: 10px;
}

.slider-noticias__link:hover .slider-noticias__leer-mas {
	background-color: var(--color-principal);
}

.slider-noticias__contenido {
	width: 100%;
	padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
	position: relative; 
	margin-bottom: 0;
}

.slider-noticias__contenido img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
	object-position: center;
}

.slider-noticias__blur {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
	z-index: 3;
}

.slider-noticias__titulo{
	padding: 0 5% 3%;
	margin: 0;
	position: absolute;
	bottom: 0;
	width: 90%;
	z-index: 4;
	color: #ffffff;
	font-weight: 700;
}

.slider-noticias__leer-mas {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10%;
	height: 13.33%;
	background-color: var(--color-secundario);
	z-index: 5;
	font-size: 90%;
	font-weight: 700;
	color: var(--color-blanco);
}

/*===================================================================== home page - noticias slider controles =====================================================================*/
.slider-noticias .slick-prev
{
	left: -25px;
	z-index: 6;
}

[dir='rtl'] .slider-noticias .slick-prev
{
	right: -25px;
	left: auto;
	z-index: 6;
}

.slider-noticias .slick-next
{
	right: -25px;
	z-index: 6;
}

[dir='rtl'] .slider-noticias .slick-next
{
	right: auto;
	left: -25px;
	z-index: 6;
}

.slider-noticias .slick-dotted.slick-slider
{
	margin-bottom: 30px;
}

.slider-noticias .slick-dots
{
	bottom: -25px;
}