/** Connect 2026**/
*{font-family: 'Montserrat', sans-serif;  box-sizing: border-box; margin: 0; padding: 0; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; } img, fieldset {border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; scroll-margin-top: 110px; } @media screen {img { width: auto;} }
body {margin: 0; padding: 120px 0 0 0;}
button{outline: 0; cursor: pointer; border: 0;}
a, a:hover{text-decoration: none;}
html{scroll-behavior: smooth;}
.wppfloat {background: #25D366;font-weight: 500; width: 60px;height: 60px;color: #fff;font-size: 25px;text-align: center;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;z-index: 1000; display: flex; justify-content: center; align-items: center;}
:root {
	--teal:   #00C9B1;
	--purple: #CC44FF;
	--dark:   #152768;
	--white:  #fff;
}

.topo{
	& img{
		width: 100%; 
		height: auto; 
		display: block;
	}
	& #owl-topo{
		position: relative;
		.owl-nav {
			position: absolute;
			top: 50%;
			width: 100%;
			transform: translateY(-50%);
			display: flex;
			justify-content: space-between;
			pointer-events: none;
			button{
				outline: 0;
				&:focus{
					outline: 0;
				}
			}
			.owl-prev, .owl-next{
				pointer-events: auto; 
				background: transparent;
				border: none;
				color: #fff;
				font-size: 2rem;
				padding: 0 2rem;
				cursor: pointer;
				position: relative;
			}
		}
	}

	& .botoes{
		width: 100%; 
		background: var(--purple); 
		.datas-descontos{
			padding: 30px 10%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: var(--dark);
			.datas{
				max-width: 60%;
				display: flex;
				gap: 60px;
				font-size: 1.4rem;
				line-height: 1.2;
				.data{
					    font-size: 1.8rem;
				}
				strong{
					display: block;
					text-transform: uppercase;
					font-size: 3.5rem;
					font-weight: 800;
				}
			}
			.descontos{
				display: flex;
				justify-content: space-between;
				gap: 50px;
				align-items: center;
				max-width: 40%;
				img{
					height: auto;
					display: block;
				}
			}
			
		}
		.compra{
			background: var(--teal);
			padding: 40px 10%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.parcelamento{
				color: var(--dark);
				font-size: 2rem;
				font-weight: 300;
				strong{
					font-weight: 700;
				}
			}
			.botao{
				color: var(--dark);
				padding: 15px 40px;
				text-transform: uppercase;
				font-weight: 700;
				border: solid 1px #fff;
				font-size: 1.6rem;
				border-radius: 35px;
				transition: .3s;
				position: relative;
				&:hover{
					background: #fff;
				}
				&:before{
					display: block;
					content: '';
					width: 250px;
					height: 2px;
					background: var(--purple);
					position: absolute;
					left: -252px;
					top: 50%;
				}
			}
		}

	}
}
/* Popover customizado */
.popover {
    background: var(--dark);
    border: none;
    border-radius: 15px;
	padding: 15px;
}
.popover-header {
    background: var(--dark);
    color: #fff;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-radius: 15px 15px 0 0;
}
.popover-body {
    color: #fff;
    text-align: center;
}
.bs-popover-bottom .arrow::after {
    border-bottom-color: var(--dark);
}
.bs-popover-top .arrow::after {
    border-top-color: var(--dark);
}
.bs-popover-bottom .arrow::before {
    border-bottom-color: var(--dark) !important;
}
.bs-popover-bottom .popover-header::before {
    display: none !important;
}

/* Botão */
.popover-body a.botao {
    color: #fff !important;
    background: var(--teal);
    display: inline-block;
    margin-top: 8px;
    padding: 6px 18px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}
