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

	.page-projeto {
		--main-padding-color: #ced80b;
	}


	.page-projeto .banner > .imagem {
		height: calc(100vh - clamp(175px, 13.55vw, 205px));
	}

	.page-projeto .internal {
		display: flex;
		flex-direction: column;
		row-gap: var(--main-internal-margin);
		padding-bottom: calc(var(--main-internal-margin) * 3);
		font-size: 0.9rem;
	}

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

	.page-projeto .internal > div:has(.ilustracao) {
		padding: 0px var(--main-internal-margin);
	}

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

	.page-projeto .linha > div {
		flex-grow: 1;
	}

	.page-projeto .linha > div:first-child {
		flex-grow: 0;
		flex-shrink: 0;
		width: 40%;
	}

	.page-projeto .ilustracao .imagem {
		height: clamp(512px, 40vw, 768px);
		border: 20px solid;
		border-bottom: 0px;
		border-radius: clamp(512px, 40vw, 768px) clamp(512px, 40vw, 768px) 0px 0px;
		overflow: hidden;		
	}

	.page-projeto .equipe {
		position: relative;
		display: flex;
		flex-direction: row;
		column-gap: var(--main-internal-margin);
		padding: var(--main-internal-margin) 0px calc(var(--main-internal-margin) * 3) clamp(256px, 20vw, 384px);
		font-size: 1rem;
		line-height: 130%;
		background-color: #ced80b;
	}

	.page-projeto .equipe > div:first-child {
		width: clamp(384px, 30vw, 576px);
		flex-grow: 0;
	}

	.page-projeto .equipe .titulo {
		margin-bottom: calc(var(--main-internal-margin) / 4);
		font-family: var(--main-wide-font);
		font-size: 1.4rem;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 130%;
	}

	.page-projeto .equipe .titulo:not(:first-child) {
		margin-top: var(--main-internal-margin);
	}

	.page-projeto .equipe .texto {
		font-weight: 300;
	}

	.page-projeto .lead {
		position: absolute;
		left: var(--main-internal-margin);
		top: -3.1rem;
	}

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

	.page-projeto .internal {
		padding-bottom: calc(var(--main-internal-margin) * 4);
	}	

	.page-projeto .banner > .imagem {
		height: calc(100vh - clamp(61px, 29.12vw, 131px));
	}

	.page-projeto .internal > div:has(.ilustracao) {
		padding: calc(var(--main-internal-margin) * 2) 0px 0px 0px;
	}

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

	.page-projeto .linha > div:first-child {
		width: 100%;
	}

	.page-projeto .ilustracao .imagem {
		border: 10px solid;
		border-bottom: 0px;
		height: clamp(118px, 42vw, 189px);
		border-radius: clamp(118px, 42vw, 189px) clamp(118px, 42vw, 189px) 0px 0px;
	}

	.page-projeto .equipe {
		flex-direction: column;
		row-gap: var(--main-internal-margin);
		padding: calc(var(--main-internal-margin) * 2) var(--main-internal-margin);
	}

	.page-projeto .equipe > div:first-child {
		width: 100%;
	}

	.page-projeto .equipe .titulo {
		margin-bottom: calc(var(--main-internal-margin));
		font-size: 1.2rem;
	}

	.page-projeto .equipe .titulo:not(:first-child) {
		margin-top: calc(var(--main-internal-margin) * 2);
	}

	.page-projeto .lead {
		left: var(--main-internal-margin);
		top: -2.1rem;
	}

	
}