.cabeçalho {
	display: block;
	width: 100%;
	/* ocupa toda a largura da tela */
	max-width: none;
	height: auto;
	max-height: 4.2vw;
	/* ajuste a altura máxima em telas grandes */
	margin: 0;
	/* remove centralização por margem */
	object-fit: cover;
}

/* Header com position relative para conter as redes sociais */
header {
	position: relative;
}

/* Em telas menores, permite que a imagem ocupe toda a largura sem limite de altura */
@media (max-width: 768px) {
	.cabeçalho {
		width: 100%;
		max-height: none;
		height: auto;
		object-fit: cover;
	}
}

/* Fundo do site: substitua "background.jpg" pelo nome/caminho da sua imagem */
html,
body {
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	width: 100%;
	position: relative;
}

body {
	background-image: url("BGS/Ativo 1.png");
	background-size: cover;
	/* mantém proporções e cobre toda a tela */
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: scroll;
	min-height: 100vh;
	min-width: 100vw;
}

/* Garante que todas as sections e wrappers não ultrapassem a tela */
section,
div {
	max-width: 100vw;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

/* Garante que o conteúdo do site fique por cima do fundo */
/* Aplique a classe .sobre-fundo a containers principais se necessário */
.sobre-fundo,
.conteudo,
.container {
	position: relative;
	z-index: 1;
	background: transparent;
}

/* Caso queira um sobreposição escura para melhorar contraste */
.fundo-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
	pointer-events: none;
	z-index: 0;
}

/* Ícones das redes sociais (use imagens em REDE_SOCIAL/) */
.redes {
	display: flex;
	gap: 0.6vw;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 2vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	background: rgba(0, 0, 0, 0.4);
	padding: 0.4vw 1vw;
	border-radius: 2.6vw;
	backdrop-filter: blur(0.3vw);
}

.icone-redes {
	width: 1.2vw;
	height: auto;
	display: block;
	transition: transform 0.3s ease, filter 0.3s ease;
	cursor: pointer;
}

.icone-redes:hover {
	transform: scale(1.2);
	filter: brightness(1.2);
}

.icone-redes1 {
	width: 0.8vw;
	height: auto;
	display: block;
	transition: transform 0.3s ease, filter 0.3s ease;
	cursor: pointer;
}

.icone-redes1:hover {
	transform: scale(1.2);
	filter: brightness(1.2);
}

.icone-redes2 {
	width: 4.5vw;
	height: auto;
	display: block;
	transition: transform 0.3s ease, filter 0.3s ease;
	cursor: pointer;
}

.icone-redes2:hover {
	transform: scale(1.2);
	filter: brightness(1.2);
}

/* Classe específica para REDE_SOCIAL/Ativo 19.png e Ativo 21.png */

.icone-especial1 {
	width: 4.5vw;
	/* tamanho específico para esses ícones */
	height: auto;
	display: block;
	opacity: 0.95;
	transition: transform 0.3s ease, filter 0.3s ease;
	cursor: pointer;
}

.icone-especial1:hover {
	transform: scale(1.2);
	filter: brightness(1.2);
}

.icone-especial {
	width: 0.05vw;
	/* tamanho específico para esses ícones */
	height: auto;
	display: block;
	opacity: 0.95;
}

/* Segunda faixa: começa na esquerda e vai até o meio da tela */

.segunda-container {
	width: 100%;
	position: relative;
}

.segunda-faixa {
	display: block;
	width: 50vw;
	max-width: 50%;
	height: auto;
	object-fit: cover;
	margin: 0;
	position: relative;
}

.terceira-faixa {
	display: block;
	width: 100vw;
	/* ocupa metade da largura da viewport */
	max-width: 100%;
	height: var(--faixa-height, 21.9vw);
	object-fit: cover;
	margin: 0;
	/* alinha à esquerda */
	position: relative;
	z-index: 10;
}

/* Quarta faixa: colocada abaixo da terceira e com mesma largura/altura da segunda por padrão */
.quarta-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 27.5vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 223 e 222 - Base (Functional for both PC/Mobile by default) */
.quarta-wrapper .ativo-223 {
	position: absolute;
	top: 25%;
	left: 55%;
	transform: translate(-50%, -50%);
	max-width: 30vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

.quarta-wrapper .ativo-222 {
	position: absolute;
	top: 55%;
	left: 57%;
	transform: translate(-50%, -50%);
	max-width: 60vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* PC-specific adjustments ONLY (requested recently) */
@media (min-width: 769px) {
	.quarta-wrapper .ativo-223 {
		top: 20%;
		left: 48%;
	}

	.quarta-wrapper .ativo-222 {
		top: 57%;
		left: 57%;
		max-width: 45vw;
	}
}

/* Sexta wrapper + faixa com galeria de patrocinadores */
.sexta-wrapper {
	position: relative;
	display: block;
	line-height: 0;
	margin: 0;
	margin-bottom: -3vh;
	padding: 0;
}

.sexta-wrapper .sexta-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 41.1vw);
	object-fit: cover;
	margin: 0;
}

.sexta-wrapper .galeria-patrocinadores {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	gap: 2.1vw;
	justify-content: center;
	align-items: center;
	z-index: 100;
	pointer-events: auto;
}

.sexta-wrapper .patrocinador-item {
	width: auto;
	height: auto;
	max-width: 15vw;
	object-fit: contain;
	display: block;
	--patr-x: 0vw;
	--patr-y: 0vh;
	--patr-scale: 1;
	transform: translate(var(--patr-x), var(--patr-y)) scale(var(--patr-scale));
	transition: transform .3s ease, opacity .3s ease;
	z-index: 100;
}

.sexta-wrapper .patrocinador-item:hover {
	transform: translate(var(--patr-x), var(--patr-y)) scale(calc(var(--patr-scale) * 1.1));
	opacity: 0.9;
}

/* Configurações individuais para cada patrocinador */
.sexta-wrapper .patrocinador-item.patr-1 {
	--patr-x: -1.9vw;
	--patr-y: -15.8vh;
	--patr-scale: 0.4;
}

.sexta-wrapper .patrocinador-item.patr-2 {
	--patr-x: 1vw;
	--patr-y: 5.1vh;
	--patr-scale: 2.7;
}

.sexta-wrapper .patrocinador-item.patr-3 {
	--patr-x: -9.9vw;
	--patr-y: 4.6vh;
	--patr-scale: 0.3;
}

.sexta-wrapper .patrocinador-item.patr-4 {
	--patr-x: -0.5vw;
	--patr-y: 22vh;
	--patr-scale: 0.3;
}

.sexta-wrapper .patrocinador-item.patr-5 {
	--patr-x: -13.6vw;
	--patr-y: 13.9vh;
	--patr-scale: 0.3;
}

.sexta-wrapper .patrocinador-item.patr-6 {
	--patr-x: -17.4vw;
	--patr-y: 9.3vh;
	--patr-scale: 0.3;
}

.sexta-wrapper .patrocinador-item.patr-7 {
	--patr-x: -21.4vw;
	--patr-y: 0vh;
	--patr-scale: 0.3;
}

