/* Notícia */

.cont-noticia{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0px 50px;
}

	/* Titular */
	.noticia-titular{
		color: #124944;
		margin-bottom: 30px;
	}

	/* Notícia */
	.noticia-detallada{
		width: 100%;
		display: flex;
		padding: 0 20px;
		gap: 20px;
		margin-bottom: 30px;
	}

		.slide{
			width: 207px;
			height: 60vh;
			flex: 0 0 auto;
			border-radius: 20px;
			cursor: pointer;
			color: #ffffff;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat; 
			position: relative;
			transition: all 500ms ease-in-out;
		}

		.slide h4{
			position: absolute;
			bottom: 40px;
			left: 20px;
			right: 20px;
			margin: 0;
			opacity: 1;
		}

		.slide.active h4{
			bottom: 126px
		}

		.slide p{
			position: absolute;
			bottom: 40px;
			left: 20px;
			margin: 0;
			opacity: 0;
			transition: opacity 0.3s ease-in-out 0.4s;
			max-width: 80%;
		}

		.slide.active p{
			opacity: 1;
		}

		.slide .boto-noticia{
			position: absolute;
			top: 20px;
			right: 20px;
			opacity: 0;
			transition: opacity 0.3s ease-in-out 0.4s;
			width: 50px;
			height: auto;
		}

		.slide.active .boto-noticia{
			opacity: 1;
		}

		.slide.active{
			width: 433px;
		}

	.noticia-pagines a{
		color: #124944;
		text-decoration: none;
		margin: 0px 10px;
	}

	.pagina-principal{
		font-weight: 600;
	}

/* Media query (768p) */

@media (max-width: 768px){

	/* Titular */
	.noticia-titular{
		margin-bottom: 20px;
	}

	/* Notícia */
	.noticia-detallada{
		padding: 0 15px;
		gap: 20px;
		margin-bottom: 15px;
	}

		.slide{
			width: 95px;
			height: 50vh;
			border-radius: 15px;
		}

		.slide h4{
			bottom: 20px;
			left: 15px;
			right: 15px;
		}

		.slide.active h4{
			opacity: 1;
			bottom: 159px
		}

		.slide p{
			position: absolute;
			bottom: 20px;
			left: 15px;
			margin: 0;
			opacity: 0;
			transition: opacity 0.3s ease-in-out 0.4s;
			max-width: 80%;
		}

		.slide.active p{
			opacity: 1;
		}

		.slide .boto-noticia{
			top: 20px;
			right: 15px;
			width: 30px;
		}

		.slide.active .boto-noticia{
			opacity: 1;
		}

		.slide.active{
			width: 208px;
		}

	.noticia-pagines a{
		margin: 0px 7.5px;
	}

	.noticia-pagines{
		margin-bottom: -30px;
	}

	.pagina-principal{
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 16px
	}
}


/* Media query (480) */

@media (max-width: 480px){

	/* Titular */
	.noticia-titular{
		margin-bottom: 15px;
	}

	/* Notícia */
	.noticia-detallada{
		flex-direction: column;
		padding: 0 15px;
		gap: 10px;
		margin-bottom: 15px;
	}

		.slide{
			width: 420px;
			height: 10vh;
			border-radius: 10px;
		}

		.slide h4{
			bottom: 10px;
			left: 10px;
			right: 10px;
		}

		.slide.active h4{
			opacity: 1;
			bottom: 61px
		}

		.slide p{
			bottom: 20px;
			left: 10px;
		}

		.slide.active p{
			opacity: 1;
		}

		.slide .boto-noticia{
			top: 10px;
			right: 10px;
			width: 30px;
		}

		.slide.active .boto-noticia{
			opacity: 1;
		}

		.slide.active{
			width: 420px;
			height: 185px;
		}

	.noticia-pagines a{
		margin: 0px 5px;
	}

	.noticia-pagines{
		margin-bottom: -10px;
	}

	.pagina-principal{
		font-family: Poppins;
		font-size: 11px;
		font-style: normal;
		font-weight: 600;
		line-height: 13px
	}
}