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

	.page-visite .internal:has(.topo) {
		padding-top: 0px;
	}

	.page-visite .topo {
		display: grid;
		grid-template-columns: 1fr 30% calc(var(--main-internal-margin)/4) 30%;
		grid-template-rows: clamp(355px, 27.71vw, 532px) 1fr;		
		row-gap: calc(var(--main-internal-margin)/4);
		justify-content: center;
		align-items: start;
	}

	.page-visite .topo > div:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: calc(var(--main-internal-margin)/4);
		padding: var(--main-internal-margin) var(--main-internal-margin) 0px 0px;
		grid-column: 1;
		grid-row: 1 / 3;
		font-weight: 400;
		line-height: 140%;
		font-size: 0.8rem;
	}

	.page-visite .topo > div:first-child > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.page-visite .topo .localizacao {
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 120%;
	}

	.page-visite .topo > div:first-child .icon-address {
		font-size: 2.2rem;
		color: var(--main-highlight-color-2);
	}

	.page-visite .topo > div:nth-child(2) {
		grid-column: 2 / 5;
		grid-row: 1;
	}

	.page-visite .topo > div:nth-child(2) .imagem {
		height: clamp(355px, 27.71vw, 532px);
	}

	.page-visite .topo > div:nth-child(3),
	.page-visite .topo > div:nth-child(4) {
		font: var(--main-wide-font);
		font-size: 0.8rem;
		font-weight: 400;
		line-height: 125%;
	}

	.page-visite .topo > div:nth-child(3) .imagem,
	.page-visite .topo > div:nth-child(4) .imagem {
		height: clamp(220px, 17.20vw, 330px);


	}	
	.page-visite .topo > div:nth-child(3) > div:last-child,
	.page-visite .topo > div:nth-child(4) > div:last-child {
		margin-top: 0.4rem;
	}

	.page-visite .topo > div:nth-child(4) {
		grid-column: 4;
	}

	.page-visite .topo .message {
		margin-top: calc(var(--main-internal-margin) / 4);
	}

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

	.page-visite .blocos b {
		font-family: var(--main-wide-font);
	}

	.page-visite .blocos p {
		margin-bottom: 0px;
	}

	.page-visite .blocos > div {
		row-gap: var(--main-internal-margin);
	}

	.page-visite .blocos > div > div:first-child {
		font-weight: 600;
		font-size: 1.6rem;
		border-bottom: 6px solid var(--main-border-color);
	}

	.page-visite .blocos > div > div:last-child {
		display: flex;
		flex-direction: row;
	}

	.page-visite .blocos > div > div:last-child > div:first-child {
		flex-grow: 1;
		margin-top: calc(var(--main-internal-margin)/2);
		margin-right: calc(var(--main-internal-margin)*1.5);
	}

	.page-visite .blocos > div > div:last-child > div:last-child {
		width: calc(60% + calc(var(--main-internal-margin)/4));
		flex-shrink: 0;
	}

	.page-visite .blocos > div > div:last-child > div:last-child .imagem {
		height: clamp(355px, 27.71vw, 532px);
	}


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

	.page-visite .internal:has(.topo) {
		padding-left: 0px;
		padding-right: 0px;
	}

	.page-visite .topo {
		grid-template-columns: auto;
		grid-template-rows: repeat(4, auto);
		row-gap: var(--main-internal-margin);
	}

	.page-visite .topo > div:not(:nth-child(2)) {
		padding-left: var(--main-internal-margin);
		padding-right: var(--main-internal-margin);
	}

	.page-visite .topo > div:first-child {
		grid-column: 1;
		grid-row: 2;
		padding-top: calc(var(--main-internal-margin)* 4);
		padding-bottom: calc(var(--main-internal-margin)* 4);
		row-gap: var(--main-internal-margin);
		font-size: 0.7rem;
	}

	.page-visite .topo > div:nth-child(2) {
		grid-column: 1;
	}

	.page-visite .topo > div:nth-child(2) .imagem {
		height: clamp(149px, 53.15vw, 239px);
	}

	.page-visite .topo > div:nth-child(3),
	.page-visite .topo > div:nth-child(4) {
		font-size: 0.6rem;
	}

	.page-visite .topo > div:nth-child(3) .imagem,
	.page-visite .topo > div:nth-child(4) .imagem {
		height: clamp(166px, 59.46vw, 268px);
	}	

	.page-visite .topo .localizacao {
		font-size: 0.8rem;
	}

	.page-visite .topo > div:nth-child(4) {
		grid-column: 1;
	}

	.page-visite .topo .message {
		margin-top: calc(var(--main-internal-margin) * 1.5);
	}

	.page-visite .blocos {
		row-gap: calc(var(--main-internal-margin)*4);
	}

	.page-visite .blocos > div > div:last-child {
		flex-direction: column-reverse;
		font-size: 0.6rem;
		line-height: 150%;
	}

	.page-visite .blocos > div > div:last-child > div:first-child {
		margin-right: 0px;
	}

	.page-visite .blocos > div > div:last-child > div:last-child {
		width: 100%;
	}



}