/* Ativo 247 posicionado dentro da sexta-faixa (Ativo 10.png) */
.sexta-wrapper .ativo-247-sexta {
	position: absolute;
	top: 17%;
	left: 52%;
	transform: translate(-50%, -50%);
	max-width: 30vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

/* Ativo 248 posicionado dentro da sexta-faixa (Ativo 10.png) */
.sexta-wrapper .ativo-248-sexta {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 28vw;
	height: auto;
	z-index: 12;
	pointer-events: none;
}

/* Ativo 244 posicionado dentro da sexta-faixa (Ativo 10.png) */
.sexta-wrapper .ativo-244-sexta {
	position: absolute;
	top: 38%;
	left: 48%;
	transform: translate(-50%, -50%);
	max-width: 25vw;
	height: auto;
	z-index: 13;
	pointer-events: none;
}

/* Ativo 243 posicionado dentro da sexta-faixa (Ativo 10.png) */
.sexta-wrapper .ativo-243-sexta {
	position: absolute;
	top: 75%;
	left: 52%;
	transform: translate(-50%, -50%);
	max-width: 30vw;
	height: auto;
	z-index: 14;
	pointer-events: none;
}

/* Ativo 245 posicionado dentro da sexta-faixa (Ativo 10.png) */
.sexta-wrapper .ativo-245-sexta {
	position: absolute;
	top: 115%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 20vw;
	height: auto;
	z-index: 15;
	pointer-events: none;
}

@media (max-width: 768px) {
	.sexta-wrapper .galeria-patrocinadores {
		flex-wrap: wrap;
		gap: 1vw;
		padding: 1vw;
	}

	.sexta-wrapper .patrocinador-item {
		max-width: 40vw;
	}
}

/* Sétima wrapper + faixa com segunda galeria de patrocinadores */
.setima-wrapper {
	position: relative;
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.setima-wrapper .setima-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 42.2vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 246 posicionado dentro da setima-faixa (Ativo 9.png) */
.setima-wrapper .ativo-246 {
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 50vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* Ativo 245 posicionado dentro da setima-faixa (Ativo 9.png) */
.setima-wrapper .ativo-245 {
	position: absolute;
	top: 13%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 20vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

.setima-wrapper .galeria-patrocinadores-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 0.8vw;
	justify-items: center;
	align-items: center;
	z-index: 100;
	pointer-events: auto;
	max-width: 80vw;
}

.setima-wrapper .patr2-container {
	position: relative;
	width: 100%;
	max-width: 12vw;
}

.setima-wrapper .patrocinador2-item {
	width: 100%;
	height: auto;
	max-width: 12vw;
	object-fit: contain;
	display: block;
	transition: transform .3s ease, opacity .3s ease;
}

.setima-wrapper .patrocinador2-item:hover {
	transform: scale(1.1);
	opacity: 0.9;
}

/* Fundo de patrocinadores (Ativo 121.png) */
.setima-wrapper .fundo-patrocinadores {
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%, -58%);
	z-index: 50;
	pointer-events: none;
}

.setima-wrapper .fundo-patr-img {
	display: block;
	max-width: 51vw;
	height: 20vw;
	/* Configure a altura manualmente aqui */
	opacity: 1;
}

/* Segundo fundo de patrocinadores (Ativo 121.png) */
.setima-wrapper .fundo-patrocinadores-2 {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 40;
	pointer-events: none;
}

.setima-wrapper .fundo-patr-img-2 {
	display: block;
	max-width: 15vw;
	height: auto;
	opacity: 1;
	animation: shake-121 1.5s ease-in-out infinite;
}

@keyframes shake-121 {

	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}

	10% {
		transform: translate(-0.1vw, -0.2vh) rotate(-1deg);
	}

	20% {
		transform: translate(0.1vw, 0.2vh) rotate(1deg);
	}

	30% {
		transform: translate(-0.1vw, 0.2vh) rotate(-1deg);
	}

	40% {
		transform: translate(0.1vw, -0.2vh) rotate(1deg);
	}

	50% {
		transform: translate(-0.1vw, -0.2vh) rotate(-1deg);
	}

	60% {
		transform: translate(0.1vw, 0.2vh) rotate(1deg);
	}

	70% {
		transform: translate(-0.1vw, 0.2vh) rotate(-1deg);
	}

	80% {
		transform: translate(0.1vw, -0.2vh) rotate(1deg);
	}

	90% {
		transform: translate(-0.1vw, -0.2vh) rotate(-1deg);
	}
}

/* Configurações individuais para cada patrocinador da segunda galeria */
.setima-wrapper .patrocinador2-item.patr2-4 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-5 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-6 {
	--patr2-x: -3vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-7 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-8 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-9 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-10 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-11 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-12 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-13 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-14 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-15 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-16 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-17 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-18 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-19 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-20 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-21 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-22 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-23 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-24 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-25 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-26 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-27 {
	--patr2-x: 20.8vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-29 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-30 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-31 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-32 {
	--patr2-x: 0vw;
	--patr2-y: 0vh;
	--patr2-scale: 0.4;
}

.setima-wrapper .patrocinador2-item.patr2-33 {
	--patr2-x: 0vw;
	--patr2-y: -24.2vh;
	--patr2-scale: 0.9;
	transform: translate(var(--patr2-x), var(--patr2-y)) scale(var(--patr2-scale));
}

.setima-wrapper .patrocinador2-item.patr2-34 {
	--patr2-x: 0vw;
	--patr2-y: -24.5vh;
	--patr2-scale: 0.7;
	transform: translate(var(--patr2-x), var(--patr2-y)) scale(var(--patr2-scale));
}

/* Logos inside rectangles */
.setima-wrapper .patrocinador2-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: auto;
	object-fit: contain;
	z-index: 105;
	pointer-events: none;
}

/* Specific size for logo-88 */
.setima-wrapper .logo-88 {
	width: 38%;
}

.setima-wrapper .logo-94 {
	width: 45%;
}


@media (max-width: 768px) {
	.setima-wrapper .galeria-patrocinadores-2 {
		flex-wrap: wrap;
		gap: 1vw;
		padding: 1vw;
	}

	.setima-wrapper .patrocinador2-item {
		max-width: 40vw;
	}
}

/* Sétima faixa 2: wrapper com galeria */
.setima2-wrapper {
	position: relative;
	display: block;
}

.setima2-wrapper .setima2-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 53.4vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 250 posicionado dentro da setima2-faixa (Ativo 12.png) */
.setima2-wrapper .ativo-250 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 30vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* Ativo 249 posicionado dentro da setima2-faixa (Ativo 12.png) */
.setima2-wrapper .ativo-249 {
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 31vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

/* Ativo 166 posicionado dentro da setima2-faixa (Ativo 12.png) */
.setima2-wrapper .ativo-166 {
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 25vw;
	height: auto;
	z-index: 12;
	pointer-events: none;
}

.setima2-wrapper .galeria-p7 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.setima2-wrapper .galeria-p7 a {
	position: absolute;
	display: block;
	height: auto;
}

.setima2-wrapper .galeria-p7 img {
	display: block;
	width: 100%;
	height: auto;
}

.setima2-wrapper .galeria-p7 a:nth-child(1) {
	max-width: 14vw;
	top: 15%;
	left: 8%;
	transform: rotate(-5deg);
	z-index: 105;
}

.setima2-wrapper .galeria-p7 a:nth-child(2) {
	max-width: 12vw;
	top: 45%;
	left: 5%;
	transform: rotate(3deg);
	z-index: 103;
}

.setima2-wrapper .galeria-p7 a:nth-child(3) {
	max-width: 16vw;
	top: 25%;
	left: 25%;
	transform: rotate(-8deg);
	z-index: 108;
}

.setima2-wrapper .galeria-p7 a:nth-child(4) {
	max-width: 11vw;
	top: 60%;
	left: 22%;
	transform: rotate(5deg);
	z-index: 102;
}

.setima2-wrapper .galeria-p7 a:nth-child(5) {
	max-width: 13vw;
	top: 15%;
	left: 45%;
	transform: rotate(2deg);
	z-index: 104;
}

.setima2-wrapper .galeria-p7 a:nth-child(6) {
	max-width: 15vw;
	top: 50%;
	left: 42%;
	transform: rotate(-4deg);
	z-index: 107;
}

.setima2-wrapper .galeria-p7 a:nth-child(7) {
	max-width: 12vw;
	top: 20%;
	left: 65%;
	transform: rotate(6deg);
	z-index: 106;
}

.setima2-wrapper .galeria-p7 a:nth-child(8) {
	max-width: 14vw;
	top: 55%;
	left: 63%;
	transform: rotate(-3deg);
	z-index: 101;
}

.setima2-wrapper .galeria-p7 a:nth-child(9) {
	max-width: 11vw;
	top: 12%;
	left: 82%;
	transform: rotate(-6deg);
	z-index: 103;
}

.setima2-wrapper .galeria-p7 a:nth-child(10) {
	max-width: 13vw;
	top: 48%;
	left: 80%;
	transform: rotate(4deg);
	z-index: 105;
}

/* Oitava faixa: wrapper com galeria P8 */
.oitava-wrapper {
	position: relative;
	display: block;
}

.oitava-wrapper .oitava-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 45vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 253 posicionado dentro da oitava-faixa (Ativo 8.png) */
.oitava-wrapper .ativo-253 {
	position: absolute;
	top: 32%;
	left: 47.5%;
	transform: translate(-50%, -50%);
	max-width: 15vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* Ativo 252 posicionado dentro da oitava-faixa (Ativo 8.png) */
.oitava-wrapper .ativo-252 {
	position: absolute;
	top: 43%;
	left: 47.9%;
	transform: translate(-50%, -50%);
	max-width: 16vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

/* Ativo 251 posicionado dentro da oitava-faixa (Ativo 8.png) */
.oitava-wrapper .ativo-251 {
	position: absolute;
	top: 67.5%;
	left: 53.3%;
	transform: translate(-50%, -50%);
	max-width: 26vw;
	height: auto;
	z-index: 12;
	pointer-events: none;
}

.oitava-wrapper .galeria-p8 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}

.oitava-wrapper .galeria-p8 img {
	position: absolute;
	display: block;
	height: auto;
}

.oitava-wrapper .galeria-p8 a {
	position: absolute;
	display: block;
	height: auto;
}

.oitava-wrapper .galeria-p8 a img {
	position: relative;
	width: 100%;
	height: auto;
}

.oitava-wrapper .galeria-p8 img:nth-child(1) {
	max-width: 25vw;
	top: -8%;
	left: 65%;
	z-index: 105;
}

.oitava-wrapper .galeria-p8 img:nth-child(2) {
	max-width: 40vw;
	top: 1.3%;
	left: 0%;
	z-index: 103;
}

.oitava-wrapper .galeria-p8 img:nth-child(3) {
	max-width: 2vw;
	top: 18%;
	left: 40%;
	z-index: 102;
}

.oitava-wrapper .galeria-p8 img:nth-child(4) {
	max-width: 2vw;
	top: 17.3%;
	left: 43%;
	z-index: 104;
}

.oitava-wrapper .galeria-p8 img:nth-child(5) {
	max-width: 27vw;
	top: 85%;
	left: 40%;
	z-index: 106;
}

.oitava-wrapper .galeria-p8 img:nth-child(6) {
	max-width: 16vw;
	top: 32%;
	left: 22%;
	z-index: 103;
}

.oitava-wrapper .galeria-p8 img:nth-child(7) {
	max-width: 5vw;
	top: 52%;
	left: 28%;
	z-index: 205;
}

.oitava-wrapper .galeria-p8 a:nth-child(8) {
	max-width: 15.5vw;
	top: 37%;
	left: 12.1%;
	z-index: 202;
}

.oitava-wrapper .galeria-p8 img:nth-child(9) {
	max-width: 8vw;
	top: 28%;
	left: 15%;
	transform: translateX(-100%);
	z-index: 04;
}

/* Faixa Ativo 13 wrapper com galeria P9 */
.setima3-wrapper {
	position: relative;
	display: block;
	z-index: 100;
}

.setima3-wrapper .setima3-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 42.2vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 256 posicionado dentro da setima3-faixa (Ativo 13.png) */
.setima3-wrapper .ativo-256 {
	position: absolute;
	top: 20%;
	left: 34%;
	transform: translate(-50%, -50%);
	max-width: 15vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* Ativo 255 posicionado dentro da setima3-faixa (Ativo 13.png) */
.setima3-wrapper .ativo-255 {
	position: absolute;
	top: 34%;
	left: 34%;
	transform: translate(-50%, -50%);
	max-width: 15vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

/* Ativo 254 posicionado dentro da setima3-faixa (Ativo 13.png) */
.setima3-wrapper .ativo-254 {
	position: absolute;
	top: 50%;
	left: 38%;
	transform: translate(-50%, -50%);
	max-width: 23vw;
	height: auto;
	z-index: 12;
	pointer-events: none;
}

.setima3-wrapper .galeria-p9 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.setima3-wrapper .galeria-p9 img {
	position: absolute;
	display: block;
	height: auto;
}

.setima3-wrapper .galeria-p9 a {
	position: absolute;
	display: block;
	height: auto;
}

.setima3-wrapper .galeria-p9 a img {
	position: relative;
	width: 100%;
	height: auto;
}

.setima3-wrapper .galeria-p9 .p9-185 {
	max-width: 3vw;
	top: 6%;
	left: 30%;
	transform: rotate(0deg);
	z-index: 104;
}

.setima3-wrapper .galeria-p9 .p9-186 {
	max-width: 2vw;
	top: 6%;
	left: 26.8%;
	transform: rotate(0deg);
	z-index: 103;
}

.setima3-wrapper .galeria-p9 .p9-187 {
	max-width: 20vw;
	top: 90%;
	left: 40%;
	transform: rotate(0deg);
	z-index: 107;
}

.setima3-wrapper .galeria-p9 .p9-188 {
	max-width: 18vw;
	top: -5%;
	left: 38%;
	transform: rotate(3deg);
	z-index: 102;
}


.setima3-wrapper .galeria-p9 .p9-196 {
	max-width: 13vw;
	top: 5%;
	left: 68%;
	transform: rotate(6deg);
	z-index: 103;
}

.setima3-wrapper .galeria-p9 .p9-197 {
	max-width: 13vw;
	top: 5%;
	left: 55%;
	transform: rotate(-3deg);
	z-index: 104;
}

/* Setima4 wrapper com galeria P10 */
.setima4-wrapper {
	position: relative;
	display: block;
}

.setima4-wrapper .setima4-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 21.9vw);
	object-fit: cover;
	margin: 0;
}

.setima4-wrapper .galeria-p10 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.setima4-wrapper .galeria-p10 img {
	position: absolute;
	display: block;
	height: auto;
}

.setima4-wrapper .galeria-p10 .p10-201 {
	max-width: 5vw;
	top: -10%;
	left: 47%;
	transform: rotate(-5deg);
	z-index: 204;
}

.setima4-wrapper .galeria-p10 .p10-202 {
	max-width: 15vw;
	top: 53%;
	left: 42.4%;
	transform: rotate(0deg);
	z-index: 203;
}

.setima4-wrapper .galeria-p10 .p10-203 {
	width: 40vw !important;
	max-width: 25vw !important;
	height: auto !important;
	top: -5%;
	left: 37.5%;
	transform: rotate(0deg);
	z-index: 105;
}

/* Ativo 257 posicionado dentro da Ativo 203 */
.setima4-wrapper .galeria-p10 .ativo-257 {
	position: absolute;
	top: 12%;
	left: 39.7%;
	width: 20vw;
	height: auto;
	z-index: 106;
	pointer-events: none;
}

/* Ativo 258 posicionado dentro da Ativo 203 */
.setima4-wrapper .galeria-p10 .ativo-258 {
	position: absolute;
	top: 35%;
	left: 37.3%;
	width: 25vw;
	height: auto;
	z-index: 107;
	pointer-events: none;
}



.setima4-wrapper .galeria-p10 .p10-204 {
	max-width: 3.5vw;
	top: 95%;
	left: 51.2%;
	transform: translateX(-100%) rotate(0deg);
	z-index: 202;
}

/* Nona faixa: Ativo 5 colocada abaixo da Ativo 13 */
.nona-wrapper {
	position: relative;
	display: block;
}

.nona-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 16.9vw);
	object-fit: cover;
	margin: 0;
}

/* Ativo 212 posicionado dentro da nona-faixa (Ativo 5.png) */
.nona-wrapper .ativo-212-nona {
	position: absolute;
	top: 50%;
	left: 49.5%;
	transform: translate(-50%, -50%);
	max-width: 0.1vw;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

/* Ativo 213 posicionado dentro da nona-faixa (Ativo 5.png) */
.nona-wrapper .ativo-213-nona {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	max-width: 8vw;
	height: auto;
	z-index: 11;
	pointer-events: none;
}

/* Ativo 214 posicionado dentro da nona-faixa (Ativo 5.png) */
.nona-wrapper .ativo-214-nona {
	position: absolute;
	top: 50%;
	left: 44.2%;
	transform: translate(-50%, -50%);
	max-width: 8vw;
	height: auto;
	z-index: 12;
	pointer-events: none;
}

/* Ativo 259 posicionado dentro da nona-faixa (Ativo 5.png) */
.nona-wrapper .ativo-259-nona {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 30vw;
	height: auto;
	z-index: 13;
	pointer-events: none;
}

/* Quinta faixa: colocada abaixo da quarta e com mesma largura/altura das outras faixas */
.quinta-faixa {
	display: block;
	width: 100vw;
	max-width: 100%;
	height: var(--faixa-height, 78.8vw);
	object-fit: cover;
	margin: 0;
}

/* Wrapper for quinta-faixa so we can overlay clouds (.nuvens) above it */
.quinta-wrapper {
	position: relative;
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
	margin-bottom: -8vh;
}

/* Fundo para Ativo 139 */
.quinta-wrapper .ativo-139-background {
	position: absolute;
	top: 36%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 150;
	pointer-events: none;
}

.quinta-wrapper .ativo-139-background img {
	display: block;
	height: auto;
	opacity: 1;
}

.quinta-wrapper .ativo-139-background img:first-child {
	max-width: 32vw;
}

.quinta-wrapper .ativo-240-background {
	position: absolute;
	top: 65%;
	left: 25%;
	transform: translate(-50%, -50%);
	max-width: 8vw !important;
	height: auto;
	z-index: 151;
	display: block;
}

.quinta-wrapper .ativo-238-background {
	position: absolute;
	top: 65%;
	left: 54%;
	transform: translate(-50%, -50%);
	max-width: 10vw !important;
	height: auto;
	z-index: 151;
	display: block;
}

.quinta-wrapper .ativo-239-background {
	position: absolute;
	top: 65%;
	left: 84%;
	transform: translate(-50%, -50%);
	max-width: 8vw !important;
	height: auto;
	z-index: 151;
	display: block;
}

.quinta-wrapper .ativo-242-background {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 25vw !important;
	height: auto;
	z-index: 151;
	display: block;
}

/* Overlay para Ativo 139 sobre a quinta-faixa */
.quinta-wrapper .ativo-139-overlay {
	position: absolute;
	top: 57.6%;
	left: 39%;
	transform: translate(-50%, -50%);
	z-index: 250;
	pointer-events: none;
}

.quinta-wrapper .ativo-139-overlay img {
	display: block;
	max-width: 6vw;
	height: auto;
}

/* Ativo 241 posicionado dentro da quinta-faixa */
.quinta-wrapper .ativo-241-quinta {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 20vw;
	height: auto;
	z-index: 155;
	pointer-events: none;
}

/* Overlay para Ativo 122 */
.quinta-wrapper .ativo-122-overlay {
	position: absolute;
	top: 85%;
	left: 22%;
	transform: translate(-50%, -50%);
	z-index: 240;
	animation: float-122 110s linear infinite;
	transition: transform 0.3s ease;
}

.quinta-wrapper .ativo-122-overlay:hover {
	transform: translate(-50%, -50%) scale(2.5);
	z-index: 300;
}

/* Pausar TODO o carrossel quando hover em qualquer imagem */
.quinta-wrapper:has(.ativo-122-overlay:hover) .ativo-122-overlay,
.quinta-wrapper:has(.ativo-122-overlay:hover) .ativo-123-overlay,
.quinta-wrapper:has(.ativo-123-overlay:hover) .ativo-122-overlay,
.quinta-wrapper:has(.ativo-123-overlay:hover) .ativo-123-overlay {
	animation-play-state: paused;
}

.quinta-wrapper .ativo-122-overlay img {
	display: block;
	max-width: 7vw;
	height: auto;
}

/* Overlay para Ativo 123 */
.quinta-wrapper .ativo-123-overlay {
	position: absolute;
	top: 84%;
	left: 10%;
	transform: translate(-50%, -50%);
	z-index: 241;
	animation: float-123 110s linear infinite;
	transition: transform 0.3s ease;
}

.quinta-wrapper .ativo-123-overlay:hover {
	animation-play-state: paused;
	transform: translate(-50%, -50%) scale(2.5);
	z-index: 300;
}

.quinta-wrapper .ativo-123-overlay img {
	display: block;
	max-width: 7vw;
	height: auto;
}

/* Animações para as imagens 122 e 123 */
@keyframes float-122 {
	0% {
		transform: translate(100vw, -50%) scale(0.5);
		opacity: 0;
	}

	2% {
		transform: translate(100vw, -50%) scale(1);
		opacity: 1;
	}

	98% {
		transform: translate(-150%, -50%) scale(1);
		opacity: 1;
	}

	100% {
		transform: translate(-150%, -50%) scale(0.5);
		opacity: 0;
	}
}

@keyframes float-123 {
	0% {
		transform: translate(100vw, -50%) scale(0.5);
		opacity: 0;
	}

	2% {
		transform: translate(100vw, -50%) scale(1);
		opacity: 1;
	}

	98% {
		transform: translate(-150%, -50%) scale(1);
		opacity: 1;
	}

	100% {
		transform: translate(-150%, -50%) scale(0.5);
		opacity: 0;
	}
}

/* Posicionamento individual das imagens extras com delays para criar efeito contínuo */
.quinta-wrapper .ativo-extra-1 {
	top: 85%;
	left: -15%;
	animation-delay: 0s;
}

.quinta-wrapper .ativo-extra-2 {
	top: 84%;
	left: -15%;
	animation-delay: 8s;
}

.quinta-wrapper .ativo-extra-3 {
	top: 85%;
	left: -15%;
	animation-delay: 16s;
}

.quinta-wrapper .ativo-extra-4 {
	top: 84%;
	left: -15%;
	animation-delay: 24s;
}

.quinta-wrapper .ativo-extra-5 {
	top: 85%;
	left: -15%;
	animation-delay: 32s;
}

.quinta-wrapper .ativo-extra-6 {
	top: 84%;
	left: -15%;
	animation-delay: 40s;
}

.quinta-wrapper .ativo-extra-7 {
	top: 85%;
	left: -15%;
	animation-delay: 48s;
}

.quinta-wrapper .ativo-extra-8 {
	top: 84%;
	left: -15%;
	animation-delay: 56s;
}

.quinta-wrapper .ativo-extra-9 {
	top: 85%;
	left: -15%;
	animation-delay: 64s;
}

.quinta-wrapper .ativo-extra-10 {
	top: 84%;
	left: -15%;
	animation-delay: 72s;
}

.quinta-wrapper .ativo-extra-11 {
	top: 85%;
	left: -15%;
	animation-delay: 80s;
}

.quinta-wrapper .ativo-extra-12 {
	top: 84%;
	left: -15%;
	animation-delay: 88s;
}

.quinta-wrapper .ativo-extra-13 {
	top: 84%;
	left: -15%;
	animation-delay: 96s;
}

/* Configurações individuais para imagens especiais */
.quinta-wrapper .img-controle {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-turismo {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .ativo-236-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 45vw;
	height: auto;
	z-index: 9;
}

/* Configuração específica para imagens com alt="informacao" */
.quinta-wrapper img[alt="informacao"] {
	max-width: 6vw;
	left: 4vw;
	top: 5vw;
	filter: contrast(10.3) brightness(50);
}

.quinta-wrapper .img-comida {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-moda {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-125 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-unboxing {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-livros {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-132 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-131 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-130 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-COMMERCE {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-128 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-127 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .img-126 {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 4vw !important;
	width: 4vw !important;
	height: auto !important;
	z-index: 10;
}

.quinta-wrapper .nuvens {
	position: absolute;
	top: 37%;
	/* vertically center over the faixa image */
	left: 70%;
	transform: translate(-50%, -50%);
	width: 100%;
	pointer-events: none;
	z-index: 5;
	/* above the faixa */
}

/* Each cloud is absolutely positioned relative to the wrapper and uses CSS variables for X/Y/scale */
.quinta-wrapper .nuvens .nuvem {
	position: absolute;
	left: 5%;
	top: 50%;
	--nuv-x: 0vw;
	--nuv-y: 0vh;
	--nuv-scale: 1;
	transform: translate(calc(-50% + var(--nuv-x)), calc(-50% + var(--nuv-y))) scale(var(--nuv-scale));
	max-width: 8vw;
	height: auto;
	object-fit: contain;
	opacity: 1;
	transition: transform .18s ease, opacity .18s ease;
	animation: drift-clouds 60s linear infinite;
}

/* Animação de nuvens passando no céu */
@keyframes drift-clouds {
	0% {
		transform: translate(calc(-50% + var(--nuv-x)), calc(-50% + var(--nuv-y))) scale(var(--nuv-scale)) translateX(0vw);
	}

	100% {
		transform: translate(calc(-50% + var(--nuv-x)), calc(-50% + var(--nuv-y))) scale(var(--nuv-scale)) translateX(5.2vw);
	}
}

/* Variações de velocidade para diferentes nuvens */
.quinta-wrapper .nuvens .n1 {
	--nuv-x: 11.5vw;
	--nuv-y: -50vh;
	--nuv-scale: 1.0;
	animation-duration: 25s;
}

.quinta-wrapper .nuvens .n2 {
	--nuv-x: 36.9vw;
	--nuv-y: -35vh;
	--nuv-scale: 1.0;
	animation-duration: 32s;
}

.quinta-wrapper .nuvens .n3 {
	--nuv-x: -26vw;
	--nuv-y: -40vh;
	--nuv-scale: 1.0;
	animation-duration: 28s;
}

.quinta-wrapper .nuvens .n4 {
	--nuv-x: -50.9vw;
	--nuv-y: -100vh;
	--nuv-scale: 1.0;
	animation-duration: 35s;
}

.quinta-wrapper .nuvens .n5 {
	--nuv-x: 15.6vw;
	--nuv-y: -12vh;
	--nuv-scale: 1.0;
	animation-duration: 22s;
}

.quinta-wrapper .nuvens .n6 {
	--nuv-x: 49vw;
	--nuv-y: -3vh;
	--nuv-scale: 1.0;
	animation-duration: 30s;
}

.quinta-wrapper .nuvens .n7 {
	--nuv-x: 40.5vw;
	--nuv-y: 10%;
	--nuv-scale: 1.0;
	animation-duration: 26s;
}

.quinta-wrapper .nuvens .n8 {
	--nuv-x: -11.5vw;
	--nuv-y: 30vh;
	--nuv-scale: 0.95;
	animation-duration: 34s;
}

.quinta-wrapper .nuvens .n9 {
	--nuv-x: -16.7vw;
	--nuv-y: -18vh;
	--nuv-scale: 0.95;
	animation-duration: 29s;
}

.quinta-wrapper .nuvens .n10 {
	--nuv-x: -5.2vw;
	--nuv-y: -14vh;
	--nuv-scale: 0.95;
	animation-duration: 24s;
}

.quinta-wrapper .nuvens .n11 {
	--nuv-x: 56.9vw;
	--nuv-y: 50vh;
	--nuv-scale: 0.95;
	animation-duration: 31s;
}

.quinta-wrapper .nuvens .n12 {
	--nuv-x: 30.7vw;
	--nuv-y: 7vh;
	--nuv-scale: 0.95;
	animation-duration: 28s;
	z-index: -1;
}

.quinta-wrapper .nuvens .n13 {
	--nuv-x: -11.5vw;
	--nuv-y: 40vh;
	--nuv-scale: 0.9;
	animation-duration: 32s;
}

.quinta-wrapper .nuvens .n14 {
	--nuv-x: 4.2vw;
	--nuv-y: 13vh;
	--nuv-scale: 0.9;
	animation-duration: 27s;
	z-index: -1;
}

.quinta-wrapper .nuvens .n15 {
	--nuv-x: -31.3vw;
	--nuv-y: 18vh;
	--nuv-scale: 0.9;
	animation-duration: 33s;
}

.quinta-wrapper .nuvens .n16 {
	--nuv-x: 31.3vw;
	--nuv-y: 12vh;
	--nuv-scale: 0.9;
	animation-duration: 36s;
}




@media (max-width: 768px) {
	.quinta-wrapper .nuvens {
		position: static;
		transform: none;
	}

	.quinta-wrapper .nuvens .nuvem {
		position: static;
		transform: none;
		max-width: 48%;
		display: inline-block;
	}
}

/* Make .texto behave like .nuvens: overlay, centered and individually controllable */
.quinta-wrapper .texto {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	display: flex;
	justify-content: center;
	pointer-events: auto;
	z-index: 210;
	/* above nuvens */
}


.quinta-wrapper .texto .frase {
	position: absolute;
	left: 50%;
	top: 50%;
	--txt-x: 0vw;
	--txt-y: 0vh;
	--txt-scale: 1;
	transform: translate(calc(-50% + var(--txt-x)), calc(-50% + var(--txt-y))) scale(var(--txt-scale));
	max-width: 60%;
	height: auto;
	object-fit: contain;
	transition: transform .18s ease, opacity .18s ease;
}

@media (max-width: 768px) {
	.quinta-wrapper .texto {
		position: static;
		transform: none;
		padding: 0.4vw 0;
	}

	.quinta-wrapper .texto .frase {
		position: static;
		transform: none;
		max-width: 100%;
	}
}







/* You can override these values inline or in CSS for fine tuning, e.g:
	<img class="janela left up" style="--janela-x:-300px; --janela-y:-20px; --janela-scale:1.2"> */
/* Imagem sobreposta (P2/Ativo22.png) posicionada sobre a segunda-faixa */
.segunda-overlay {
	position: absolute;
	top: 0;
	left: 35vw;
	/* desloca a sobreposição para a direita (ajuste este valor) */
	width: 29vw;
	/* largura da sobreposição */
	max-width: 50%;
	height: auto;
	z-index: 2;
	/* abaixo da terceira página */
	pointer-events: none;
	/* evita capturar cliques se for decorativa */
	animation: float-overlay 4s ease-in-out infinite;
}

@keyframes float-overlay {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}
}

@media (max-width: 480px) {
	.segunda-overlay {
		left: 0;
		width: 100%;
	}
}

/* Segunda sobreposição adicional posicionada ao lado direito da primeira */
.segunda-overlay2 {
	position: absolute;
	top: 5%;
	left: calc(28vw + 40vw + 2vw);
	/* posiciona à direita da primeira sobreposição com pequeno espaçamento */
	width: 12%;
	max-width: 1000%;
	height: auto;
	z-index: 6;
	pointer-events: none;
}

@media (max-width: 768px) {
	.segunda-overlay2 {
		display: none;
		/* esc
        onde a segunda sobreposição em telas médias/pequenas para evitar overflow */
	}
}

.ativo-215 {
	position: absolute;
	top: 6.9vw;
	left: calc(31vw + 30vw + 1vw);
	/* posiciona à direita do segunda-overlay com espaçamento */
	width: 14vw;
	max-width: 50%;
	height: auto;
	z-index: 2;
	pointer-events: none;
}

@media (max-width: 480px) {
	.ativo-215 {
		display: none;
	}
}

/* Imagem intermediária, posicionada entre as duas sobreposições e atrás da primeira */
.segunda-overlay-mid1 {
	position: absolute;
	top: 1.2%;
	left: 52vw;
	/* ajuste para posicionamento entre as duas sobreposições */
	width: 8vw;
	max-width: 100%;
	height: auto;
	z-index: 1;
	/* fica atrás de .segunda-overlay (z-index: 2) */
	pointer-events: none;
}

@media (max-width: 768px) {
	.segunda-overlay-mid {
		display: none;
		/* esconde em telas menores para evitar sobreposição estranha */
	}
}

/* Galeria de imagens P2 (23..35) */
.galeria-p2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	height: 56.4vw;
	display: block;
	z-index: 30;
	pointer-events: none;
}

.galeria-p2- {
	position: relative;
	z-index: 10;
	/* acima das sobreposições da segunda faixa */
}

.galeria-p3 {
	position: relative;
	z-index: 1000;
	/* garantir visibilidade acima de faixas e overlays por padrão */
	display: flex;
	gap: 0.6vw;
	align-items: center;
	visibility: visible;
}

.galeria-p3 img {
	max-width: 9.4vw;
	height: auto;
	display: block;
	object-fit: contain;
}

/* mobile */
@media (max-width: 768px) {
	.galeria-p3 {
		flex-direction: column;
		gap: 0.4vw;
	}
}

/* Wrapper for terceira-faixa to host overlay gallery */
.terceira-wrapper {
	position: relative;
	display: block;
}

.terceira-wrapper .galeria-p3 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 0.6vw;
	padding-top: 0.6vw;
	z-index: 100;
	/* above the faixa image */
	pointer-events: auto;
}

@media (max-width: 768px) {
	.terceira-wrapper .galeria-p3 {
		position: static;
		padding: 0.4vw 0;
	}
}

/* Quarta faixa wrapper + overlay gallery */
.quarta-wrapper {
	position: relative;
	display: block;
}

.quarta-wrapper .galeria-p4 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 3.5vw;
	/* Aumentado para compensar cards menores */
	padding-top: 0.6vw;
	/* Use explicit X/Y vars so you can move the gallery freely left/right/up/down.
	   Examples:
         .galeria-p4 { --galeria-p4-x: 2.1vw; --galeria-p4-y: -3.1vw; }
         inline: <section class="galeria-p4" style="--galeria-p4-x:2.1vw; --galeria-p4-y:-3.1vw">...
	*/
	transform: translate(var(--galeria-p4-x, 0vw), var(--galeria-p4-y, var(--galeria-p4-offset, -5.1vh)));
	z-index: 90;
	/* above the faixa image */
	pointer-events: auto;
}

.galeria-p4 .p4-item {
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.p4-card {
	position: relative;
	margin-top: 20vh;
	/* Reverted default */
	width: 10vw;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	transition: transform 0.2s ease;
}

/* PC Adjustments for P4 Cards */
@media (min-width: 769px) {
	.p4-card {
		margin-top: 22.5vw;
		width: 8vw;
	}
}

.p4-card:hover {
	transform: scale(1.09);
}

.p4-card-bg {
	width: 100%;
	height: auto;
	display: block;
}

.p4-card-text {
	position: absolute;
	left: 55%;
	/* Reverted default */
	top: 60%;
	transform: translate(-50%, -50%);
	width: 65%;
	height: auto;
	z-index: 112;
	pointer-events: none;
}

@media (min-width: 769px) {
	.p4-card-text {
		left: 62%;
	}
}

.p4-card-icon {
	position: absolute;
	left: -3px;
	/* Reverted default */
	top: 50%;
	transform: translateY(-50%) scale(1.1);
	width: 35%;
	height: auto;
	z-index: 115;
	pointer-events: none;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
}

@media (min-width: 769px) {
	.p4-card-icon {
		left: -6px;
	}
}

/* Ajustes finos por card se necessário */
.card-youtube .p4-card-text {
	width: 75%;
	/* Ajuste para o texto do youtube */
}

@media (max-width: 768px) {
	.quarta-wrapper .galeria-p4 {
		position: static;
		padding: 7.4vh 0;
	}

	.galeria-p4 .p4-item {
		width: 48%;
	}
}

/* Elementos decorativos (Mascote e penduricalhos) - Base */
.galeria-p4 .p4-item.p4-31 {
	position: absolute;
	left: 5vw;
	top: -8.4vw;
	width: 25vw;
	z-index: 110;
	animation: swing-p4-31 3s ease-in-out infinite;
}

.galeria-p4 .p4-item.p4-35 {
	position: absolute;
	left: 22vw;
	top: -6.7vw;
	width: 7vw;
	z-index: 110;
}

.galeria-p4 .p4-item.p4-37 {
	position: absolute;
	right: 20vw;
	top: -3.3vw;
	width: 11vw;
	z-index: 110;
}

/* PC-specific adjustments for decors */
@media (min-width: 769px) {
	.galeria-p4 .p4-item.p4-31 {
		left: 1vw;
		top: -5.6vw;
		width: 35vw;
	}

	.galeria-p4 .p4-item.p4-35 {
		left: 35vw;
		top: -6.7vw;
		width: 5vw;
	}

	.galeria-p4 .p4-item.p4-37 {
		right: 40vw;
		top: 28.1vw;
		width: 20vw;
	}
}

@keyframes swing-p4-31 {

	0%,
	100% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(-5deg);
	}

	75% {
		transform: rotate(5deg);
	}
}

@media (max-width: 768px) {

	.galeria-p4 .p4-item.p4-31,
	.galeria-p4 .p4-item.p4-35,
	.galeria-p4 .p4-item.p4-37,
	.galeria-p4 .p4-item.p4-38,
	.galeria-p4 .p4-item.p4-39 {
		transform: none;
		width: 48%;
	}
}

/* P3 individual item helpers */
.p3-item {
	display: block;
	width: 8.3vw;
	height: auto;
	object-fit: contain;
	--p3-x: 0vw;
	--p3-y: 0vh;
	--p3-scale: 1;
	transform: translate(var(--p3-x), var(--p3-y)) scale(var(--p3-scale));
	transition: transform .18s ease;
	z-index: 1001;
}

/* Per-item positional helpers for galeria-p3 */
.galeria-p3 .p3-item.pos1 {
	--p3-x: -9.4vw;
	--p3-y: 7.03vw;
	--p3-scale: 2.5;
}

.galeria-p3 .p3-item.pos2 {
	--p3-x: 9.4vw;
	--p3-y: 7.31vw;
	--p3-scale: 3.5;
}

/* Ativo 216 preso em cima da Ativo 23 */
.galeria-p3 .ativo-216-p3 {
	position: absolute;
	left: 54.2%;
	top: 79%;
	transform: translate(calc(-50% + 9.4vw), calc(-50% + 7.31vw)) scale(0.7);
	z-index: 1020;
	/* Acima da carta e do mascote */
	pointer-events: none;
	width: 40vw;
	max-width: 750px;
	height: auto;
}

@media (max-width: 768px) {
	.p3-item {
		width: 48%;
		transform: none;
	}
}

/* P2 gallery items: default sizing and per-item transform variables
   Use the utility classes `pos1`..`pos8` to set `--p2-x`, `--p2-y`, `--p2-scale`.
   Example: .p2-item.pos3 { --p2-x: 0.5vw; --p2-y: -1vw; --p2-scale: 0.95; }
*/





.p2-item {
	flex: 0 0 auto;
	width: 8.3vw;
	/* default width, adjust as needed */
	height: auto;
	display: block;
	object-fit: cover;
	--p2-x: 0vw;
	--p2-y: 0vh;
	--p2-scale: 1;
	transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale));
	transition: transform .18s ease, filter .18s ease;
	z-index: 31;
	/* above overlays */
}

.p2-item1 {
	width: 12%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* Per-item positional helpers (change values to move items individually) */
.galeria-p2 .p2-item.pos1 {
	--p2-x: 57vw;
	--p2-y: -4.5vw;
	--p2-scale: 0.2;
	animation: float-p2-1 3s ease-in-out infinite;
}

@keyframes float-p2-1 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(0vh);
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(-0.79vw);
	}
}

/* Ativo 216 posicionado em cima da P3/Ativo 23 (pos2) */
.galeria-p2 .ativo-216 {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(9.4vw, 5.5vw) scale(2);
	z-index: 100;
	pointer-events: none;
	max-width: none;
	width: 10.4vw;
	height: auto;
}

.galeria-p2 .p2-item.pos2 {
	--p2-x: 29vw;
	--p2-y: 6.5vw;
	--p2-scale: 0.3;
	animation: swing-p2-2 3.5s ease-in-out infinite;
}

@keyframes swing-p2-2 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(0deg);
	}

	25% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(-8deg);
	}

	75% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(8deg);
	}
}

