/*
	 * Theme Name: Casa Brasil
	 *
	 * assets/css/page-contato.css | Modelo page-contato
	 *
	 */

	.page-contato .internal {
		display: flex;
		flex-direction: column;
		row-gap: var(--main-internal-margin);
	}

	.page-contato .internal > div {
		display: flex;
		flex-direction: row;	
		row-gap: var(--main-internal-margin);
	}

	.page-contato .internal > div> div:first-child {
		flex-grow: 1;
		padding-right: 20%;
		display: flex;
		flex-direction: column;
		row-gap: calc(var(--main-internal-margin)/6);
	}

	.page-contato .internal > div > div:last-child {
		width: 60%;
		flex-shrink: 0;
	}

	.page-contato .sociais-newsletter > div {
		display: flex;
		flex-direction: row;
		column-gap: 2rem;
		padding: 2rem 1.8rem 1.8rem 1.8rem;
		font-weight: 300;
		font-size: 1.2rem;
		align-items: center;
	}

	.page-contato .sociais-newsletter > div:first-child {
		border-radius: 1rem 1rem 0px 0px;
		color: var(--main-internal-color);
		background-color: var(--main-fg-color);	
	}

	.page-contato .sociais-newsletter > div:last-child {
		border-radius: 0px 0px 1rem 1rem;
		color: var(--main-fg-color);
		background-color: #8791ff;	
	}

	.page-contato .sociais-newsletter > div:first-child > div:last-child {
		display: grid;
		grid-template-columns: max-content max-content;
		column-gap: calc(var(--main-internal-margin)/2);
		row-gap: calc(var(--main-internal-margin)/4);		
		justify-self: start;
		font-family: var(--main-wide-font);
		font-size: 1.2rem;
	}

	.page-contato .sociais-newsletter a {
		text-decoration: none;
	}

	.page-contato .sociais-newsletter a.opcoes-contato-instagram {
		color: #97cd04;
	}

	.page-contato .sociais-newsletter a.opcoes-contato-facebook {
		color: #8791ff;
	}

	.page-contato .sociais-newsletter a.opcoes-contato-youtube {
		color: #ff7322;
	}

	.page-contato .sociais-newsletter a.opcoes-contato-spotify {
		color: #ffb700;
	}

	.page-contato .sociais-newsletter > div > div {
		flex-grow: 1;
	}

	.page-contato .sociais-newsletter > div > div:last-child {
		width: 70%;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.page-contato .sociais-newsletter .formulario {
		display: flex;
		flex-direction: row;
	}

	.page-contato .sociais-newsletter .formulario > div:first-child {
		flex-grow: 1;
	}

	.page-contato .sociais-newsletter .formulario > div > div:not(:last-child) {
		margin-bottom: 0.4rem;
	}

	.page-contato .sociais-newsletter .formulario input {
		width: 100%;
		border: 0px;
		outline: none;
		font-size: 0.8rem;
		padding: 0.6rem 0.6rem 0.4rem 0.6rem;
	}

	.page-contato .sociais-newsletter form > div:last-child {
		margin-bottom: 0px;
	}

	.page-contato .sociais-newsletter .button {
		height: 100%;
		padding: 1.3rem 1rem 1rem 1rem;
	}

	.page-contato input, .page-contato select, .page-contato textarea {
		width: 100%;
		border: 1px solid var(--main-fg-color);
		outline: none;
	}

	.page-contato form > div {
		margin-bottom: 1.5rem;
	}

	.page-contato form .button {
		width: 100%;
	}

	.page-contato-process .internal {
		display: flex;
		flex-direction: row;
	}

	.page-contato-process .internal > div:first-child {
		flex-grow: 1;
		padding-right: 20%;
		display: flex;
		flex-direction: column;
		row-gap: var(--main-internal-margin);
	}

	.page-contato-process .internal > div:first-child > div {
		display: flex;
		flex-direction: column;
		row-gap: calc(var(--main-internal-margin)/6);
	}

	.page-contato-process .internal > div:last-child {
		width: 60%;
		flex-shrink: 0;
	}

	.page-contato-process .mensagem {
		display: flex;
		flex-direction: row;
		width: 100%;		
		height: calc(100vh - clamp(175px, 13.55vw, 205px) - calc(var(--main-internal-margin) * 2));
		justify-content: center;
		align-items: center;
	}

	.page-contato-process .mensagem > div {
		display: flex;
		flex-direction: column;
		row-gap: calc(var(--main-internal-margin) / 2);
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.page-contato-process .mensagem.sucess {
		background-color: #ebeeab;
	}

	.page-contato-process .mensagem .titulo {
		font-family: var(--main-extended-font);
		font-size: 2rem;
	}

	.page-contato-process .mensagem i {
		font-size: 2rem;
		color: #97cd04;
	}

	.page-contato-process .mensagem.sucess i {
		color: #97cd04;
	}

	.page-contato-process .mensagem.error {
		background-color: #ffb6b6;
	}

	.page-contato-process .mensagem.error i {
		color: #f64a4a;
	}


@media screen and (max-width: 1280px) {


	.page-contato .internal {
		font-size: 0.8rem;
	    row-gap: calc(var(--main-internal-margin) * 4);
	}

	.page-contato .internal > div {
		flex-direction: column;	
		row-gap: calc(var(--main-internal-margin) * 4);
	}

	.page-contato .internal > div> div:first-child {
		padding-right: 0px;
		row-gap: calc(var(--main-internal-margin)/2);
	}

	.page-contato .internal > div > div:last-child {
		width: 100%;
	}

	.page-contato .sociais-newsletter > div {
		flex-direction: column;
		row-gap: 1rem;
		padding: 1.2rem 1rem 1rem 1rem;
		font-size: 1.2rem;
	}

	.page-contato .sociais-newsletter > div:first-child > div:last-child {
		grid-template-columns: max-content;
		align-self: start;
	}

	.page-contato .sociais-newsletter > div > div:last-child {
		width: 100%;
	}

	.page-contato .sociais-newsletter .formulario {
		flex-direction: column;
	}

	.page-contato .sociais-newsletter .formulario > div > div {
		margin-bottom: 0.4rem;
	}

	.page-contato .sociais-newsletter form > div:last-child {
		margin-bottom: 0px;
	}

	.page-contato form > div {
		margin-bottom: 0.5rem;
	}

	.page-contato-process .internal {
		flex-direction: column-reverse;
		row-gap: calc(var(--main-internal-margin) * 4);
	}

	.page-contato-process .internal > div:first-child {
		padding-right: 0px;
		row-gap: calc(var(--main-internal-margin) * 4);
	}

	.page-contato-process .internal > div:last-child {
		width: 100%;
	}

	.page-contato-process .mensagem {
		padding: calc(var(--main-internal-margin) * 2);
		font-size: 0.8rem;
		height: initial;
	}

	.page-contato-process .mensagem > div {
		
		row-gap: var(--main-internal-margin);
	}

	.page-contato-process .mensagem .titulo {
		font-family: var(--main-extended-font);
		font-size: 1.2rem;
		line-height: 130%;
	}

	.page-contato-process .mensagem i {
		font-size: 2rem;
		color: #97cd04;
	}

	.page-contato-process .internal {
		font-size: 0.8rem;
	    row-gap: calc(var(--main-internal-margin) * 4);
	}

}