/*** QUICKSOFT LANDING PAGE */
/* ========================================RESET & BASE GLOBAL======================================== */
#header.scroll {
	background: #fff;
	z-index: 99;
}
@me.template-quicksoft,.template-quicksoft * {
	box-sizing: border-box !important;
}
section {
	height: auto;
	* important;
}
.template-quicksoft {
	font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Helvetica Neue", Arial, sans-serif !important;
	color: #333 !important;
	line-height: 1.6 !important;
	width: 100% !important;
	overflow-x: hidden !important;
}
.template-quicksoft main {
	overflow-x: hidden !important;
	width: 100% !important;
	padding-top: 60px !important;
}
.template-quicksoft section {
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100vw !important;
	max-width: 100% !important;
	position: relative !important;
}
/* ========================================CONTAINER======================================== */
.qs-container {
	max-width: 1440px !important;
	margin: 0 auto !important;
	padding: 0 40px !important;
	width: 100% !important;
}
/* ========================================GRID SYSTEM======================================== */
.qs-row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 0 -15px !important;
	align-items: center !important;
}
.qs-row.qs-align-start {
	align-items: flex-start !important;
  justify-content: center !important;
}
.qs-col {
	padding: 0 15px !important;
	flex: 1 !important;
}
.qs-col-5 {
	flex: 0 0 41.666667% !important;
	max-width: 41.666667% !important;
}
.qs-col-6 {
	flex: 0 0 50% !important;
	max-width: 50% !important;
}
.qs-col-7 {
	flex: 0 0 58.333333% !important;
	max-width: 58.333333% !important;
}
/* ========================================BUTTONS & LINKS======================================== */
.qs-btn {
	display: inline-block !important;
	padding: 14px 32px !important;
	background: #00d896 !important;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
	border-radius: 100px!important;
}
.qs-btn-tech {
	border-radius: 100px;
	background: var(--p-green-5, #00ad8c);
	display: inline-block !important;
	padding: 14px 32px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	transition: all 0.3s ease !important;
	border: none !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
	box-shadow: 0 12px 20px -2px rgba(77, 85, 102, 0.1);
}
.qs-btn-tech:hover {
	border-radius: 100px;
	background: var(--p-green-5, #00b87c);
	display: inline-block !important;
	padding: 14px 32px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	transition: all 0.3s ease !important;
	border: none !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
	box-shadow: 0 12px 20px -2px rgba(77, 85, 102, 0.1);
}
.qs-btn:hover {
	background: #00b87c !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(0, 216, 150, 0.3) !important;
	color: #fff !important;
	text-decoration: none !important;
}
.qs-link {
	display: inline-block !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	transition: opacity 0.3s ease !important;
}
.qs-link:hover {
	opacity: 0.8 !important;
	color: #fff !important;
}
/* ========================================SECTION: HERO (HEADER COM LOGOS)======================================== */
.qs-hero {
	padding: 40px 0 120px !important;
	position: relative !important;
	width: 100% !important;
}
/* Container do Hero sem limitação de largura */
.qs-hero .qs-container {
	max-width: 100% !important;
	padding: 0 40px !important;
}
.qs-hero-shell {
	background-size: cover !important;
	background-position: top !important;
	background-repeat: no-repeat !important;
	border-radius: 24px !important;
	position: relative !important;
	overflow: hidden !important;
	min-height: 800px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding: 0 60px !important;
	width: 100% !important;
}
.qs-quicksoft-color{
	color:#E6FFE8 !important;
}
.qs-hero-inner {
	position: relative !important;
	z-index: 2 !important;
	padding: 60px 0 !important;
	max-width: 800px !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: left !important;
}
/* Logos no Hero */
.qs-hero-logos {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 20px !important;
	margin-bottom: 30px !important;
}
.qs-hero-logos a {
	display: inline-block !important;
	transition: opacity 0.3s ease !important;
	text-decoration: none !important;
}
.qs-hero-logos a:hover {
	opacity: 0.8 !important;
}
.qs-hero-logo {
	height: 40px !important;
	width: auto !important;
	max-width: 150px !important;
	object-fit: contain !important;
	display: block !important;
}
.qs-hero-title {
	font-size: 48px !important;
	font-weight: 400 !important;
	color: #fff !important;
	margin: 0 0 20px 0 !important;
	line-height: 1.2 !important;
	text-align: left !important;
}
.qs-hero-title .qs-accent {
	color: #00d896 !important;
}
.qs-hero-title .qs-accent-2 {
	color: #ffd700 !important;
}
.qs-hero-sub {
	font-size: 20px !important;
	color: #fff !important;
	margin: 0 0 30px 0 !important;
	opacity: 0.95 !important;
	line-height: 1.6 !important;
	text-align: left !important;
}
/* ========================================SECTION: BIG NUMBERS======================================== */
.qs-stats {
	position: relative !important;
	padding: 0 0 0px !important;
	z-index: 10 !important;
}
.qs-stats .qs-container {
	max-width: 1000px !important;
	display: flex !important;
	margin-left: auto !important;
	/* Isso alinha à direita */
	margin-right: 0 !important;
	/* Garante que não há margem à direita */
	padding: 0 !important;
	width: 100% !important;
}
@media (max-width: 1620px) {
	.qs-stats .qs-container {
		max-width: 760px !important;
		margin-left: auto !important;
		margin-right: 40px !important;
		padding: 20px 0 !important;
		width: 100% !important;
	}
}
/* Notebooks (1025px - 1399px) */
@media (min-width: 1025px) and (max-width: 1399px) {
	.qs-stats .qs-container {
		max-width: 700px !important;
		margin-left: auto !important;
		margin-right: 40px !important;
		padding: 20px 0 !important;
	}
	.qs-stats-card {
		margin: -250px 0 0 auto !important;
		margin-right: 0 !important;
		float: right !important;
	}
}
.qs-stats-card {
	padding: 10px 0px !important;
	display: flex !important;
	justify-content: space-around !important;
	flex-wrap: wrap !important;
	gap: 0px !important;
	width: 100% !important;
	max-width: 950px !important;
	margin: -280px 0px 0 0 !important;
}
.qs-stat {
	text-align: left !important;
	
}
.qs-stat-num {
	font-family: "DM Sans", sans-serif !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	color: #0c8569 !important;
	line-height: 115% !important;
	margin: 0 0 8px 0 !important;
}
.qs-stat-label {
	font-family: "DM Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #677697 !important;
	line-height: 130% !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
/* ========================================SECTION: MANDALA======================================== */
.qs-mandala {
	padding: 0 0 80px 0 !important;
	width: 100% !important;
}
.qs-mandala .qs-container {
	max-width: 85% !important;
	padding: 0 40px !important;
}
.qs-mandala-figure {
	width: 100% !important;
	height: 482px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.qs-section-title {
	width: 90%;
	font-family: "DM Sans", sans-serif !important;
	font-size: 48px !important;
	font-weight: 600 !important;
	color: #02143d !important;
	line-height: 52px !important;
	margin: 0 0 20px 0 !important;
}
.qs-section-title .qs-green {
	color: #00AD8C !important;
}
.qs-section-text {
	width: 80%;
	font-family: "DM Sans", sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	color: #354974 !important;
	line-height: normal !important;
	margin: 0 !important;
}
/* ========================================SECTION: ETAPAS======================================== */
.qs-etapas {
	padding: 80px 0 !important;
	width: 100% !important;
}
.qs-etapas .qs-container {
	max-width: 85% !important;
	padding: 0 40px !important;
}
.qs-etapas-title {
	color: #354974;
	font-family: "DM Sans";
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 80%;
}
.qs-etapas-title .qs-green {
	color: #00d896 !important;
}
.qs-etapas-text {
	padding-top: 40px;
	color: var(--Blue-P-Blue5, #0c34fb);
	font-family: "DM Sans";
	font-size: 31px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 80%;
}
.qs-etapas-figure {
	width: 100% !important;
	height: 400px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
/* ========================================SECTION: TECNOLOGIA (FUNDO CINZA)======================================== */
.qs-tech {
	padding: 80px 0 !important;
	width: 100% !important;
	background: #fff !important;
}
.qs-tech .qs-container {
	max-width: 85% !important;
	padding: 0 40px !important;
}
.qs-tech-shell {
	background: #f5f7fa !important;
	border-radius: 12px !important;
	padding: 120px 20px 120px 20px !important;
	width: 100% !important;
	margin: 0px !important;
}
.qs-tech-title {
	font-family: "DM Sans", sans-serif !important;
	font-size: 41px !important;
	font-weight: 400 !important;
	color: #021b51 !important;
	line-height: normal !important;
	margin: 0 0 30px 0 !important;
	width: 90% !important;
}
.qs-tech-title .qs-strong {
	color: var(--Green-P-Green6, #0c8569);
	font-family: "DM Sans";
	font-size: 41px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.qs-tech-lead {
	color: #02143d;
	font-family: "DM Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	/* 33.6px */
	padding-bottom: 40px;
}
/* Grid de 6 cards (2x3) - responsivo */
.qs-cards-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px !important;
	justify-content: center !important;
	max-width: 576px !important;
}
.qs-card {
	background: #fff !important;
	border-radius: 12px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	gap: 16px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
	transition: all 0.3s ease !important;
	margin: 0 !important;
}
.qs-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
	transform: translateY(-2px) !important;
}
.qs-card-icon {
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	flex-shrink: 0 !important;
}
.qs-card-text {
	flex: 1 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #02143d !important;
	line-height: 150% !important;
	margin: 0 !important;
}
/* ========================================SECTION: FUNDOS E GESTORAS (LOGOS)======================================== */
.qs-logos {
	padding: 80px 0 !important;
	text-align: center !important;
	width: 100% !important;
}
.qs-logos-title {
	color: var(--DarkBlue-P-DarkBlue6, #02143d);
	text-align: center;
	font-family: "DM Sans";
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 46px;
	/* 127.778% */
	padding-bottom: 80px;
}
.qs-logos-row {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 80px !important;
	flex-wrap: wrap !important;
	padding: 10px 0 !important;
}
.qs-logo {
	width: 144px !important;
	height: 42px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
}
.qs-logo:hover {
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
}
/* Sem efeitos - logos sempre coloridos */
/* ========================================SECTION: FORMULÁRIO DE CONTATOEstilos IDÊNTICOS à página contato.php======================================== */
.qs-form {
	padding: 80px 0 !important;
	width: 100% !important;
	background: #fbfdfe !important;
}
.qs-form .box-header {
	text-align: center !important;
	margin: 0 0 54px 0!important;
}
.qs-form .box-header h2,.qs-form-title {
	color: #021b51 !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 145% !important;
	margin: 0 !important;
}
@media (max-width: 1399px) {
	.qs-form-title {
		font-size: 22px !important;
	}
}
@media (max-width: 991px) {
	.qs-form-title {
		font-size: 18px !important;
	}
}
.qs-form .box-header p,.qs-form-sub {
	color: #727d94 !important;
	font-size: 12px !important;
	line-height: 130% !important;
	margin: 12px auto 0 !important;
	max-width: 462px !important;
}
@media (max-width: 1399px) {
	.qs-form-sub {
		margin: 8px auto 0 !important;
	}
}
.qs-form .box-form {
	max-width: 800px !important;
	margin: 0 auto !important;
}
/* Labels de Input */
.qs-form label.label-input {
	display: block !important;
	width: 100% !important;
	margin: 0 0 38px !important;
	position: relative !important;
}
@media (max-width: 1399px) {
	.qs-form label.label-input {
		margin: 0 0 34px !important;
	}
}
.qs-form label.label-input p {
	color: #727d94 !important;
	font-size: 12px !important;
	line-height: 130% !important;
	margin: 0 0 8px !important;
}
.qs-form label.label-input p span {
	color: #3d5dfc !important;
}
.qs-form label.label-input input,.qs-form label.label-input select {
	color: #262a33 !important;
	font-size: 14px !important;
	width: 100% !important;
	height: 48px !important;
	padding: 0 20px !important;
	border: none !important;
	border-bottom: solid 2px #bec5d6 !important;
	background: #fbfdfe !important;
	border-radius: 0 !important;
	font-family: "DM Sans", sans-serif !important;
}
.qs-form label.label-input input::placeholder,.qs-form label.label-input select::placeholder {
	color: #bec5d6 !important;
}
.qs-form label.label-input input:focus,.qs-form label.label-input select:focus {
	outline: none !important;
	border-bottom-color: #3d5dfc !important;
}
/* Labels de Checkbox */
/* Checkboxes */
.qs-form .label-checkbox {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 0 15px !important;
	width: 100% !important;
}
.qs-form .label-checkbox input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	cursor: pointer !important;
	margin-top: 2px !important;
	flex-shrink: 0 !important;
}
.qs-form .label-checkbox label {
	cursor: pointer !important;
	color: #727d94 !important;
	font-size: 12px !important;
	line-height: 130% !important;
	margin: 0 !important;
	flex: 1 !important;
}
.qs-form .label-checkbox a {
	color: #727d94 !important;
	text-decoration: underline !important;
}
.qs-form .label-checkbox a:hover {
	color: #3d5dfc !important;
}
/* Botão Submit */
.qs-form button[type="submit"],#input-submit {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 110% !important;
	display: block !important;
	transition: 0.3s !important;
	box-shadow: 0px 12px 20px -2px rgba(77, 85, 102, 0.1) !important;
	border: none !important;
	border-radius: 30px !important;
	background-color: #00ad8c !important;
	padding: 12px 60px !important;
	margin: 0 auto !important;
	cursor: pointer !important;
	font-family: "DM Sans", sans-serif !important;
}
.qs-form button[type="submit"]:hover,#input-submit:hover {
	background-color: #3d5dfc !important;
}
/* Grid row/col do Bootstrap */
.qs-form .row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 0 -15px !important;
}
.qs-form .col-md-7 {
	padding: 0 15px !important;
	flex: 0 0 58.333333% !important;
	max-width: 58.333333% !important;
}
.qs-form .col-md-5 {
	padding: 0 15px !important;
	flex: 0 0 41.666667% !important;
	max-width: 41.666667% !important;
}
@media (max-width: 991px) {
	.qs-form .col-md-7,.qs-form .col-md-5 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}
/* ========================================SECTION: CTA FINAL======================================== */
.qs-cta-final {
	padding: 80px 0 !important;
	width: 100% !important;
}
/* Container do CTA sem limitação de largura */
.qs-cta-final .qs-container {
	max-width: 100% !important;
	padding: 0 40px !important;
}
.qs-cta-shell {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border-radius: 24px !important;
	padding: 80px 40px !important;
	text-align: center !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
}
/* Apenas o background do ACF, sem cor padrão */
.qs-cta-title {
	font-size: 42px !important;
	font-weight: 400 !important;
	color: #fff !important;
	margin: 0 0 30px 0 !important;
	line-height: 1.3 !important;
}
.qs-cta-actions {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: wrap !important;
}
.qs-cta-actions .qs-btn {
	background: #00cd16 !important;
	color: #fff !important;
}
.qs-cta-actions .qs-btn:hover {
	background: #00b87c !important;
	color: #fff !important;
}
/* ========================================RESPONSIVIDADE======================================== */
/* Tablets */
@media (max-width: 991px) {
	.qs-container {
		padding: 0 30px !important;
	}
	/* Hero container full width em tablet */
	.qs-hero .qs-container {
		padding: 0 30px !important;
	}
	/* CTA container full width em tablet */
	.qs-cta-final .qs-container {
		padding: 0 30px !important;
	}
	.qs-col-5,.qs-col-6,.qs-col-7 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-bottom: 30px !important;
	}
	.qs-hero-shell {
		min-height: 600px !important;
	}
	.qs-stats .qs-container {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: 30px !important;
		padding: 0 !important;
		justify-content: flex-end !important;
	}
	.qs-stats-card {
		width: 85% !important;
		max-width: 600px !important;
		padding: 30px 20px !important;
		margin: -200px 0 0 auto !important;
		float: right !important;
	}
	.qs-stat-num {
		font-size: 36px !important;
	}
	.qs-stat-label {
		font-size: 16px !important;
	}
	.qs-mandala {
		padding: 40px 0 !important;
	}
	.qs-hero-title {
		font-size: 36px !important;
	}
	.qs-hero-sub {
		font-size: 18px !important;
	}
	.qs-section-title {
		font-size: 32px !important;
	}
	.qs-tech-title {
		font-size: 28px !important;
	}
	.qs-cards-grid {
		grid-template-columns: 1fr !important;
	}
	.qs-logos-row {
		gap: 30px !important;
	}
	.qs-logo {
		width: 140px !important;
		height: 70px !important;
	}
	.qs-cta-title {
		font-size: 32px !important;
	}
}
/* Mobile */
@media (max-width: 767px) {
	.qs-container {
		padding: 0 20px !important;
	}
	/* Hero container full width em mobile */
	.qs-hero .qs-container {
		padding: 0 20px !important;
	}
	.qs-hero-shell {
		min-height: 450px !important;
		padding: 0 30px !important;
	}
	.qs-hero-inner {
		padding: 40px 0 !important;
	}
	/* CTA container full width em mobile */
	.qs-cta-final .qs-container {
		padding: 0 20px !important;
	}
	.qs-hero-logo {
		height: 30px !important;
		max-width: 120px !important;
	}
	.qs-hero-title {
		font-size: 28px !important;
	}
	.qs-hero-sub {
		font-size: 16px !important;
	}
	.qs-stats-card {
		width: 95% !important;
		padding: 24px 16px !important;
		gap: 20px !important;
		margin: -150px auto 0 !important;
		float: none !important;
	}
	.qs-stat-num {
		font-size: 32px !important;
	}
	.qs-stat-label {
		font-size: 15px !important;
	}
	.qs-mandala {
		padding: 60px 0 !important;
	}
	.qs-mandala-figure {
		height: 300px !important;
	}
	.qs-form .col-md-7,.qs-form .col-md-5 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.qs-form label.label-input {
		margin: 0 0 30px !important;
	}
	.qs-stat-num {
		font-size: 36px !important;
	}
	.qs-section-title {
		font-size: 26px !important;
	}
	.qs-section-text {
		font-size: 16px !important;
	}
	.qs-tech-shell {
		padding: 40px 24px ;
	}
	.qs-tech-title {
		font-size: 24px ;
	}
	.qs-tech-lead {
		font-size: 18px !important;
	}
	.qs-card {
		padding: 20px !important;
	}
	.qs-logos-row {
		gap: 20px !important;
	}
	.qs-logo {
		width: 120px !important;
		height: 60px !important;
	}
	.qs-form-grid {
		grid-template-columns: 1fr !important;
	}
	.qs-form-title {
		font-size: 30px !important;
	}
	.qs-cta-shell {
		padding: 50px 20px !important;
	}
	.qs-cta-title {
		font-size: 26px !important;
	}
	.qs-cta-actions {
		flex-direction: column !important;
	}
}
@media (max-width: 480px) {
	.qs-stats-card {
		flex-direction: column !important;
		margin: -100px auto 0 !important;
	}
	.qs-stat {
		width: 100% !important;
	}
	.qs-stat-num {
		font-size: 28px !important;
	}
	.qs-stat-label {
		font-size: 14px !important;
	}
	.qs-btn {
		padding: 12px 24px !important;
		font-size: 15px !important;
		width: 100% !important;
		text-align: center !important;
	}
	.qs-submit {
		padding: 14px 24px !important;
		font-size: 15px !important;
	}
}
@media (max-width: 767px) {
	.qs-logos-row.carousel {
		display: block !important;
	}
	.qs-logos-row .qs-logo {
		width: 120px !important;
		height: 60px !important;
		margin: 0 10px !important;
	}
	.flickity-viewport {
		overflow: hidden !important;
	}
	.flickity-slider {
		display: flex !important;
		align-items: center !important;
	}
}
@media (max-width: 767px) {
	/* Big Numbers em 2 colunas */
	.qs-stats-card {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
		justify-items: center !important;
		align-items: center !important;
	}
	.qs-stat {
		width: 100% !important;
		text-align: center !important;
	}
	.qs-stat-num {
		font-size: 30px !important;
	}
	.qs-stat-label {
		font-size: 14px !important;
	}
}
@media (max-width: 480px) {
	/* Ajuste fino para telas muito pequenas */
	.qs-stats-card {
		grid-template-columns: 1fr 1fr !important;
		gap: 16px !important;
	}
	.qs-stat-num {
		font-size: 26px !important;
	}
	.qs-stat-label {
		font-size: 13px !important;
	}
}
/* ============================MANDALA MOBILE (IMAGEM NORMAL)============================ */
.qs-mandala-mobile {
	display: none !important;
}
@media (max-width: 767px) {
	/* Esconde a versão desktop no mobile */
	.qs-mandala {
		display: none !important;
	}
	/* Mostra a versão exclusiva mobile */
	.qs-mandala-mobile {
		display: block !important;
		text-align: center !important;
		padding: 60px 0 !important;
	}
	.qs-mandala-mobile .qs-section-title {
		font-size: 26px !important;
		color: #02143d !important;
		margin-bottom: 12px !important;
	}
	.qs-mandala-mobile .qs-section-text {
		font-size: 16px !important;
		color: #354974 !important;
		margin-bottom: 24px !important;
	}
	.qs-mandala-img {
		width: 100% !important;
		max-width: 360px !important;
		height: auto !important;
		margin: 0 auto !important;
		display: block !important;
	}
}
/* ===========TABLET RETRATO (768–1024): 4 big numbers, mandala desktop, carrossel logos=========== */
@media (min-width: 768px) and (max-width: 1024px) {
	/* Big Numbers: reduz espaço após hero */
	.qs-stats {
		margin-top: -30px !important;
		padding-top: 0 !important;
	}
	.qs-stats .qs-container {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: 30px !important;
		padding: 0 !important;
		display: flex !important;
		justify-content: flex-end !important;
	}
	.qs-stats-card {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		width: 90% !important;
		max-width: 700px !important;
		margin: 15px 0 0 auto !important;
		padding: 0 !important;
		gap: 8px !important;
		float: right !important;
	}
	.qs-stat {
		flex: 1 1 25% !important;
		text-align: center !important;
		min-width: 0 !important;
	}
	.qs-stat-num {
		font-size: 30px !important;
	}
	.qs-stat-label {
		font-size: 14px !important;
	}
	/* Mantém mandala desktop */
	.qs-mandala {
		display: block !important;
	}
	.qs-mandala-mobile {
		display: none !important;
	}
	/* Fundos e gestoras: carrossel ativo */
	.qs-logos-row,.qs-logos-row.carousel {
		display: block !important;
	}
	.qs-logo {
		width: 120px !important;
		height: 60px !important;
		margin: 0 10px !important;
	}
	.flickity-viewport {
		overflow: hidden !important;
	}
	.flickity-slider {
		display: flex !important;
		align-items: center !important;
	}
}
/* ===========MOBILE (<768): 2 big numbers, menos espaço, mandala alinhada à esquerda e full width=========== */
@media (max-width: 767px) {
	/* Big Numbers: aproxima do hero */
	.qs-stats {
		margin-top: 0px !important;
		/* reduz espaço acima */
		padding-top: 0 !important;
	}
	.qs-stats-card {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 18px !important;
		justify-items: center !important;
		align-items: center !important;
		width: 95% !important;
		margin: 0 auto !important;
		padding: 16px 10px !important;
		float: none !important;
	}
	.qs-stat-num {
		font-size: 28px !important;
	}
	.qs-stat-label {
		font-size: 13px !important;
	}
	/* Mandala: full width e texto à esquerda */
	.qs-mandala {
		display: none !important;
	}
	.qs-mandala-mobile {
		display: block !important;
		text-align: left !important;
		padding: 40px 20px !important;
	}
	.qs-mandala-mobile .qs-section-title,.qs-mandala-mobile .qs-section-text {
		width: 100% !important;
		text-align: left !important;
		margin: 0 0 16px 0 !important;
		line-height: normal !important;
	}
	.qs-mandala-img {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		display: block !important;
		margin-top: 40px !important;
	}
	.qs-etapas-figure {
		width: 100% !important;
		height: 290px !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}
	.qs-etapas-title {
		color: #354974;
		font-family: "DM Sans"!important;
		font-size: 20px!important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: normal!important;
		width: 100%!important;
	}
	.qs-etapas-text {
		color: var(--Blue-P-Blue5, #0C34FB);
		font-family: "DM Sans"!important;
		font-size: 24px;
		font-style: normal;
		font-weight: 500!important;
		line-height: normal!important;
		width: 100%!important;
	}
	qs-tech-title{
		color: var(--DarkBlue-P-DarkBlue5, #021B51)!important;
		font-family: "DM Sans"!important;
		font-size: 31px!important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: normal!important;
	}
	.qs-tech-title .qs-strong {
		color: var(--Green-P-Green6, #0c8569)!important;
		font-family: "DM Sans"!important;
		font-size: 31px!important;
		font-style: normal!important;
		font-weight: 500!important;
		line-height: normal!important;
	}
	.qs-tech .qs-container{
		max-width: 100% !important;
		padding: 0 15px !important;
	}
	.qs-etapas .qs-container {
		max-width: 100% !important;
		padding: 0 15px !important;
	}
	.qs-mandala .qs-container {
		max-width: 100% !important;
		padding: 0 15px !important;
	}
	.qs-logos-title {
		color: var(--DarkBlue-P-DarkBlue6, #02143D)!important;
		text-align: center !important;
		font-family: "DM Sans"!important;
		font-size: 25px!important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: 46px !important;
		/* 184% */
		padding-bottom: 20px !important;
	}
	.qs-form .box-header {
		text-align: left !important;
		margin: 0 0 14px !important;
	}
	.qs-form .box-header h2, .qs-form-title {
		color: var(--p-dark-blue-5, #021B51)!important;
		font-family: "DM Sans"!important;
		font-size: 31px!important;
		font-style: normal!important;
		font-weight: 700!important;
		line-height: 125%!important;
	}
	.qs-form .box-header p, .qs-form-sub {
		color: var(--n-dark-4, #727D94)!important;
		font-family: "DM Sans"!important;
		font-size: 16px!important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: 150%!important;
		padding-bottom: 35px;
	}
	.qs-stats .qs-container{
		max-width: 800px !important;
		margin: 0 auto !important;
		padding: 0 20px 80px 20px !important;
		width: 100% !important;
		float: right;
	}
	.qs-etapas {
		padding: 60px 0 0px 0 !important;
		width: 100% !important;
	}
	.qs-tech-shell {
		background: #f5f7fa !important;
		border-radius: 12px !important;
		padding: 40px 15px 40px 15px !important;
		width: 100% !important;
		margin: 0px !important;
	}
	.qs-tech-title {
		color: var(--DarkBlue-P-DarkBlue5, #021B51)!important;
		font-family: "DM Sans"!important;
		font-size: 31px !important;
		font-style: normal!important;
		font-weight: 400!important;
		line-height: normal!important;
		width: 100% !important;
	}
	.qs-hero{
		padding: 40px 0 40px !important;
		position: relative !important;
		width: 100% !important;
	}
	.qs-stats {
		position: relative !important;
		margin-top: -100px !important;
		padding: 0 0 10px !important;
		z-index: 10 !important;
	}
	.qs-logos {
		padding: 32px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
}


@media (min-width: 5120px) and (orientation:landscape) {
	.site {
    max-width: 1920px !important;
	padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
}