.galeria-p2 .p2-item.pos3 {
	--p2-x: 44.7vw;
	--p2-y: 4.5vw;
	--p2-scale: 1.5;
	animation: pulse-p2-3 2.8s ease-in-out infinite;
}

@keyframes pulse-p2-3 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale));
		opacity: 1;
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(calc(var(--p2-scale) * 1.08));
		opacity: 0.85;
	}
}

.galeria-p2 .p2-item.pos4 {
	--p2-x: 71vw;
	--p2-y: -3vw;
	--p2-scale: 0.2;
	animation: float-p2-4 3.2s ease-in-out infinite;
}

@keyframes float-p2-4 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(0vw);
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(-0.61vw);
	}
}

.galeria-p2 .p2-item.pos5 {
	--p2-x: 5.4vw;
	--p2-y: -6.07vw;
	--p2-scale: 0.3;
	animation: bounce-p2-5 2.5s ease-in-out infinite;
}

@keyframes bounce-p2-5 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(0vw);
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(-0.95vw);
	}
}

.galeria-p2 .p2-item.pos6 {
	--p2-x: 35vw;
	--p2-y: -11.64vw;
	--p2-scale: 0.2;
	animation: swing-p2-6 3.8s ease-in-out infinite;
}

@keyframes swing-p2-6 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(0deg);
	}

	25% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(-6deg);
	}

	75% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) rotate(6deg);
	}
}

