
.noticia #content {display: flex; flex-direction: column;}
.news-link {position:-webkit-sticky;position: sticky; top: 152px; }

.news-link, .news-link:hover {text-decoration: none !important;}

.news-float {display: flex; align-items: center; padding: 5px 12px; border: 1px solid #6d6e70; font-family: 'Open Sans', sans-serif; font-size: 9px; letter-spacing: 0.02em; text-transform: uppercase; width: fit-content; font-weight: bold;}

	.news-float .news-plane {margin-left: 10px; width: 14px; height: 14px; background: url('../img/svg/paper-plane-solid.svg'); color: #6d6e70; display: inline-block;}



.noticia-wrap {display: flex; }

.sidebar {height: 100%;}





.noticia-content #content {display: flex; flex-direction: column;}

#news-form {margin-bottom: 80px; display: block;}

.news {height: 56px; width: 100%; background: #eedebc; z-index: 150; position: relative; display: flex; align-items: center; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 600; transition: all 1s ease;}

	.news-container {max-width: 964px; width: 100%; margin: 0 auto; padding-left: 20px;}

	.news-container {display: flex; align-items: center; justify-content: space-between;}

	.assine {background: #352ae2; border-radius: 30px; padding: 12px 21px; width: fit-content; color: #FFF; font-family: 'Open Sans', sans-serif; min-width: 70px; text-align: center;}

	.news-close {width: 20px; height: 20px; content: url('../img/svg/close-news.svg'); margin-right: 20px; position: absolute; right: 5vw;}



.news-pup {width: 100vw; height: 100vh; z-index: 1000; position: fixed; background: rgba(0,0,0,0.3); top: 0; left: 0;justify-content: center; display: none; opacity: 0; transition: all 2s ease;}

	.news-pup.show {display: flex; transition: all 2s ease;}

	.news-pup-close {width: 20px; height: 20px; content: url('../img/svg/close-news.svg'); margin-right: 20px; position: absolute; top: 5px; right: -10px; cursor: pointer;}

	.news-pup-content {background: #FFF; height: fit-content; margin-top: 10vw; max-width: 80vw; position: relative;}





@media only screen and (max-height: 1240px) {

	.news-pup-content {margin-top: 5vh; max-height: 90vh;}

}



@media only screen and (max-height: 768px) {

	.news-container {max-width: 75%;}

	.news-close {right: 2.5vw;}

}

@media only screen and (max-height: 768px) {

	.news-pup-content {margin-top: 10vh; max-height: 90vh;}

}



@media only screen and (max-height: 680px) {

	.news-pup-content {margin-top: 5vh; max-height: 90vh;}

}
