@import 'variables.css';

.article-cta-form {
	display: flex;
	align-items: flex-start;
	width: 104%;
	padding: 32px;
	border-radius: 8px;
	background-color: var(--brand-color-primary-pure);
	margin: 42px 0 42px -4%;
	padding-left: 40px;
}

/* Estilização da coluna de textos */
.article-cta-form .holder-text {
	order: 1;
	max-width: 334px;
	margin-right: 32px;
}

.article-cta-form .holder-text .title {
	font-size: 32px;
	line-height: 130%;
	font-weight: 600 !important;
	margin-bottom: 12px;
	color: var(--neutral-color-high-pure) !important;
}

.article-cta-form .holder-text .title.-updates {
	font-size: 24px;
	line-height: 160%;
	font-weight: 600 !important;
}

.article-cta-form .holder-text .title span {
	color: var(--brand-color-secondary-pure);
}

.article-cta-form .holder-text .text {
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 0px;
	color: var(--neutral-color-high-pure);
}

/* Fim da estilização da coluna de textos */

.article-cta-form .col-rdstation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 154px;
	flex: 1;
	order: 2;
}

/* Estilizando formulário RD */
.article-cta-form .col-rdstation [id^="rd-form"] {
	background: var(--brand-color-primary-pure);
	padding: 0;
}

.article-cta-form .col-rdstation [id^="rd-form"] form[id^="conversion-form-newsletter-artigo-"] {
	display: flex;
	flex-wrap: wrap;
}

.article-cta-form .col-rdstation section[id^="form-newsletter-artigo-blog"] {
	width: 100%;
}

.article-cta-form .col-rdstation .bricks-form__field .bricks-form__label {
	display: inline !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 22.4px !important;
	color: var(--neutral-color-high-pure) !important;
	margin-bottom: 4px !important;
}

.article-cta-form .col-rdstation #rd-form-l9ekimse label.error {
	min-height: 14px !important;
	margin-bottom: 0 !important;
}

.article-cta-form .col-rdstation .bricks-form__input#rd-email_field-l9eklmaw {
	max-width: 229px;
	height: 48px !important;
	padding-left: 16px !important;
	padding-right: 12px !important;
	border-radius: 4px !important;
	border: 1px solid #DDDDE0 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 25.6px !important;
	color: var(--neutral-color-low-pure) !important;
}

.article-cta-form .col-rdstation form::after {
	content: 'Ao prosseguir, você aceita receber nossas novidades em seu e-mail.';
	display: inline-block;
	max-width: 229px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	line-height: 20.8px;
	font-weight: 500;
	margin-top: 8px;
	color: var(--neutral-color-high-pure);
	opacity: 0.5;
	align-self: flex-start;
}

.article-cta-form .col-rdstation #rd-email_field-l9eklmaw::placeholder {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 25.6px !important;
	color: var(--neutral-color-low-light) !important;	
}

.article-cta-form .col-rdstation .bricks-form__fieldset {
	margin: 0 !important;
}

.article-cta-form .col-rdstation .bricks-form__submit {
	margin-left: 8px !important;
	justify-content: flex-end;
	align-self: baseline;
	margin-top: 27px !important;
}

.article-cta-form .col-rdstation #rd-button-l9ekimsh {
	width: 96px !important;
	height: 47px !important;
	padding: 8px 24px;
	background-color: var(--neutral-color-high-pure) !important;
	border-radius: 4px !important;
	margin-left: auto;
	color: #431A86 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 25.6px;
	transition: ease-in .3s;
	align-self: baseline !important;
}

.article-cta-form div[id^=bricks-component] {
	padding: 0 !important;
}

.article-cta-form div[id^=bricks-component] .bricks-form {
	padding: 0 !important;
}

.article-cta-form .col-rdstation #rd-button-l9ekimsh:hover {
	color: var(--neutral-color-high-pure) !important;
	background-color: #F43EAB !important;
}
/* Fim da estilização de formulário */

@media (max-width: 1200px) {
	.article-cta-form {
		align-items: center;
	}

	.article-cta-form .col-text {
		flex: 1;
	}

	.article-cta-form .col-rdstation {
		flex-shrink: 0 !important;
		min-width: 335px;
		margin-left: auto;
	}
}

@media (max-width: 992px) {
	.article-cta-form {
		align-items: flex-start;
		flex-direction: column;
		max-width: 100%;
		margin: 35px 0;
	}

	.article-cta-form .holder-text {
		max-width: unset;
		margin-bottom: 12px;
	}

	.article-cta-form .holder-text .title {
		font-size: 24px;
		line-height: 160%;
		margin-bottom: 12px;
	}

	.article-cta-form .col-rdstation {
		margin-left: 0;
		max-width: 335px;
	}
}

@media (max-width: 768px) {
	.article-cta-form {
		padding: 24px;
	}

	.article-cta-form .holder-text {
		max-width: unset;
		margin-bottom: 12px;
		margin-right: 0;
	}
}

@media (max-width: 430px) {
	.article-cta-form {
		padding-left: 15px;
		padding-right: 15px;
		max-width: unset;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.article-cta-form .col-rdstation {
		min-width: unset;
		max-width: unset;
	}

	.article-cta-form .col-rdstation .bricks-form__input#rd-email_field-l9eklmaw {
		max-width: 200px;
		padding-left: 12px !important;
		padding-right: 8px !important;
	}
}