.galeria-p2 .p2-item.pos7 {
	--p2-x: 52.8vw;
	--p2-y: -32.62vw;
	--p2-scale: 0.2;
	animation: pulse-p2-7 3.3s ease-in-out infinite;
}

@keyframes pulse-p2-7 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale));
		opacity: 1;
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(calc(var(--p2-scale) * 1.12));
		opacity: 0.85;
	}
}

.galeria-p2 .p2-item.pos8 {
	--p2-x: 54vw;
	--p2-y: -30.93vw;
	--p2-scale: 0.6;
	animation: float-p2-8 2.7s ease-in-out infinite;
}

@keyframes float-p2-8 {

	0%,
	100% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(0vh);
	}

	50% {
		transform: translate(var(--p2-x), var(--p2-y)) scale(var(--p2-scale)) translateY(-0.73vw);
	}
}

.galeria-p2 .p2-item.pos9 {
	--p2-x: 20.2vw;
	--p2-y: -53.8vw;
	--p2-scale: 2.5;
}

.galeria-p2 .p2-item.pos10 {
	--p2-x: 45.8vw;
	--p2-y: -40.2vw;
	--p2-scale: 2.5;
}

@media (max-width: 768px) {
	.p2-item {
		width: 48%;
		transform: none;
		/* disable individual offsets on small screens */
	}
}

