diff --git a/src/arquivos/js/app/app.js b/src/arquivos/js/app/app.js
index a04444f..a386bdd 100644
--- a/src/arquivos/js/app/app.js
+++ b/src/arquivos/js/app/app.js
@@ -66,8 +66,8 @@ const app = new Container({
 
 app.bind(Minicart.name, ".minicart__drawer");
 app.bind(Newsletter.name, {
-	elemento: ".news-form",
-	textButtom: "Cadastre-se",
+	elemento: ".footer-newsletter__form",
+	textButtom: "CADASTRE-SE",
 });
 
 export default app;
diff --git a/src/arquivos/sass/components/_newsletter.scss b/src/arquivos/sass/components/_newsletter.scss
index 54bcbe2..85d9c5f 100644
--- a/src/arquivos/sass/components/_newsletter.scss
+++ b/src/arquivos/sass/components/_newsletter.scss
@@ -1,196 +1,118 @@
-/***************************************************************/
-/**-- Newslettter --------------------------********************/
-/*-------------------------------------------------------------*/
+.footer-newsletter {
+	background: linear-gradient(180deg, $blue-500 0%, $blue-600 100%);
+	padding: 24px 15px;
 
-.captacao-emails-newsletter {
-	background-color: #f71963;
-	background-image: url("/arquivos/template-background-newsletter.png");
-	margin-top: 104px;
-	padding: 12px 15px 24px;
-
-	@include mq(md, max) {
-		background-image: url("/arquivos/template-mobile-background-newsletter.png");
-		background-size: cover;
-		padding: 52px 15px 42px;
+	&__wrapper {
+		max-width: 698px;
+		margin: 0 auto;
 	}
 
-	.row {
-		align-items: center;
-	}
+	&__title {
+		font-size: 14px;
+		line-height: 17px;
+		color: $white-500;
+		margin: 0 0 10px;
 
-	> .row > div {
-		max-width: 960px;
-		margin: auto;
-		padding: 0 3.5%;
-	}
-
-	h3 {
-		color: #fff;
-		font-size: 18px;
-		font-weight: normal;
-		line-height: 26px;
-		margin: 0 0 8px;
-
-		@include mq(md, max) {
-			margin-bottom: 24px;
-		}
-
-		span {
-			display: block;
-			font-size: 26px;
+		@include mq(lg max) {
+			margin-bottom: 8px;
+			max-width: 224px;
 		}
 	}
 
-	p {
-		font-size: 15px;
-		margin: 0;
-	}
-}
+	.m3-custom-newsletter-form {
+		display: flex;
+		position: relative;
 
-.m3-custom-newsletter-form {
-	position: relative;
+		@include mq(lg, max) {
+			flex-direction: column;
+		}
 
-	label {
-		display: none;
+		@include mq(lg, min) {
+			align-items: center;
+		}
 	}
 
 	fieldset {
-		display: inline-block;
+		flex: 1;
+		margin: 0;
 		padding: 0;
-		margin-right: 16px;
-		max-width: 270px;
-		width: 36%;
 
-		@include mq(md, max) {
+		@include mq(lg, max) {
 			margin-bottom: 8px;
-			max-width: 100%;
-			width: 100%;
+		}
+
+		@include mq(lg, min) {
+			margin-right: 16px;
+		}
+
+		&:last-of-type {
+			/*o ultimo nao pega a margin r*/
+			margin: 0;
 		}
 
 		&.m3-cn-button-ok-container {
-			max-width: 126px;
-			margin: 0;
+			@include mq(lg, min) {
+				max-width: 126px;
+			}
+		}
+
+		label {
+			display: none;
+		}
+
+		input {
 			width: 100%;
+			line-height: 12px;
+			font-size: 10px;
+			height: 41px;
+			padding: 0 16px;
+			background: $white-500;
+			border: 0;
+			outline: 0;
 
-			@include mq(md, max) {
-				max-width: 100%;
-			}
-		}
-	}
-
-	input {
-		border: none;
-		font-size: 14px;
-		outline: none;
-		padding: 9px 16px;
-		width: 100%;
-
-		@include mq(md, max) {
-			font-size: 24px;
-			padding: 18.5px 24px;
-		}
-
-		&::placeholder {
-			color: #142032;
-		}
-
-		&#m3-cn-button-ok {
-			background-color: #142032;
-			color: #fff;
-			cursor: pointer;
-			font-weight: 700;
-			font-size: 14px;
-			text-transform: lowercase;
-			transition: all 0.15s linear;
-
-			@include mq(md, max) {
-				font-size: 24px;
-				margin-top: 8px;
+			&::placeholder {
+				text-transform: uppercase;
+				color: $gray-200;
 			}
 
-			&:hover {
-				background-color: lighten(#142032, 5);
-			}
+			&.m3-cn-button-ok {
+				font-weight: 900;
+				color: $white-500;
+				background: $black-500;
+				cursor: pointer;
 
-			&:active {
-				background-color: darken(#142032, 5);
+				@include mq(lg, max) {
+					&:active {
+						background: lighten($black-500, 10);
+					}
+				}
+
+				@include mq(lg, min) {
+					&:hover {
+						background: lighten($black-500, 10);
+					}
+
+					&:active {
+						background: $black-500;
+					}
+				}
 			}
 		}
 	}
 
 	.m3-cn-msg {
+		width: fit-content; /*pra nao quebrar no mobile, do tamanho do conteudo interno*/
+		position: absolute;
+		top: calc(100% + 8px);
+		left: 50%;
+		transform: translateX(
+			-50%
+		); /*puxar metade do texto pra esquerda,  pra conseguir alinhar ele a 50% left do pai*/
+		line-height: 1;
 		font-weight: 700;
-		text-align: center;
 
 		.m3-cn-error {
-			background-color: #fff;
-			border-radius: 2px;
-			bottom: -28px;
-			color: #f719633;
-			display: table;
-			left: 40%;
-			margin: auto;
-			padding: 3px 6px;
-			position: absolute;
-			right: 0;
-		}
-
-		.m3-cn-success {
-			color: #fff;
-			display: inline-block;
-			font-size: 16px;
-			margin-right: 20px;
-			text-transform: lowercase;
-		}
-
-		.btn-voltar {
-			background-color: #fff;
-			border-radius: 2px;
-			color: #f71963;
-			display: inline-block;
-			font-size: 14px;
-			line-height: 1;
-			padding: 4px 8px;
-			text-transform: lowercase;
+			color: $red-300;
 		}
 	}
 }
-
-/* pop-up-newsletter */
-
-.pop-up-newsletter {
-	display: none;
-	position: fixed;
-	z-index: 10;
-	width: 100%;
-	top: 20%;
-
-	.newsletter {
-		text-align: center;
-		background-color: #fff;
-		padding: 20px;
-		display: table;
-		margin: 0 auto;
-		position: relative;
-
-		.close-popup {
-			font-size: 35px;
-			color: #000;
-			padding: 5px;
-			cursor: pointer;
-			position: absolute;
-			top: 0;
-			right: 0;
-			line-height: 0.5;
-		}
-
-		input {
-			border-bottom: solid 1px #333;
-		}
-	}
-
-	.m3-custom-newsletter-form .btn-voltar {
-		color: #333;
-		border-color: #333;
-	}
-}
diff --git a/src/arquivos/sass/partials/_menu.scss b/src/arquivos/sass/partials/_menu.scss
index 1e76a0b..e297496 100644
--- a/src/arquivos/sass/partials/_menu.scss
+++ b/src/arquivos/sass/partials/_menu.scss
@@ -26,7 +26,7 @@
 		&__text {
 			display: flex;
 			align-items: center;
-			color: $gray-200;
+			color: $gray-300;
 			font-size: 12px;
 			line-height: 15px;
 
diff --git a/src/arquivos/sass/utils/_variaveis.scss b/src/arquivos/sass/utils/_variaveis.scss
index cb83cda..042d8fe 100644
--- a/src/arquivos/sass/utils/_variaveis.scss
+++ b/src/arquivos/sass/utils/_variaveis.scss
@@ -1,6 +1,6 @@
 // fonts
 
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap");
 
 $font-family: "Inter", sans-serif;
 $font-height: 1.5;
@@ -9,9 +9,13 @@ $font-height: 1.5;
 $black-500: #000;
 $white-500: #fff;
 $blue-500: #00c8ff;
+$blue-600: #03addc;
+
+$red-300: #db4c4c;
 
 $gray-100: #e0e0e0;
-$gray-200: #828282;
+$gray-200: #bdbdbd;
+$gray-300: #828282;
 $gray-500: #333;
 
 // universal
diff --git a/src/template-pagina/sub-templates/caina-footer-newsletter.html b/src/template-pagina/sub-templates/caina-footer-newsletter.html
index 58b4a48..5a7c387 100644
--- a/src/template-pagina/sub-templates/caina-footer-newsletter.html
+++ b/src/template-pagina/sub-templates/caina-footer-newsletter.html
@@ -1,12 +1,7 @@
-<section class="captacao-emails-newsletter container-fluid">
-	<div class="row">
-		<div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 row">
-			<div class="col-12">
-				<h3>Receba novidades e <span>descontos <strong>exclusivos</strong></span></h3>
-			</div>
-			<div class="col-12">
-				<div class="news-form"></div>
-			</div>
-		</div>
+<section class="footer-newsletter">
+	<div class="footer-newsletter__wrapper">
+		<h3 class="footer-newsletter__title">RECEBA NOVIDADES E DESCONTOS EXCLUSIVOS</h3>
+
+		<div class="footer-newsletter__form"></div>
 	</div>
 </section>