#site-header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1000;
}
#top-bar {
	background: var(--dark);
	padding: 0 10%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo-img img {
	height: 48px;
	width: auto;
	display: block;
}
#desktop-nav {
	display: flex;
	align-items: center;
	gap: 30px;
}
#desktop-nav a {
	color: var(--white);
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .3px;
	transition: .3s;
}
#desktop-nav a:hover { 
	color: var(--purple);
}
.btn-ingressos {
	background: var(--purple);
	color: var(--white) !important;
	padding: 10px 22px;
	border-radius: 4px;
	font-weight: 700 !important;
	font-size: 1rem!important;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background .2s !important;
}
.btn-ingressos:hover { 
	background: #b030e8 !important; 
	opacity: 1 !important; 
}
#mobile-controls {
	display: none;
	align-items: center;
	gap: 12px;
}
.btn-ticket-mobile {
	background: var(--purple);
	border: none;
	border-radius: 4px;
	width: 40px; height: 40px;
	display: flex; 
	align-items: center; 
	justify-content: center;
	cursor: pointer;
	color: var(--white);
	font-size: 18px;
}
.btn-hamburger {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	display: flex; 
	flex-direction: column; 
	gap: 5px;
}
.btn-hamburger span {
	display: block;
	width: 26px; height: 2.5px;
	background: var(--white);
	border-radius: 2px;
	transition: all .3s ease;
}
.btn-hamburger.is-x span:nth-child(1) {
	transform: translateY(7.5px) rotate(45deg);
}
.btn-hamburger.is-x span:nth-child(2) {
	opacity: 0;
}
.btn-hamburger.is-x span:nth-child(3) {
	transform: translateY(-7.5px) rotate(-45deg);
}
#marquee-bar {
	background: var(--purple);
	height: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.marquee-track {
	display: flex;
	white-space: nowrap;
	animation: marquee 22s linear infinite;
}
.marquee-track span {
	font-size: 12px;
	font-weight: 700;
	color: var(--white);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 0 40px;
	a{
		color: var(--white);
	}
}
@keyframes marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
#mobile-menu {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: var(--dark);
	z-index: 1100;
	display: flex;
	flex-direction: column;
	padding: 0 28px 40px;
	transform: translateX(100%);
	transition: transform .35s cubic-bezier(.4,0,.2,1);
}
#mobile-menu.is-open {
	transform: translateX(0);
}
#mobile-menu-header {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
}
#mobile-menu nav {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
}
#mobile-menu nav a {
	color: var(--white);
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.15);
	transition: opacity .2s;
}
#mobile-menu nav a:first-child { 
	border-top: 1px solid rgba(255,255,255,.15); 
}
#mobile-menu nav a:hover { 
	opacity: .7; 
}
#mobile-menu .btn-ingressos-mobile {
	margin-top: 32px;
	background: var(--purple);
	color: var(--white);
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 16px 28px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	width: fit-content;
}
.evento{
	padding: 80px 0px;
	background: #fff;
	color: #3e3e3d;
	.conteudo{
		padding: 0 15% 80px;
	}
	.oq{
		color: #702daf;
		font-size: 2rem;
		text-transform: uppercase;
	}
	& h2{
		font-size: 3.5rem;
		color: var(--dark);
		margin: 0 auto;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 1;
	}
	& p{
		max-width: 100%;
		font-size: 1.3rem;
		line-height: 1.6;
		margin: 20px auto;
		strong{
			color: var(--dark);
		}
	}
	& .cta{
		background: var(--dark);
		padding: 15px 40px;
		text-transform: uppercase;
		font-weight: 600;
		transition: .3s;
		margin: 80px auto 0;
		width: max-content;
		max-width: 100%;
		display: block;
		color: #fff;
		border: 0;
		cursor: pointer;
		border-radius: 35px;
		font-size: 1.5rem;
		outline: 0;
		border-radius: 35px;
		&:hover{
			background: var(--purple);
		}
	}

	.owl-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 15px;
	}

	.owl-item {
		aspect-ratio: 16/9;
		max-height: 360px;
	}
}
.palestrantes{
	padding: 100px 10;
	background: url(../images/2026/palestrantes-bg.webp) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
	& h2{
		font-size: 4rem;
		margin: 0 auto 30px;
		padding: 80px 0 0;
		background: url(../images/2026/palestrantes-head.webp) top center no-repeat;
		background-size: 100%;
		text-align: center;
		font-weight: 800;
		line-height: 1.2;
		width: 700px;
		max-width: 90%;
		text-transform: uppercase;
		color: #ffff;
	}
	p.intro{
		text-align: center;
		font-size: 1.2rem;
		width: 600px;
		max-width: 100%;
		margin: 0 auto 60px;
	}
	.programacao-btn{
		width: max-content;
		max-width: 90%;
		background: var(--purple);
		padding: 20px 40px;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 40px;
		font-size: 1.5rem;
		margin: 60px auto 0;
		display: block;
	}
	& .owl-carousel .owl-stage{
		margin: 0 auto;
	}
	& .palestrante{
		aspect-ratio: 1/1;
		width: 100%;
		height: auto;
		border-radius: 10px;
		position: relative;
		cursor: pointer;
		& img{
			aspect-ratio: 1/1;
			width: 100%;
			height: auto;
			border-radius: 10px;  
			position: relative; 
			z-index: 700;
		}
		& .titulo{
			aspect-ratio: 1/1;
			width: 100%;
			height: auto;
			border-radius: 10px;
			position: absolute;
			top: 0;
			display: block;
			z-index: 990;
			background: #000000;
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
			display: flex;
			align-items:end;
			padding: 30px;
			& h5{
				font-size: 1.2rem;
				font-weight: 600;
				margin: 0;
				line-height: 1.2;
				text-align: center;
				width: 100%;
			}
		}
	}
	& .modal{
		padding-right: 0!important;
		z-index: 999999999;
		& .modal-dialog {
			max-width: 100%;
			margin: 0;
			color: #000;
			& .modal-content{
				min-height: 100vh;
				& .modal-body{
					padding: 60px 10%;
					& img{
						width: 100%;
					}
					& h3{
						font-size: 2rem;
						margin: 0;
						text-align: left;
						font-weight: 700;
						line-height: 1.2;
						color: var(--dark);
					}
					& P{
						font-size: 1.1rem;
						line-height: 1.5;
						margin: 10px 0;
						text-align: left;
					}
					& .redes{
						width: 100%;
						display: flex;
						flex-direction: row;
						gap: 15px;
						margin-top: 20px;
						& a{
							font-size: 1.5rem;
							color: var(--dark);
						}
					}
				}
				& .modal-header{
					border: 0;
					& button.close {
						padding: 0;
						margin: 0 0 0 auto;
						width: 60px;
						height: 60px;
						background: var(--dark);
						color: #fff;
						line-height: 60px;
						text-shadow: none;
						font-size: 2.5rem;
						font-weight: 400;
						border-radius: 5px;
						transition: .3s;
						opacity: 1;
						outline: 0;
						&:hover{
							background: var(--purple);
						}
						&:focus{
							border: 0;
							opacity: 1;
						}
					}
				}
			}
		}
	}
}
.edicao{
	padding: 90px 25%;
	background: url(../images/2026/edicao-bg.webp) no-repeat center bottom #fff;
	background-size: 100%;
	text-align: center;
	.sub{
		color: #702daf;
		font-size: 2rem;
		text-transform: uppercase;
	}
	h2{
		font-size: 4.5rem;
		color: var(--dark);
		margin: 0 auto 60px;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 1;
		.verde{
			color: var(--teal);
		}
	}
	ul{
		display: flex;
		flex-direction: row;
		gap: 35px 30px;
		flex-wrap: wrap;
		list-style: none;
		justify-content: center;
		li{
			width: calc(33.333% - 20px);
			background: var(--teal);
			border: solid 1px #fff;
			border-radius: 20px;
			.icone-wrapper{
				background: var(--purple);
				padding: 30px;
				border-radius: 20px;
				img{
					display: block;
					margin: 0 auto;
				}
			}
			.infos{
				padding: 30px;
				color: var(--dark);
				display: flex;
				align-items: center;
				flex-direction: column;
				h4{
					font-size: 3rem;
					font-weight: 800;
				}
				p{
					font-size: 1.4rem;
					text-transform: uppercase;
					line-height: 1.2;
				}
			}
		}
	}
	.sub-head{
		max-width: 100%;
		width: max-content;
		display: block;
		margin: 80px auto 0;
	}
}
.vendas{
	padding: 120px 18%;
	background: url(../images/2026/ingresso.webp) no-repeat top -65px center;
	background-size: cover;
	color: #fff;
	h2{
		font-size: 5rem;
		margin: 0;
		font-weight: 800;
		line-height: .9;
		text-transform: uppercase;
		text-align: center;
	}
	.cta{
		background: var(--dark);
		padding: 15px 40px;
		text-transform: uppercase;
		font-weight: 600;
		transition: .3s;
		margin: 40px auto 0;
		width: max-content;
		max-width: 100%;
		display: block;
		color: #fff;
		border: 0;
		cursor: pointer;
		border-radius: 35px;
		font-size: 1.8rem;
		outline: 0;
		border-radius: 35px;
		&:hover{
			background: var(--teal);
		}
	}   
}
.palco{
	background: #f5f4f3;
	padding: 80px 0;
	.conteudo{
		padding: 0 25%;
		text-align: center;
	}
	.sup{
		color: var(--purple);
		font-size: 3rem;
		font-weight: 500;
	}
	h2{
		font-size: 4rem;
		color: var(--dark);
		margin: 0 auto;
		font-weight: 800;
		line-height: 1;
	}
	.sub{
		color: var(--dark);
		font-size: 3rem;
		font-weight: 500;
	}
	p{
		max-width: 80%;
		font-size: 1.4rem;
		line-height: 1.6;
		margin: 50px auto;
	}
	.cta{
		background: var(--purple);
		padding: 15px 40px;
		text-transform: uppercase;
		font-weight: 600;
		transition: .3s;
		margin: 80px auto 0;
		width: max-content;
		max-width: 100%;
		display: block;
		color: #fff;
		border: 0;
		cursor: pointer;
		border-radius: 35px;
		font-size: 1.5rem;
		outline: 0;
		border-radius: 35px;
		&:hover{
			background: var(--dark);
		}
	}
}
.diferenciais{
	padding: 100px 15% 0;
	background: url(../images/2026/diferenciais-bg.webp) top center no-repeat;
	background-size: cover;
	.head{
		display: flex;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 60px;
		h2{
			text-transform: uppercase;
			color: #fff;
			font-size: 4rem;
			line-height: 1.1;
			font-weight: 800;
			margin: 0;
		}
		img{
			max-width: 45%;
			margin: 15px 0;
		}
	}
	.topicos{
		padding: 60px;
		border-radius: 30px 30px 0 0;
		background: #152768c7;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 30px;
		color: #fff;
		text-align: center;
		.diferencial{
			width: calc(33.333% - 30px);
			padding: 20px;
			.icone{
				background: var(--teal);
				aspect-ratio: 1/1;
				width: 70%;
				padding: 30px;
				height: auto;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				border: solid 1px #fff;
				transition: .3s;
				margin: 0 auto 20px;
				img{
					transition: .3s;
					height: auto;
					display: block;
					max-width: 100%;
				}
			}
			h5{
				font-weight: 700;
				font-size: 1.5rem;
				line-height: 1.1;
				margin: 0 0 5px;
				height: 3rem;
				display: flex;
				vertical-align: middle;
				text-align: center;
				justify-content: center;
				align-items: center;
			}
			p{
				font-size: 1.1rem;
				line-height: 1.5;
			}
			&:hover{
				.icone{
					background: var(--purple);
					img{
						filter: contrast(100) invert(1);
					}
				}
			}
		}
	}
}
.faq{
	padding: 100px 20%;
	h2{
		font-size: 4rem;
		color: var(--dark);
		margin: 0 auto 60px;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		line-height: 1;
	}
	.faq-wrapper { width: 100%;display: flex; flex-direction: column; gap: 20px; }
	.faq-item { border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.07); }
	.faq-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 30px; border: none; cursor: pointer; font-weight: 700; font-size: 1.4rem; text-transform: uppercase; transition: background .22s, color .22s; background: #ffffff; color: #b8b8cc; text-align: left; }
	.faq-btn:hover { background: #f7f7fc; color: #9090b0; }
	.faq-item.open .faq-btn { background: var(--purple); color: #ffffff; }
	.faq-arrow { flex-shrink: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid var(--teal); transition: transform .3s ease; transform: rotate(180deg); }
	.faq-item.open .faq-arrow { transform: rotate(0deg); }
	.faq-panel { background: var(--dark); color: #c8d5f5; font-size: 1.1rem; line-height: 1.5; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; padding: 0 22px; }
	.faq-item.open .faq-panel { max-height: 400px; padding: 30px 30px; }	
	button:focus{outline: 0;}
}
.cta{
	background: url(../images/2026/bg-cta.webp) no-repeat center;
	background-size: cover;
	padding: 180px 20%;
	.head{
		display: flex;
		justify-content: space-between;
		gap: 20px;
		align-items: center;
		margin-bottom: 60px;
		h2{
			text-transform: uppercase;
			color: #fff;
			font-size: 2.5rem;
			line-height: 1.1;
			font-weight: 800;
			margin: 0;
			max-width: 40%;
		}
		img.elemento{
			max-width: 15%;
			margin: 15px 0;
		}
		img.selo{
			max-width: 45%;
			margin: 15px 0;
		}
	}
	p{
		text-align: center;
		font-size: 1.8rem;
		width: 700px;
		color: #fff;
		max-width: 100%;
		margin: 0 auto 60px;
	}
	.botao{
		width: max-content;
		max-width: 90%;
		background: var(--purple);
		padding: 20px 40px;
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		border-radius: 40px;
		font-size: 1.5rem;
		margin: 30px auto 0;
		display: block;
		transition: .3s;
		&:hover{
			background: var(--teal);
		}
	}
}
.footer {
	background: var(--dark); 
	padding: 80px 10%;
	& img.logo{
		display: block;
		margin: 0 auto 20px;
	}
	& ul {
		list-style: none; 
		width: 100%; 
		margin: 0 0 40px; 
		border-bottom: solid 1px var(--dark); 
		display: flex; 
		flex-direction: row; 
		justify-content: center; 
		flex-wrap: wrap; 
		gap: 20px; 
		padding-bottom: 40px;
		& li{
			font-size: 1.1rem;
			font-weight: 700;
			transition: .3s;
			& a{
				color: var(--white);
				transition: .3s;
			}
		}
	} 
	.realizacao{
		padding: 20px 40px;
		h5{
			text-transform: uppercase;
			color: #fff;
			margin: 0 0 25px;
			font-size: 1rem;
			text-align: center;
		}
		img{
			height: 80px;
			width: max-content;
			display: block;
			margin: 0 auto;
		}
	}
}
.copy{
	background: #0e4c98;
	padding: 40px 10%;
	color: #fff;
	font-size: .8rem;
	& a{
		text-align: right; 
		color: #fff;
	}
	& .privacidade{border-bottom: solid 1px #9ED593;}
}

@media screen and (max-width: 1560px) {
	#top-bar{
		padding: 0 5%;
	}
	.topo {
		& .botoes {
			.datas-descontos {
				padding: 30px 5%;
				.datas{
					max-width: 50%;
					strong {
						font-size: 2rem;
					}
				}
				.descontos {
					max-width: 50%;
					img {
						max-width: 220px;
					}
				}
			}
			.compra {
				padding: 40px 5%;
				.parcelamento{
					font-size: 1.8rem;
				}
				.botao{
					font-size: 1.3rem;
					&:before{
						width: 200px;
						left: -202px;
					}
				}
			}
		}
	}
	.evento {
		.conteudo {
			padding: 0 5% 80px;
		}
		h2 {
			font-size: 4rem;
		}
		p {
			font-size: 1.2rem;
		}
	}	
	.edicao {
		padding: 70px 15%;
		h2 {
			font-size: 3.5rem;
		}
		& ul {
			& li {
				.icone-wrapper {
					padding: 30px;
					img {
						height: 120px;
					}
				}
				& .infos {
					padding: 25px;
					h4 {
						font-size: 2.5rem;
					}
					p {
						font-size: 1.1rem;
					}
				}
			}
		}
		.sub-head {
			width: 80%;
		}
	}
	.vendas {
		padding: 100px 10%;
		background: url(../images/2026/ingresso.webp) no-repeat top -20px center;
		background-size: cover;
		h2 {
			font-size: 4rem;
		}
		.cta {
			margin: 20px auto 0;
			font-size: 1.4rem;
		}
	}
	.palco {
		.conteudo {
			padding: 0 10%;
		}
		.sup {
			font-size: 2.5rem;
		}
		h2 {
			font-size: 3.5rem;
		}
		.sub{
			font-size: 2.5rem;
		}
		p {
			max-width: 70%;
			font-size: 1.2rem;
			margin: 20px auto 50px;
		}
		.cta{
			font-size: 1.3rem;
		}
	}
	.diferenciais {
		padding: 100px 10% 0;
	}
	.faq {
		padding: 80px 15%;
		h2{
			font-size: 3rem;
		}
		button:focus{
			outline: 0;
		}
		.faq-btn{
			font-size: 1.2rem;
		}
	}
	.cta {
		padding: 120px 15%;
		& .head {
			h2{
				font-size: 2rem;
			}
		}
		p {
			font-size: 1.5rem;
			width: 600px;
		}
		.botao{
			font-size: 1.4rem;
		}
		img.selo {
			max-width: 42%;
		}
		img.elemento {
			max-width: 8%;
		}
	}
}

@media screen and (max-width: 1024px){
	#top-bar {
		padding: 0 30px;
	}
	.topo {
		& .botoes {
			.datas-descontos {
				padding: 30px 60px;
				flex-direction: column;
				gap: 30px;
				.datas{
					max-width: 100%;
				}
				.descontos {
					max-width: 100%;
					justify-content: center;
				}
			}
			.compra {
				padding: 40px 60px;
				flex-direction: column;
				gap: 15px;
			}

		}
	}
	.evento {
		padding: 60px 0px;
	}
	.edicao {
		padding: 60px;
		background: url(../images/2026/edicao-bg.webp) no-repeat center top 400px #FFF;
		background-size: cover;
		.sub-head {
			width: 100%;
		}
	}
	.palco{
		padding: 60px 0;
		.conteudo {
			padding: 0 60px;
			p {
				max-width: 100%;
			}
		}
	}
	.diferenciais {
		padding: 80px 60px 0;
		& .head {
			h2 {
				font-size: 3rem;
			}
		}
	}
	.faq {
		padding: 60px;
	}
	.cta {
		padding: 180px 20%;
		& .head {
			flex-direction: column;
			margin-bottom: 0;
			h2{
				max-width: 100%;
				text-align: center;
			}
			img.elemento{
				display: none;
			}
			img.selo {
				max-width: 80%;
			}
		}

	}
}

@media screen and (max-width: 768px) {
	body {
		padding-top: 90px;
	}
	#desktop-nav{ 
		display: none; 
	}
	#mobile-controls{ 
		display: flex;
	}
	.evento{
		h2{
			font-size: 3rem;
		}
	}
	.edicao {
		& ul {
			li {
				width: calc(50% - 20px);
			}
		}
	}
	.palco {
		h2 {
			font-size: 3rem;
		}
	}
	.diferenciais {
		.head {
			h2 {
				font-size: 2.5rem;
			}
		}		
		.topicos {
			flex-direction: column;
			.diferencial {
				width: 100%;
				.icone {
					width: 180px;
				}
			}
		}
	}
	.cta {
		padding: 140px 80px;
		& .head {
			img.selo {
				max-width: 100%;
				margin: 60px 0;
			}
		}		
	}
	.footer{
		padding: 60px;
	}
	.copy{
		text-align: center;
		img {
			display: block;
			margin: 20px auto 0;
		}
	}
}
@media screen and (max-width: 480px) {
	body { 
		padding-top: 115px; 
	}
	#top-bar {
		padding: 0 15px;
		height: 75px;
	}
	.logo-img img {
		height: 40px;
	}
	.marquee-track span{
		padding: 0 25px;
	}
	.topo {
		& .botoes {
			.datas-descontos {
				padding: 30px;
				.datas {
					flex-direction: column;
					gap: 15px;
					strong {
						font-size: 2.2rem;
					}
				}				
				.descontos {
					flex-direction: column;
					gap: 30px;
					img {
						max-width: 90%;
					}
				}
			}
			.compra{
				padding: 40px 30px;
				.parcelamento {
					font-size: 1.8rem;
					line-height: 1.1;
					text-align: center;
				}	
				.botao {
					font-size: 1.2rem;
					text-align: center;
					line-height: 1.1;
				}							
			}
		}
	}
	.evento {
		padding: 40px 0;
		.conteudo {
			padding: 0 30px 40px;
		}	
		h2 {
			font-size: 2rem;
		}	
		.oq {
			font-size: 1.6rem;
		}	
		p {
			font-size: 1rem;
		}
		.cta {
			padding: 15px;
			margin: 40px auto 0;
			max-width: 90%;
			width: 90%;
			font-size: 1.1rem;
			text-align: center;
		}									
	}	
	.palestrantes {
		padding: 60px 30px;
		h2 {
			font-size: 1.7rem;
			margin: 0 auto 30px;
			padding: 50px 0 0;
			width: 100%;
			max-width: 100%;
		}
		p.intro {
			font-size: 1rem;
			margin: 0 auto 40px;
		}		
		.programacao-btn {
			width: 100%;
			max-width: 100%;
			padding: 20px;
			font-size: 1.1rem;
			line-height: 1.2;
			margin: 100px auto 0;
			display: block;
		}		
	}  
	.edicao {
		padding: 50px 30px;
		.sub{
			font-size: 1.2rem;
		}
		h2 {
			font-size: 2.5rem;
			margin-bottom: 40px;
		}
		ul {
			li {
				width: 100%;
				.infos {
					h4 {
						font-size: 2rem;
					}
				}				
			}
		}				
	}
	.vendas {
		padding: 60px 30px;
		background: url(../images/2026/ingresso.webp) no-repeat center;
		h2 {
			font-size: 2.3rem;
		}
		.cta{

			padding: 18px;
			font-size: 1rem;
			line-height: 1;
			text-align: center;
			width: 100%;
		}		
	}	
	.palco {
		padding: 40px 0;
		.conteudo {
			padding: 0 30px;
		}  
		.sup {
			font-size: 1.4rem;
		}	
		h2 {
			font-size: 1.85rem;
			hyphens: auto;
			br{
				display: none;
			}
		}	
		.sub {
			font-size: 1.4rem;
		}
		p{
			font-size: .98rem;
		}
		.cta {
			font-size: 1.1rem;
			text-align: center;
			max-width: 90%;
			padding: 15px;
			width: 90%;
			margin: 30px auto 0;
		}		
	}	
	.diferenciais { 
		padding: 50px 30px 0;
		.head {
			margin-bottom: 30px;
			h2{
				font-size: 2rem;
			}
			img {
				display: none;
			}
		}
		.topicos {
			padding: 50px 30px;
			.diferencial{
				padding: 0;
				.icone {
					width: 150px;
				}
				h5 {
					font-size: 1.3rem;
					line-height: 1.1;
					height: auto;
				}
				p {
					font-size: 1rem;
				}								
			}
		}		
	}
	.faq {
		padding: 40px 30px;
		h2 {
			font-size: 2.5rem;
			margin: 0 auto 30px;
		}	
		.faq-btn{
			padding: 25px;			
			font-size: 1.1rem;
			line-height: 1.2;
		}		
		.faq-panel{
			font-size: 1rem;
		}
	}	
	.cta {
		padding: 100px 30px;
		.head {
			gap: 0;
			h2 {
				font-size: 1.6rem;
			}
			img.selo {
				max-width: 100%;
				margin: 40px 0;
			}			
		}	
		p {
			font-size: 1.1rem;
			width: 100%;
			margin: 0 auto 40px;
		}	
		.botao {
			font-size: 1rem;
			padding: 20px;
			max-width: 100%;
			width: 100%;
			text-align: center;
		}				
	}	
	.footer {
		padding: 40px 30px;
		ul{
			flex-direction: column;
			text-align: center;
			gap: 15px;
		}
		.realizacao {
			img {
				height: auto;
				max-width: 100%;
			}
		}		
	}
}