/* Move .p2-item1 slightly to the left */
.p2-item1 {
	transform: translateX(14.6vw) translateY(-10.4vw);
}

@media (max-width: 768px) {
	.p2-item1 {
		transform: translateX(-0.5vw) translateY(0);
		/* smaller horizontal shift and no vertical on small screens */
	}
}



@media (max-width: 480px) {
	.galeria-p2 {
		gap: 0.4vw;
		padding: 0.6vw;
	}
}

@media (max-width: 768px) {
	.galeria-p2 {
		position: static;
		/* evita overlay em telas menores */
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(6.3vw, 1fr));
		gap: 0.6vw;
		padding: 0.6vw;
		margin-top: 0;
		z-index: 10;
	}
}

@media (max-width: 480px) {
	.segunda-faixa {
		width: 100%;
		/* em telas pequenas ocupa a largura total para legibilidade */
	}
}

/* Specific configuration for an image marked as janela with alt="janela1".
	Use the CSS variables to adjust position/scale or override inline.
	Negative --janela-y moves up; positive moves down. */
.quinta-wrapper .texto .janela {
	position: absolute;
	left: 50%;
	top: 50%;
	--janela-x: 0vw;
	--janela-y: 0vh;
	--janela-scale: 1;
	transform-origin: center center;
	transform: translate(calc(-50% + var(--janela-x)), calc(-50% + var(--janela-y))) scale(var(--janela-scale));
	max-width: 28vw;
	/* constrain size so it doesn't grow huge */
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform .18s ease, opacity .18s ease;
	z-index: 212;
}

/* Specific defaults for the image marked with alt="janela1" */
.quinta-wrapper .texto .janela[alt="janela1"] {
	--janela-x: 0vw;
	--janela-y: 13.5vw;
	--janela-scale: 0.9;
	z-index: 216;
}

/* Janela wrapper: center the wrapper and place left/right buttons beside the image */
.janela-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	z-index: 215;
	--janela-btn-gap: 9.3vw;
	/* horizontal gap from the janela edges to buttons */
}

.janela-wrap .janela {
	position: static;
	/* let the image size the wrapper */
	transform: none;
	max-width: 28vw;
	display: block;
}

.janela-wrap .btn-janela {
	position: absolute;
	top: 50%;
	--janela-btn-offset: 10.3vw;
	/* positive -> move buttons further down */
	transform: translateY(calc(-50% + var(--janela-btn-offset)));
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 9999;
	/* ensure buttons appear above the janela image */
}

.janela-wrap .btn-janela img {
	display: block;
	max-width: var(--janela-btn-size, 1vw);
	height: auto;
}

.janela-wrap .btn-left {
	right: calc(100% + var(--janela-btn-gap));
}

.janela-wrap .btn-right {
	left: calc(100% + var(--janela-btn-gap));
}

@media (max-width: 768px) {
	.janela-wrap {
		position: static;
		transform: none;
		display: flex;
		gap: 0.6vw;
		align-items: center;
		justify-content: center;
	}

	.janela-wrap .btn-janela img {
		max-width: var(--janela-btn-size-mobile, 28vw);
	}
}

.quinta-wrapper .texto .janela[alt="janela2"] {
	--janela-x: 0vw;
	--janela-y: 10.4vw;
	--janela-scale: 0.4;
	z-index: 216;
}

.quinta-wrapper .texto .janela[alt="janela3"] {
	--janela-x: 0vw;
	--janela-y: 10.4vw;
	--janela-scale: 0.4;
	z-index: 216;
}


/* Example inline override:
	<img class="janela" alt="janela1" src="..." style="--janela-x:6.3vw; --janela-y:4.2vw; --janela-scale:1.1"> */

/* Container para carrossel */
.galeria-carousel {
	position: absolute;
	left: 50%;
	top: 20% !important;
	/* Aproximadamente abaixo do título e acima do fundo central */
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 255;
	/* Garantir que fique acima de quase tudo na seção */
	width: 42vw;
}

.galeria-carousel .btn-janela {
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 260;
	transition: transform 0.3s ease;
}

.galeria-carousel .btn-janela:hover {
	transform: scale(1.2);
}

.galeria-carousel .btn-janela img {
	display: block;
	width: 2vw;
	height: auto;
}

.galeria-carousel .btn-left {
	margin-right: 0.1vw;
}

.galeria-carousel .btn-right {
	margin-left: 0.1vw;
}

.thumbnails-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3vw;
	/* Espaço entre as 3 imagens */
	width: 35vw;
	perspective: 1000px;
}

.thumbnail-wrapper {
	position: relative;
	cursor: pointer;
	transition: all 0.4s ease;
}

.thumbnail-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	z-index: 1;
	pointer-events: none;
}

.thumbnail {
	width: 15vw;
	/* Tamanho maior para as imagens */
	height: auto;
	border-radius: 1.5vw;
	position: relative;
	z-index: 2;
	display: block;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.thumbnail-wrapper.active {
	transform: scale(1.15) translateZ(50px);
	z-index: 5;
}

.thumbnail-wrapper.side {
	transform: scale(0.85);
	opacity: 0.6;
	filter: blur(1px);
}

/* Imagens laterais - escurecidas */
.thumbnail-wrapper.side .thumbnail {
	filter: brightness(0.3);
	opacity: 0.8;
}

.thumbnail-wrapper.side .thumbnail-bg {
	filter: brightness(0.3);
	opacity: 0.8;
}

.thumbnail-wrapper.side:hover .thumbnail {
	filter: brightness(0.5);
	opacity: 0.9;
}

.thumbnail-wrapper.side:hover .thumbnail-bg {
	filter: brightness(0.5);
	opacity: 0.9;
}

/* Imagem central - destaque */
.thumbnail-wrapper.active {
	transform: scale(1.1);
}

.thumbnail-wrapper.active .thumbnail {
	filter: brightness(1);
	opacity: 1;
}

.thumbnail-wrapper.active .thumbnail-bg {
	filter: brightness(1);
	opacity: 1;
}

@media (max-width: 768px) {
	.thumbnails-container {
		gap: 0.5vw;
		margin-top: 0.8vw;
	}

	.thumbnail {
		width: 3.1vw;
	}
}

/* ========================================
   RESPONSIVIDADE MOBILE E TABLET
   ======================================== */

/* Mobile Portrait - Celulares na vertical (até 480px) */
@media (max-width: 480px) and (orientation: portrait) {
	body {
		overflow-x: hidden;
	}

	/* Header */
	.cabeçalho {
		width: 90vw;
		height: auto;
		margin: 2vh auto;
	}

	/* Navegação redes sociais */
	.redes {
		flex-direction: column;
		gap: 3vh;
		padding: 3vh 0;
		width: 100%;
	}

	.icone-redes,
	.icone-redes1,
	.icone-redes2 {
		width: 12vw;
		height: auto;
	}

	.icone-especial,
	.icone-especial1 {
		display: none;
	}

	/* Segunda faixa */
	.segunda-faixa {
		width: 100vw;
		height: auto;
	}

	/* Galeria P2 - Removido layout de coluna para manter o estilo flutuante */
	.galeria-p2 {
		display: block;
	}

	/* Terceira faixa */
	.terceira-wrapper {
		width: 100%;
	}

	.terceira-faixa {
		width: 100vw;
		height: auto;
	}

	/* Galeria P3 */
	.galeria-p3 {
		position: absolute !important;
		top: 5vh !important;
		left: 0 !important;
		width: 100%;
		display: flex;
		/* Use flexbox */
		flex-direction: row !important;
		/* Side by side */
		justify-content: center !important;
		/* Centered */
		align-items: center;
		padding: 0 !important;
		gap: 5vw !important;
		/* Space between the images */
	}

	/* General P3 items hidden by default on mobile if needed, but we want 30 and 23 visible */
	.p3-item {
		display: none !important;
	}

	/* Specific styles for Image 30 (pos1) and Image 23 (pos2) to be side-by-side */
	.p3-item.pos1,
	.p3-item.pos2 {
		display: block !important;
		position: relative !important;
		transform: none !important;
		width: 25vw !important;
		/* Adjusted size */
		height: auto !important;
	}

	/* Mascote e 216 presos na carta 23 (pos2) em mobile */
	.ativo-216-p3,
	.galeria-p3 .p4-item.p4-31 {
		display: block !important;
		position: absolute !important;
		left: 50%;
		transform: translateX(-50%) scale(0.6) !important;
		z-index: 1020;
	}

	.ativo-216-p3 {
		top: 65%;
		/* Aproximado para a segunda carta no stack */
		transform: translateX(-50%) scale(1.1) !important;
	}

	.galeria-p3 .p4-item.p4-31 {
		top: 55%;
		/* Um pouco acima da 216 */
	}

	/* Quarta faixa */
	.quarta-faixa {
		width: 100vw;
		height: auto;
	}

	/* Galeria P4 */
	.galeria-p4 {
		position: relative !important;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3vh;
		padding: 40vh 0 !important;
	}

	.p4-card {
		width: 80vw !important;
		margin-top: 0 !important;
	}

	.p4-card-icon {
		left: -5vw !important;
		/* Ajuste para o ícone não sair muito da tela no mobile */
		transform: translateY(-50%) scale(1.3) !important;
	}

	/* Ocultar elementos que agora são internos ou desnecessários no stack */
	.p4-item,
	.p4-social,
	.ativo-217-p4,
	.ativo-218-p4,
	.ativo-219-p4,
	.ativo-220-p4 {
		display: none !important;
	}

	/* Quinta wrapper */
	.quinta-wrapper {
		width: 100%;
	}

	.quinta-faixa {
		width: 100vw;
		height: auto;
	}

	/* Patrocinadores */
	.patrocinador-section {
		padding: 5vh 5vw;
	}

	.patrocinadores-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 4vh 5vw;
	}

	.patrocinador-item img {
		width: 100%;
		max-width: 35vw;
	}

	/* Sexta wrapper */
	.sexta-wrapper {
		position: static;
		width: 100%;
		height: auto;
		padding: 5vh 0;
	}

	.sexta-faixa {
		width: 100vw;
		height: auto;
	}

	.elfsight-container {
		position: static !important;
		width: 90vw;
		margin: 3vh auto;
	}

	/* Thumbnails galeria */
	.thumbnails-container {
		gap: 2vw;
		margin-top: 2vh;
		flex-wrap: wrap;
		justify-content: center;
	}

	.thumbnail {
		width: 10vw;
	}

	.galeria-carousel {
		top: 160% !important;
		width: 80vw !important;
	}

	.galeria-carousel .btn-janela img {
		width: 8vw !important;
	}
}

/* Mobile Landscape - Celulares na horizontal (481px-767px) */
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
	.cabeçalho {
		width: 70vw;
		margin: 1.5vh auto;
	}

	.redes {
		gap: 2vw;
		padding: 2vh 0;
	}

	.icone-redes,
	.icone-redes1,
	.icone-redes2 {
		width: 6vw;
	}

	.galeria-p2,
	.galeria-p3,
	.galeria-p4 {
		padding: 2vh 0;
	}

	.p2-item,
	.p3-item,
	.p4-item {
		width: 60vw !important;
	}

	.patrocinadores-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 3vh 4vw;
	}
}

/* Tablet Portrait - Tablets na vertical (768px-1024px) */
@media (min-width: 601px) and (max-width: 800px) and (orientation: portrait) {
	.cabeçalho {
		width: 60vw;
	}

	.redes {
		gap: 3vw;
	}

	.icone-redes,
	.icone-redes1,
	.icone-redes2 {
		width: 5vw;
	}

	.galeria-p2,
	.galeria-p3,
	.galeria-p4 {
		width: 100%;
		padding: 3vh 5vw;
	}

	.p3-item,
	.p4-item {
		width: 70vw !important;
	}

	.patrocinadores-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 4vh;
	}

	.elfsight-container {
		width: 80vw;
	}
}

/* Tablet Landscape - Tablets na horizontal (768px-1024px) */
@media (min-width: 601px) and (max-width: 800px) and (orientation: landscape) {
	.cabeçalho {
		width: 50vw;
	}

	.galeria-p2,
	.galeria-p3,
	.galeria-p4 {
		width: 80vw;
	}

	.p3-item,
	.p4-item {
		width: 60vw !important;
	}

	.patrocinadores-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* ==========================================================================
   MOBILE RESPONSIVENESS FIXES (INTEGRATED)
   These styles override previous defaults for screens smaller than 768px
   ========================================================================== */

@media (max-width: 600px) {

	/* 1. Global Reset & Body */
	html,
	body {
		overflow-x: hidden;
		width: 100vw;
		max-width: 100vw;
		margin: 0;
		padding: 0;
	}

	/* 2. Navigation (Redes) - Sobreposto ao Header */
	.redes {
		position: fixed !important;
		top: 10px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: auto !important;
		min-width: 280px;
		max-width: 90vw;
		height: auto !important;
		padding: 8px 15px !important;
		background: rgba(0, 0, 0, 0.6) !important;
		border-radius: 30px !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 12px !important;
		z-index: 9999 !important;
		backdrop-filter: blur(8px);
	}

	/* Oculta as barras brancas que esticam a barra no mobile */
	.icone-especial {
		display: none !important;
	}

	/* Garante que os ícones tenham tamanho fixo e não estiquem */
	.icone-redes,
	.icone-redes1 {
		width: 24px !important;
		height: 24px !important;
		object-fit: contain !important;
	}

	.icone-especial1,
	.icone-redes2 {
		height: 18px !important;
		width: auto !important;
		object-fit: contain !important;
	}

	/* 3. Header Logo - Começa no topo da tela */
	header {
		margin-top: 0 !important;
		text-align: center;
		width: 100%;
	}

	.cabeçalho {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		display: block;
		object-fit: cover;
	}

	/* 
       REVERTED: The "Universal Wrapper Fix" and "Stack Vertical" logic.
       The user wants the icons to stay in their original absolute positions 
       (scaled by vw/vh) just like on desktop. 
       
       We only keep the Nav/Header fixes above.
       Below, we ensure containers don't overflow horizontally.
    */

	.galeria-carousel {
		top: 160% !important;
		width: 80vw !important;
	}

	/* 4. Universal Wrapper Fix: Restore Container Heights 
	   Prevent collapse so absolute items don't drift into other sections.
	*/
	.segunda-container {
		min-height: 80vh !important;
	}

	.terceira-wrapper {
		min-height: 40vh !important;
	}

	.quarta-wrapper {
		min-height: 50vh !important;
		z-index: 20 !important;
		/* Higher priority to avoid being hidden */
	}

	.quinta-wrapper {
		min-height: 35vh !important;
		overflow: hidden !important;
		/* Cut off clouds that go outside */
		position: relative !important;
	}

	/* Ensure clouds occupy the same space as the image and don't flow statically */
	.quinta-wrapper .nuvens {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
		pointer-events: none !important;
	}

	.quinta-wrapper .nuvens .nuvem {
		position: absolute !important;
		/* Re-use desktop animations but ensure they are contained or cut off */
		/* Adjust scale for mobile if needed */
		max-width: 15vw !important;
	}

	/* Big section with clouds */
	.sexta-wrapper {
		min-height: 75vh !important;
	}

	.setima-wrapper {
		min-height: 80vh !important;
	}

	.setima2-wrapper {
		min-height: 95vh !important;
	}

	.oitava-wrapper {
		min-height: 80vh !important;
	}

	.setima3-wrapper {
		min-height: 75vh !important;
	}

	.setima4-wrapper {
		min-height: 40vh !important;
	}

	.nona-wrapper {
		min-height: 30vh !important;
	}

	.terceira-wrapper {
		z-index: 10 !important;
	}

	.quarta-wrapper {
		z-index: 11 !important;
	}

	.quinta-wrapper {
		z-index: 12 !important;
	}

	.sexta-wrapper {
		z-index: 13 !important;
	}

	.setima-wrapper {
		z-index: 14 !important;
	}

	.setima2-wrapper {
		z-index: 15 !important;
	}

	.segunda-container,
	.terceira-wrapper,
	.quarta-wrapper,
	.quinta-wrapper,
	.sexta-wrapper,
	.setima-wrapper,
	.setima2-wrapper,
	.oitava-wrapper,
	.setima3-wrapper,
	.setima4-wrapper,
	.nona-wrapper {
		position: relative !important;
		display: block !important;
		width: 100vw !important;
		overflow: visible !important;
		/* Change to visible so corner items show */
		margin-bottom: 0 !important;
		padding: 0 !important;
	}

	/* Force background images to COVER the new tall/narrow containers */
	/* Force background images to COVER the new tall/narrow containers */
	.terceira-faixa,
	.quarta-faixa,
	/* quinta-faixa removed from here to treat separately */
	.sexta-faixa,
	.setima-faixa,
	.setima2-faixa,
	.oitava-faixa,
	.setima3-faixa,
	.setima4-faixa,
	.nona-faixa {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		/* Fill the container height */
		object-fit: cover !important;
		/* Crop sides, keep center */
		object-position: center top !important;
		z-index: 0 !important;
		opacity: 1 !important;
	}

	/* Ativo 2: Fix to make it take space and not be covered */
	.segunda-faixa {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 32vh !important;
		object-fit: cover !important;
		object-position: center top !important;
		z-index: 1 !important;
	}

	.segunda-overlay {
		position: absolute !important;
		top: 2vh !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 45vw !important;
		max-width: none !important;
		z-index: 5 !important;
	}

	/* Force P4 to stay down on mobile */
	.galeria-p4 {
		padding-top: 50vh !important;
	}

	/* Valor menor para ficar atrás dos wrappers seguintes */
	/* Special treatment for Quinta Faixa (Ativo 11) to reduce height */
	.quinta-faixa {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 25vh !important;
		/* Force smaller height */
		object-fit: cover !important;
		object-position: center top !important;
		z-index: 0 !important;
		opacity: 1 !important;
	}

	/* Adjust font/scale for rotated items if they are too small? */
	/* For now, we trust the original vw-based positioning to place them "where they should be". */

	/* Sponsors Grid */
	.galeria-patrocinadores-2 {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 10px !important;
		width: 95% !important;
	}

	/* Gallery containers */
	.galeria-p2,
	.galeria-p3,
	.galeria-p7,
	.galeria-p8,
	.galeria-p9,
	.galeria-p10 {
		width: 100vw !important;
	}

	/* Fix specifically for P2: Ensure it stays at the top of segunda-container */
	.galeria-p2 {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		height: 100vh !important;
		z-index: 50 !important;
		pointer-events: none !important;
	}

	.p2-item {
		/* Mantém a escala original baseada em vw/vh para mobile também */
		position: absolute !important;
		width: 8vw !important;
		/* Tamanho pequeno para mobile */
		height: auto !important;
	}

	.p2-item.pos9 {
		top: 7vh !important;
		left: 22% !important;
		width: 20vw !important;
		transform: translateX(-50%) !important;
		z-index: 50 !important;
	}

	.ativo-215 {
		display: block !important;
		position: absolute !important;
		top: 7vh !important;
		left: 65% !important;
		width: 25vw !important;
		z-index: 40 !important;
	}

	.segunda-overlay2 {
		display: block !important;
		position: absolute !important;
		top: 3vh !important;
		left: 85% !important;
		transform: translateX(-50%) !important;
		width: 5vw !important;
		z-index: 30 !important;
	}

	.p2-item.pos4 {
		display: block !important;
		position: absolute !important;
		top: 19vh !important;
		left: 12% !important;
		width: 10vw !important;
		z-index: 50 !important;
	}

	/* 
	   SOCIAL STATS CARD LAYOUT (P4)
	*/
	.galeria-p4 {
		display: flex !important;
		flex-direction: row !important;
		/* Voltou para horizontal */
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 4vw !important;
		width: 100% !important;
		padding: 70vh 5vw 5vh 5vw !important;
		/* Mantém abaixado */
		position: relative !important;
		top: auto !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	/* Mascote (Ativo 31) visível, bem mais para a esquerda e mais para cima */
	.p4-item.p4-31 {
		display: block !important;
		position: absolute !important;
		top: 4vh !important;
		left: 15% !important;
		transform: translateX(-50%) !important;
		width: 35vw !important;
		z-index: 200 !important;
	}

	/* Ocultar outras decorações menos importantes */
	.p4-item.p4-35 {
		display: block !important;
		position: absolute !important;
		top: 10vh !important;
		left: 40% !important;
		transform: translateX(-50%) !important;
		width: 12vw !important;
		z-index: 200 !important;
	}

	.p4-item.p4-37 {
		display: block !important;
		position: absolute !important;
		top: 77vh !important;
		/* Moved below social icons */
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 52vw !important;
		z-index: 200 !important;
	}

	.p4-card {
		width: 18vw !important;
		flex-shrink: 0;
		margin-top: 0 !important;
	}

	.p4-card-icon {
		left: -12px !important;
		top: 80% !important;
		/* Lowered even more */
		transform: translateY(-50%) scale(0.9) !important;
	}

	.quarta-wrapper .ativo-222 {
		max-width: 85vw !important;
		/* Increased from 60vw */
		top: 55% !important;
		left: 52% !important;
		/* Moved a bit to the left from 57% */
	}

	.quarta-wrapper .ativo-223 {
		max-width: 50vw !important;
		top: 25% !important;
	}

	/* Fix for Image 36 (segunda-overlay-mid1) on Mobile */
	.segunda-overlay-mid1 {
		display: block !important;
		width: 12vw !important;
		z-index: 3 !important;
	}

	/* Adjust Image 25 (pos3) on Mobile - Lowering it */
	.p2-item.pos3 {
		display: block !important;
		position: absolute !important;
		top: 25vh !important;
		left: 49% !important;
		width: 17vw !important;
		transform: translateX(-50%) !important;
		z-index: 55 !important;
	}

	/* Adjust Image 43 (pos10) on Mobile - Centered and Lowered */
	.p2-item.pos10 {
		display: block !important;
		position: absolute !important;
		top: 31vh !important;
		left: 50% !important;
		width: 15vw !important;
		transform: translateX(-50%) !important;
		z-index: 55 !important;
	}

	/* Lower Images 32 (pos5), 33 (pos6), 34 (pos7), 35 (pos8) on Mobile */
	.p2-item.pos5 {
		display: block !important;
		position: absolute !important;
		top: 35vh !important;
		left: 15% !important;
		width: 12vw !important;
		z-index: 55 !important;
	}

	.p2-item.pos6 {
		display: block !important;
		position: absolute !important;
		top: 38vh !important;
		left: 80% !important;
		width: 12vw !important;
		z-index: 55 !important;
	}

	.p2-item.pos7 {
		display: block !important;
		position: absolute !important;
		top: 42vh !important;
		left: 25% !important;
		width: 12vw !important;
		z-index: 55 !important;
	}

	.p2-item.pos8 {
		display: block !important;
		position: absolute !important;
		top: 40vh !important;
		left: 65% !important;
		width: 12vw !important;
		z-index: 55 !important;
	}

	/* Force P3 Gallery layout side-by-side for images 23 and 30 */
	.galeria-p3 {
		position: absolute !important;
		top: 5vh !important;
		left: 0 !important;
		width: 100%;
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		padding: 0 !important;
		gap: 5vw !important;
	}

	.p3-item {
		display: none !important;
	}

	.p3-item.pos1,
	.p3-item.pos2 {
		display: block !important;
		position: relative !important;
		transform: none !important;
		width: 40vw !important;
		max-width: none !important;
		height: auto !important;
	}

	/* Position 216 strictly over 23 (pos2) */
	/* Since pos2 is the second item in the flex container, we can position 216 absolute relative to the gallery wrapper */
	/* Or better, move it to match the visual position of the right image */
	.ativo-216-p3 {
		display: block !important;
		position: absolute !important;
		top: 60% !important;
		/* Center vertical relative to gallery */
		left: 72% !important;
		/* Roughly center of the right image */
		transform: translate(-50%, -50%) scale(1.2) !important;
		width: 32vw !important;
		max-width: none !important;
		z-index: 2050 !important;
		pointer-events: none;
	}


	/* FORCE OVERRIDE for Quinta Wrapper height */
	.quinta-wrapper {
		min-height: 25vh !important;
		height: 55vh !important;
		overflow: hidden !important;
	}

	.quinta-faixa {
		height: 55vh !important;
		min-height: 55vh !important;
		max-height: 55vh !important;
	}

	/* Adjust position of Ativo 241 on mobile */
	.quinta-wrapper .ativo-241-quinta {
		top: 38vh !important;
		/* Lowered position relative to shortened container */
		max-width: 25vw !important;
		/* Slightly larger if needed or kept same */
	}

	/* Raise the Frase (FX.psb.png) */
	/* Raise and center the Frase (FX.psb.png) */
	.quinta-wrapper .texto {
		position: absolute !important;
		top: 2vh !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 70vw !important;
		/* Occupy full viewport width for centering */
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		z-index: 2200 !important;
		pointer-events: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.quinta-wrapper .texto .frase {
		width: 65% !important;
		/* Adjusted width */
		max-width: 90vw !important;
		height: auto !important;
		display: block !important;
		margin: 0 !important;
		transform: none !important;
	}

	/* Ensure thumbnails-container is visible on mobile and positioned over Ativo 11 */
	.quinta-wrapper .galeria-carousel {
		position: absolute !important;
		top: 40% !important;
		left: 50% !important;
		transform: translate(-50%, -150%) !important;
		width: 100vw !important;
		z-index: 2000 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		height: auto !important;
	}

	.quinta-wrapper .thumbnails-container,
	.thumbnails-container {
		display: flex !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		transform: none !important;
		width: auto !important;
		gap: 3vw !important;
		justify-content: center !important;
		align-items: center !important;
		z-index: 2005 !important;
		margin: 0 !important;
	}

	.thumbnail-wrapper {
		display: block !important;
		width: 10vw !important;
		/* Smaller items */
		height: auto !important;
		pointer-events: auto !important;
		position: relative !important;
	}

	.thumbnail {
		width: 100% !important;
		border-radius: 1.5vw !important;
		/* Adjusted border radius */
		display: block !important;
	}

	.galeria-carousel .btn-janela {
		display: block !important;
		width: 8vw !important;
		z-index: 2010 !important;
		position: absolute !important;
		/* Changed to absolute for symmetry */
		top: 50% !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
	}

	.galeria-carousel .btn-left {
		left: 30vw !important;
		/* Fixed distance from left edge */
		right: auto !important;
	}

	.galeria-carousel .btn-right {
		right: 24vw !important;
		/* Fixed distance from right edge */
		left: auto !important;
	}

	/* Redução do Ativo 80.png (patr-2) no Mobile */
	.patrocinador-item.patr-2 {
		max-width: 25vw !important;
		height: auto !important;
	}

	/* Ajustes das imagens decorativas na Faixa 6 (Sexta) */
	.ativo-248-sexta {
		max-width: 65vw !important;
		height: auto !important;
		top: 61% !important;
	}

	.ativo-247-sexta {
		max-width: 60vw !important;
		height: auto !important;
		top: 24% !important;
	}

	.ativo-244-sexta {
		max-width: 45vw !important;
		height: auto !important;
		left: 40% !important;
		top: 48% !important;
	}

	.ativo-243-sexta {
		max-width: 55vw !important;
		height: auto !important;
		left: 50% !important;
		top: 75% !important;
	}

	/* CORREÇÃO TOTAL DA GALERIA DE PATROCINADORES 2 (SETIMA WRAPPER) */
	.setima-wrapper {
		min-height: auto !important;
		height: auto !important;
		padding: 4vh 0 !important;
		position: relative !important;
		display: block !important;
		overflow: visible !important;
	}

	.setima-wrapper .setima-faixa {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	.setima-wrapper .fundo-patrocinadores {
		position: absolute !important;
		top: 5vh !important;
		/* Subindo o fundo cinza */
		left: -1.2vw !important;
		/* Desviando um pouco para a esquerda */
		width: 100% !important;
		height: 74% !important;
		transform: none !important;
		margin: 0 !important;
		z-index: 2 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.setima-wrapper .fundo-patr-img {
		width: 90% !important;
		height: 85% !important;
		max-width: none !important;
		object-fit: fill !important;
		opacity: 1 !important;
		margin: auto !important;
	}

	.setima-wrapper .galeria-patrocinadores-2 {
		position: relative !important;
		display: grid !important;
		grid-template-columns: repeat(7, 1fr) !important;
		gap: 3px !important;
		width: 90vw !important;
		/* Reduzi para 82vw para definitivamente não cortar e centralizar bem */
		margin: 1vh auto !important;
		left: 0 !important;
		transform: none !important;
		z-index: 10 !important;
		max-width: none !important;
	}

	.setima-wrapper .patr2-container {
		max-width: none !important;
		width: 100% !important;
		height: auto !important;
	}

	.setima-wrapper .patrocinador2-item {
		width: 80% !important;
		height: auto !important;
		max-width: none !important;
	}

	.setima-wrapper .ativo-246 {
		position: relative !important;
		top: auto !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 35vw !important;
		margin-bottom: 2vh !important;
		z-index: 20 !important;
		display: block !important;
	}

	.setima-wrapper .patrocinador2-logo {
		left: 40% !important;
		/* Deslocando as logos um pouco para a esquerda no mobile */
	}

	/* Aumentar imagem Ativo 256 no mobile */
	.setima3-wrapper .ativo-256 {
		max-width: 40vw !important;
		/* Aumentado de 15vw */
		top: 20% !important;
		left: 25% !important;
		/* Ajustando levemente a posição */
	}

	/* Aumentar imagem Ativo 255 no mobile */
	.setima3-wrapper .ativo-255 {
		max-width: 40vw !important;
		/* Aumentado de 15vw */
		top: 32% !important;
		left: 25% !important;
	}

	/* Aumentar imagem Ativo 254 no mobile */
	.setima3-wrapper .ativo-254 {
		max-width: 60vw !important;
		/* Aumentado de 23vw */
		top: 48% !important;
		left: 35% !important;
		/* Ajustando levemente para a esquerda */
	}

	/* Aumentar Ativo 185 e 186 no mobile */
	.setima3-wrapper .galeria-p9 .p9-185 {
		max-width: 12vw !important;
		top: 3% !important;
		left: 20% !important;
	}

	.setima3-wrapper .galeria-p9 .p9-186 {
		max-width: 10vw !important;
		top: 2% !important;
		left: 8% !important;
	}

	.setima3-wrapper .galeria-p9 .p9-188 {
		max-width: 35vw !important;
		/* Aumentado de 18vw */
		top: -5% !important;
		left: 35% !important;
	}

	/* Aumentar Ativo 196 e 197 no mobile */
	.setima3-wrapper .galeria-p9 .p9-196 {
		max-width: 20vw !important;
		top: 15% !important;
		left: 75% !important;
	}

	.setima3-wrapper .galeria-p9 .p9-197 {
		max-width: 20vw !important;
		top: 15% !important;
		left: 57% !important;
	}

	/* Aumentar Ativo 203 no mobile */
	.setima4-wrapper .galeria-p10 .p10-203 {
		width: 70vw !important;
		/* Aumentado de 40vw */
		max-width: 70vw !important;
		/* Aumentado de 25vw */
		top: -2% !important;
		left: 15% !important;
	}

	/* Aumentar Ativo 201 no mobile */
	.setima4-wrapper .galeria-p10 .p10-201 {
		max-width: 12vw !important;
		/* Aumentado de 5vw */
		top: -10% !important;
		left: 42% !important;
	}

	/* Aumentar Ativo 258 no mobile */
	.setima4-wrapper .galeria-p10 .ativo-258 {
		width: 68vw !important;
		/* Aumentado de 25vw */
		top: 30% !important;
		left: 16% !important;
	}

	/* Aumentar Ativo 257 no mobile */
	.setima4-wrapper .galeria-p10 .ativo-257 {
		width: 55vw !important;
		/* Aumentado de 20vw */
		top: 10% !important;
		left: 21% !important;
	}

	/* Aumentar Ativo 202 no mobile */
	.setima4-wrapper .galeria-p10 .p10-202 {
		max-width: 40vw !important;
		/* Aumentado de 15vw */
		top: 50% !important;
		left: 30% !important;
	}

	/* Aumentar Ativo 187 no mobile */
	.setima3-wrapper .galeria-p9 .p9-187 {
		max-width: 55vw !important;
		/* Aumentado de 20vw */
		top: 90% !important;
		left: 22.2% !important;
	}

	/* Aumentar Ativo 204 no mobile */
	.setima4-wrapper .galeria-p10 .p10-204 {
		max-width: 12vw !important;
		/* Aumentado de 3.5vw */
		top: 95% !important;
		left: 55% !important;
	}

	/* Aumentar Ativo 212, 213 e 214 no mobile */
	.nona-wrapper .ativo-212-nona {
		max-width: 15vw !important;
		/* Estava 0.1vw */
		top: 50% !important;
		left: 49.5% !important;
	}

	.nona-wrapper .ativo-213-nona {
		max-width: 25vw !important;
		/* Estava 8vw */
		top: 50% !important;
		left: 65% !important;
	}

	.nona-wrapper .ativo-214-nona {
		max-width: 25vw !important;
		/* Estava 8vw */
		top: 50% !important;
		left: 34% !important;
	}

	/* Aumentar Ativo 259 no mobile */
	.nona-wrapper .ativo-259-nona {
		max-width: 75vw !important;
		/* Aumentado de 30vw */
		top: 75% !important;
		left: 50% !important;
	}

	/* Aumentar Ativo 178 no mobile */
	.oitava-wrapper .galeria-p8 img:nth-child(2) {
		max-width: 80vw !important;
		/* Aumentado para mobile */
		top: 29% !important;
		left: -20% !important;
	}

	/* Aumentar Ativo 177 no mobile */
	.oitava-wrapper .galeria-p8 img:nth-child(1) {
		max-width: 50vw !important;
		/* Aumentado de 25vw */
		top: -5% !important;
		left: 50% !important;
	}

	/* Aumentar Ativo 179 e 180 no mobile */
	.oitava-wrapper .galeria-p8 img:nth-child(3) {
		max-width: 8vw !important;
		/* Aumentado de 2vw */
		top: 32% !important;
		left: 37% !important;
	}

	.oitava-wrapper .galeria-p8 img:nth-child(4) {
		max-width: 7vw !important;
		/* Aumentado de 2vw */
		top: 32% !important;
		left: 47% !important;
	}

	/* Aumentar Ativo 182, 183 e 184 no mobile */
	.oitava-wrapper .galeria-p8 img:nth-child(6) {
		max-width: 26vw !important;
		/* Aumentado de 16vw */
		top: 58% !important;
		left: 27% !important;
	}

	.oitava-wrapper .galeria-p8 img:nth-child(7) {
		max-width: 10vw !important;
		/* Aumentado de 5vw */
		top: 70% !important;
		left: 35% !important;
	}

	.oitava-wrapper .galeria-p8 a:nth-child(8) {
		max-width: 25vw !important;
		/* Aumentado de 15.5vw */
		top: 61% !important;
		left: 15% !important;
	}

	/* Aumentar Ativo 253 no mobile */
	.oitava-wrapper .ativo-253 {
		max-width: 30vw !important;
		/* Aumentado de 15vw */
		top: 45% !important;
		left: 51% !important;
	}

	/* Aumentar Ativo 252 no mobile */
	.oitava-wrapper .ativo-252 {
		max-width: 40vw !important;
		/* Aumentado de 16vw */
		top: 53% !important;
		left: 60% !important;
	}

	/* Aumentar Ativo 251 no mobile */
	.oitava-wrapper .ativo-251 {
		max-width: 43vw !important;
		/* Aumentado de 26vw */
		top: 70% !important;
		left: 75% !important;
	}

	/* Aumentar Ativo 185 especificamente na P8 */
	.oitava-wrapper .galeria-p8 img:nth-child(9) {
		max-width: 22vw !important;
		/* Aumentado de 8vw */
		top: 35% !important;
		left: 2% !important;
		transform: none !important;
	}

	/* Aumentar Ativo 181 no mobile */
	.oitava-wrapper .galeria-p8 img:nth-child(5) {
		max-width: 42vw !important;
		/* Aumentado de 27vw */
		top: 78% !important;
		left: 53.5% !important;
	}
}