/* ══════════════════════════════════════════
       TOKENS & RESET
    ══════════════════════════════════════════ */
		:root {
			--navy: #0A2540;
			--navy-mid: #0E3D6B;
			--navy-light: #1a5a96;
			--green: #5CB99A;
			--green-light: #8fd6bf;
			--green-pale: #e8f7f2;
			--amber: #E8A020;
			--amber-pale: #fef3dc;
			--red: #C0392B;
			--red-pale: #fdecea;
			--white: #ffffff;
			--off-white: #f7f9fc;
			--gray-50: #f8fafc;
			--gray-100: #f1f5f9;
			--gray-200: #e2e8f0;
			--gray-400: #94a3b8;
			--gray-600: #475569;
			--gray-800: #1e293b;
			--font-display: 'Google Sans', sans-serif;
			--font-body: 'Google Sans', sans-serif;
			--radius: 10px;
			--shadow-sm: 0 1px 3px rgba(10, 37, 64, .07), 0 1px 2px rgba(10, 37, 64, .04);
			--shadow-md: 0 4px 16px rgba(10, 37, 64, .10), 0 1px 4px rgba(10, 37, 64, .06);
			--shadow-lg: 0 12px 40px rgba(10, 37, 64, .14), 0 4px 12px rgba(10, 37, 64, .06);
		}

		*,
		*::before,
		*::after {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		html {
			scroll-behavior: smooth;
			font-size: 16px;
			font-family: 'Google Sans', sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		body {
			font-family: var(--font-body);
			background: var(--white);
			color: var(--gray-800);
			line-height: 1.6;
			overflow-x: hidden;
		}

		img {
			max-width: 100%;
			display: block;
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		ul {
			list-style: none;
		}

		.container {
			width: 100%;
			max-width: 1140px;
			margin: 0 auto;
			padding: 0 24px;
		}

		.visually-hidden {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			border: 0;
		}

		/* ══════════════════════════════════════════
       TOPBAR / NAV
    ══════════════════════════════════════════ */


		.navbar {
			background: var(--white);
			border-bottom: 1px solid var(--gray-200);
			position: sticky;
			top: 0;
			z-index: 900;
			box-shadow: var(--shadow-sm);
		}

		.navbar .container {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 80px;
			gap: 32px;
		}

		.navbar-logo img {
			width: 150px;
			height: auto;
		}

		.navbar-logo span {
			font-family: var(--font-display);
			font-size: 22px;
			color: var(--navy);
			letter-spacing: -.5px;
		}

		.navbar-links {
			display: flex;
			gap: 28px;
			font-size: 14px;
			font-weight: 500;
		}

		.navbar-links a {
			color: var(--gray-600);
			transition: color .15s;
		}

		.navbar-links a:hover {
			color: var(--navy);
		}

		.navbar-cta {
			background: var(--navy);
			color: var(--white);
			padding: 9px 20px;
			border-radius: 6px;
			font-size: 12px;
			font-weight: 400;
			transition: background .15s, transform .15s;
			white-space: nowrap;
			cursor: pointer;
			border: none;
		}

		.navbar-cta:hover {
			background: var(--navy-mid);
			transform: translateY(-1px);
		}

		/* ══════════════════════════════════════════
       HERO
    ══════════════════════════════════════════ */
		.hero {
			background: var(--navy);
			position: relative;
			overflow: hidden;
			padding: 80px 0 72px;
		}

		.hero::before {
			content: '';
			position: absolute;
			inset: 0;
			background:
				radial-gradient(ellipse 60% 80% at 80% 50%, rgba(29, 158, 117, .18) 0%, transparent 70%),
				radial-gradient(ellipse 40% 60% at 10% 80%, rgba(14, 61, 107, .6) 0%, transparent 70%);
		}

		.hero-grid {
			position: relative;
			z-index: 1;
			display: grid;
			grid-template-columns: 1fr 420px;
			gap: 60px;
			align-items: center;
		}

		.hero-badge {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: rgba(77, 217, 172, .15);
			border: 1px solid rgba(77, 217, 172, .3);
			color: var(--green-light);
			font-size: 12px;
			font-weight: 600;
			letter-spacing: .08em;
			text-transform: uppercase;
			padding: 6px 14px;
			border-radius: 100px;
			margin-bottom: 24px;
		}

		.hero-badge::before {
			content: '';
			width: 6px;
			height: 6px;
			background: var(--green-light);
			border-radius: 50%;
			animation: pulse 2s infinite;
		}

		@keyframes pulse {

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

			50% {
				opacity: .5;
				transform: scale(1.3);
			}
		}

		.hero h1 {
			font-family: var(--font-display);
			font-size: clamp(34px, 4.5vw, 52px);
			color: var(--white);
			line-height: 1.15;
			letter-spacing: -.02em;
			margin-bottom: 20px;
		}

		.hero h1 em {
			font-style: italic;
			color: var(--green-light);
		}

		.hero-sub {
			font-size: 17px;
			color: rgba(255, 255, 255, .75);
			line-height: 1.65;
			margin-bottom: 36px;
			max-width: 540px;
		}

		.official-source {
			margin: 12px 0 0;
		}
		.hero .official-source {
			max-width: 540px;
			margin: -20px 0 28px;
			font-size: 14px;
			line-height: 1.65;
			color: rgba(255, 255, 255, .85);
		}
		.official-source a {
			text-decoration: underline;
			text-underline-offset: 3px;
			overflow-wrap: anywhere;
		}
		.official-source a:focus-visible {
			outline: 2px solid currentColor;
			outline-offset: 3px;
		}
		/* A resposta com a fonte oficial pode crescer em telas estreitas. */
		.faq-item.open .faq-answer:has(.official-source) {
			max-height: none;
		}
		.hero-actions {
			display: flex;
			gap: 14px;
			flex-wrap: wrap;
			align-items: center;
		}

		.btn-primary {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: var(--green);
			color: var(--white);
			padding: 13px 26px;
			border-radius: 7px;
			font-size: 16px;
			font-weight: 400;
			transition: background .15s, transform .15s, box-shadow .15s;
			cursor: pointer;
			border: none;
		}

		.btn-primary:hover {
			background: #4aa888;
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(29, 158, 117, .35);
		}

		.btn-outline {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: transparent;
			color: var(--white);
			padding: 12px 24px;
			border-radius: 7px;
			font-size: 15px;
			font-weight: 500;
			border: 1.5px solid rgba(255, 255, 255, .35);
			transition: border-color .15s, background .15s;
			cursor: pointer;
		}

		.btn-outline:hover {
			border-color: rgba(255, 255, 255, .7);
			background: rgba(255, 255, 255, .07);
		}

		.hero-stats {
			display: flex;
			gap: 28px;
			margin-top: 40px;
			flex-wrap: wrap;
		}

		.hero-stat {
			display: flex;
			flex-direction: column;
		}

		.hero-stat strong {
			font-family: var(--font-display);
			font-size: 28px;
			color: var(--white);
			letter-spacing: -.02em;
		}

		.hero-stat span {
			font-size: 12px;
			color: rgba(255, 255, 255, .55);
			margin-top: 2px;
		}

		/* Hero Card Lateral */
		.hero-card {
			background: rgba(255, 255, 255, .06);
			backdrop-filter: blur(12px);
			border: 1px solid rgba(255, 255, 255, .12);
			border-radius: 16px;
			padding: 32px 28px;
		}

		.hero-card-title {
			font-size: 13px;
			font-weight: 600;
			letter-spacing: .06em;
			text-transform: uppercase;
			color: var(--green-light);
			margin-bottom: 18px;
		}

		.impact-list {
			display: flex;
			flex-direction: column;
			gap: 14px;
		}

		.impact-item {
			display: flex;
			align-items: flex-start;
			gap: 14px;
			padding: 14px 16px;
			background: rgba(255, 255, 255, .05);
			border-radius: 8px;
			border-left: 3px solid var(--green);
		}

		.impact-item.warn {
			border-left-color: var(--amber);
		}

		.impact-item.alert {
			border-left-color: #e05c5c;
		}

		.impact-icon {
			font-size: 22px;
			flex-shrink: 0;
		}

		.impact-text strong {
			display: block;
			font-size: 14px;
			font-weight: 600;
			color: var(--white);
			margin-bottom: 2px;
		}

		.impact-text span {
			font-size: 12.5px;
			color: rgba(255, 255, 255, .55);
			line-height: 1.4;
		}

		.hero-card-cta {
			margin-top: 22px;
			width: 100%;
			text-align: center;
			background: var(--green);
			color: var(--white);
			padding: 13px;
			border-radius: 7px;
			font-size: 14px;
			font-weight: 600;
			cursor: pointer;
			border: none;
			transition: background .15s, transform .15s;
		}

		.hero-card-cta:hover {
			background: #4aa888;
			transform: translateY(-1px);
		}

		/* ══════════════════════════════════════════
       ALERT BANNER
    ══════════════════════════════════════════ */
		.alert-banner {
			background: var(--amber-pale);
			border-bottom: 2px solid var(--amber);
			padding: 14px 0;
		}

		.alert-banner .container {
			display: flex;
			align-items: center;
			gap: 14px;
		}

		.alert-icon {
			font-size: 22px;
			flex-shrink: 0;
		}

		.alert-text {
			font-size: 14px;
			color: var(--gray-800);
		}

		.alert-text strong {
			color: #8a5a00;
		}

		.alert-link {
			margin-left: auto;
			font-size: 13px;
			font-weight: 600;
			color: #8a5a00;
			white-space: nowrap;
			text-decoration: underline;
			flex-shrink: 0;
		}

		/* ══════════════════════════════════════════
       SECTION COMMON
    ══════════════════════════════════════════ */
		.section {
			padding: 72px 0;
		}

		.section-alt {
			background: var(--gray-50);
		}

		.section-navy {
			background: var(--navy);
		}

		.section-label {
			font-size: 11.5px;
			font-weight: 700;
			letter-spacing: .12em;
			text-transform: uppercase;
			color: var(--green);
			margin-bottom: 10px;
		}

		.section-label.light {
			color: var(--green-light);
		}

		.section-title {
			font-family: var(--font-display);
			font-size: clamp(26px, 3.2vw, 38px);
			color: var(--navy);
			line-height: 1.2;
			letter-spacing: -.02em;
			margin-bottom: 14px;
		}

		.section-title.light {
			color: var(--white);
		}

		.section-sub {
			font-size: 16px;
			color: var(--gray-600);
			max-width: 580px;
			line-height: 1.65;
		}

		.section-sub.light {
			color: rgba(255, 255, 255, .65);
		}

		.section-header {
			margin-bottom: 48px;
		}

		.section-header.centered {
			text-align: center;
		}

		.section-header.centered .section-sub {
			margin: 0 auto;
		}

		/* ══════════════════════════════════════════
       PAINEL DE IMPACTOS
    ══════════════════════════════════════════ */
		.impacts-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 24px;
		}

		.impact-card {
			background: var(--white);
			border-radius: var(--radius);
			padding: 28px 24px;
			box-shadow: var(--shadow-md);
			border-top: 4px solid var(--gray-200);
			transition: transform .2s, box-shadow .2s;
		}

		.impact-card:hover {
			transform: translateY(-4px);
			box-shadow: var(--shadow-lg);
		}

		.impact-card.green {
			border-top-color: var(--green);
		}

		.impact-card.amber {
			border-top-color: var(--amber);
		}

		.impact-card.red {
			border-top-color: var(--red);
		}

		.impact-card .card-icon {
			font-size: 32px;
			margin-bottom: 14px;
		}

		.impact-card h3 {
			font-size: 16px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 8px;
			line-height: 1.3;
		}

		.impact-card p {
			font-size: 14px;
			color: var(--gray-600);
			line-height: 1.6;
		}

		.impact-card .card-stat {
			margin-top: 16px;
			padding-top: 16px;
			border-top: 1px solid var(--gray-100);
			font-size: 22px;
			font-family: var(--font-display);
			color: var(--navy);
		}

		.impact-card .card-stat span {
			font-size: 12px;
			font-family: var(--font-body);
			color: var(--gray-400);
			display: block;
			margin-top: 2px;
		}

		/* ══════════════════════════════════════════
       SIMULADOR CTA
    ══════════════════════════════════════════ */
		.sim-section {
			background: linear-gradient(135deg, var(--navy) 0%, #0d3560 100%);
			position: relative;
			overflow: hidden;
		}

		.sim-section::before {
			content: '';
			position: absolute;
			top: -80px;
			right: -80px;
			width: 400px;
			height: 400px;
			background: radial-gradient(circle, rgba(29, 158, 117, .2) 0%, transparent 70%);
			border-radius: 50%;
		}

		.sim-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 48px;
			align-items: center;
			position: relative;
			z-index: 1;
		}

		.survey-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 48px;
			align-items: center;
			position: relative;
			z-index: 1;
		}
		.sim-badge {
			display: inline-block;
			background: rgba(77, 217, 172, .2);
			color: var(--green-light);
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			text-transform: uppercase;
			padding: 5px 12px;
			border-radius: 100px;
			margin-bottom: 16px;
		}

		.sim-section .section-title {
			color: var(--white);
		}

		.sim-section .section-sub {
			color: rgba(255, 255, 255, .7);
			max-width: 520px;
		}

		.sim-features {
			display: flex;
			flex-direction: column;
			gap: 10px;
			margin-top: 20px;
		}

		.sim-feature {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 14px;
			color: rgba(255, 255, 255, .8);
		}

		.sim-feature::before {
			content: '✓';
			width: 20px;
			height: 20px;
			background: var(--green);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 11px;
			font-weight: 700;
			flex-shrink: 0;
		}

		.sim-cta-box {
			background: rgba(255, 255, 255, .07);
			border: 1px solid rgba(255, 255, 255, .15);
			border-radius: 14px;
			padding: 32px 28px;
			text-align: center;
			min-width: 260px;
		}

		.sim-cta-icon {
			font-size: 48px;
			margin-bottom: 12px;
		}

				/* Limita os CTAs à largura útil também em smartphones estreitos. */
		.sim-action {
			margin-top: 28px;
			width: 300px;
			max-width: 100%;
		}
		.sim-grid > div,
		.survey-grid > div {
			min-width: 0;
		}
		.sim-screenshot-wrap {
			width: 100%;
		}

		.sim-screenshot-img {

		}

		.survey-screenshot-wrap {
			width: 70%;
		}

		.survey-screenshot-img {
	
		}
		.sim-cta-box h3 {
			font-size: 16px;
			font-weight: 700;
			color: var(--white);
			margin-bottom: 8px;
		}

		.sim-cta-box p {
			font-size: 13px;
			color: rgba(255, 255, 255, .6);
			margin-bottom: 20px;
		}

		.btn-sim {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			width: 100%;
			background: var(--green);
			color: var(--white);
			padding: 12px 24px;
			border-radius: 7px;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			transition: background .15s, transform .15s;
			margin-bottom: 10px;
			outline: none;
			box-shadow: none;
			border: none;
		}

		.btn-sim:hover {
			background: #4aa888;
			transform: translateY(-1px);
		}

		.sim-cta-note {
			font-size: 11.5px;
			color: rgba(255, 255, 255, .4);
		}

		/* ══════════════════════════════════════════
       COMPARATIVO 6x1 vs 5x2
    ══════════════════════════════════════════ */
		.compare-table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0;
			font-size: 14px;
		}

		.compare-table th {
			padding: 14px 20px;
			font-weight: 700;
			font-size: 13px;
			letter-spacing: .03em;
		}

		.compare-table th:first-child {
			background: var(--gray-100);
			color: var(--gray-600);
			border-radius: 8px 0 0 0;
		}

		.compare-table th.col-6x1 {
			background: #fff3e0;
			color: #9a5a00;
			text-align: center;
		}

		.compare-table th.col-5x2 {
			background: var(--green-pale);
			color: #1a7a56;
			text-align: center;
			border-radius: 0 8px 0 0;
		}

		.compare-table td {
			padding: 13px 20px;
			border-bottom: 1px solid var(--gray-100);
		}

		.compare-table td:first-child {
			background: var(--gray-50);
			font-weight: 600;
			color: var(--navy);
		}

		.compare-table td.col-6x1 {
			text-align: center;
			background: #fffbf5;
			color: var(--gray-600);
		}

		.compare-table td.col-5x2 {
			text-align: center;
			background: #f6fef9;
			color: var(--green);
			font-weight: 600;
		}

		.compare-table td.col-5x2.red {
			color: var(--red);
		}

		.compare-table tr:last-child td:first-child {
			border-radius: 0 0 0 8px;
		}

		.compare-table tr:last-child td:last-child {
			border-radius: 0 0 8px 0;
		}

		.table-wrapper {
			border-radius: 10px;
			overflow: hidden;
			box-shadow: var(--shadow-md);
		}

		.table-note {
			font-size: 12px;
			color: var(--gray-600);
			margin-top: 12px;
			text-align: left;
		}

		/* Tabela responsiva mobile */
		@media (max-width: 640px) {
			.table-wrapper {
				overflow-x: auto;
				-webkit-overflow-scrolling: touch;
				border-radius: 10px;
			}

			.compare-table {
				font-size: 13px;
				min-width: 480px;
			}

			.compare-table th,
			.compare-table td {
				padding: 11px 12px;
			}

			.compare-table td:first-child {
				font-size: 12px;
				line-height: 1.35;
			}
		}

		@media (max-width: 440px) {
			.compare-table {
				display: block;
				min-width: unset;
				border-radius: 10px;
				overflow: hidden;
			}

			.compare-table thead {
				display: none;
			}

			.compare-table tbody {
				display: block;
			}

			.compare-table tr {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto auto;
				border-bottom: 2px solid var(--gray-200);
				padding: 0;
			}

			.compare-table td {
				display: block;
				border-bottom: none;
				padding: 10px 14px;
			}

			/* Critério ocupa linha inteira */
			.compare-table td:first-child {
				grid-column: 1 / -1;
				background: var(--gray-100);
				font-size: 12px;
				font-weight: 700;
				color: var(--gray-600);
				padding: 8px 14px;
				border-bottom: 1px solid var(--gray-200);
			}

			/* Labels inline via data-label */
			.compare-table td.col-6x1::before {
				content: "6×1 atual";
				display: block;
				font-size: 10px;
				font-weight: 700;
				letter-spacing: .04em;
				color: #9a5a00;
				margin-bottom: 4px;
				text-transform: uppercase;
			}

			.compare-table td.col-5x2::before {
				content: "5×2 nova";
				display: block;
				font-size: 10px;
				font-weight: 700;
				letter-spacing: .04em;
				color: #1a7a56;
				margin-bottom: 4px;
				text-transform: uppercase;
			}

			.compare-table td.col-6x1 {
				background: #fffbf5;
				text-align: left;
				border-right: 1px solid var(--gray-200);
			}

			.compare-table td.col-5x2 {
				background: #f6fef9;
				text-align: left;
			}

			.compare-table tr:last-child td:first-child {
				border-radius: 0;
			}

			.compare-table tr:last-child td:last-child {
				border-radius: 0;
			}

			.compare-table tr:last-child {
				border-bottom: none;
			}
		}

		/* ══════════════════════════════════════════
       CONTEÚDO / HUB
    ══════════════════════════════════════════ */
		.hub-tabs {
			display: flex;
			gap: 4px;
			margin-bottom: 36px;
			background: var(--gray-100);
			border-radius: 8px;
			padding: 4px;
			width: fit-content;
		}

		.hub-tab {
			padding: 9px 20px;
			border-radius: 6px;
			font-size: 13.5px;
			font-weight: 500;
			color: var(--gray-600);
			cursor: pointer;
			transition: all .15s;
			border: none;
			background: transparent;
			font-family: var(--font-body);
		}

		.hub-tab.active {
			background: var(--white);
			color: var(--navy);
			font-weight: 700;
			box-shadow: var(--shadow-sm);
		}

		.hub-panel {
			display: none;
		}

		.hub-panel.active {
			display: grid;
		}

		.hub-panel.cols-3 {
			grid-template-columns: repeat(3, 1fr);
			gap: 24px;
		}

		.hub-panel.cols-2 {
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
		}

		.content-card {
			background: var(--white);
			border-radius: var(--radius);
			border: 1px solid var(--gray-200);
			padding: 16px;
			transition: box-shadow .2s, transform .2s;
		}

		.content-card:hover {
			box-shadow: var(--shadow-md);
			/*transform: translateY(-3px);*/
		}

		@media (hover: none) {
			.content-card:hover {
				transform: none;
				box-shadow: none;
			}
		}

		.content-card::after {
			content: '';
			display: table;
			clear: both;
		}

		.content-card-img {
			float: left;
			width: 80px;
			
			margin: 0 16px 8px 0;
			border-radius: 6px;
			overflow: hidden;
			flex-shrink: 0;
		}

		.content-card-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.content-card-body {
			display: block;
		}

		.content-card-tag {
			display: inline-block;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: .1em;
			text-transform: uppercase;
			padding: 2px 8px;
			border-radius: 4px;
			border: 1.5px solid currentColor;
			margin-bottom: 8px;
		}

		.tag-noticia { color: #A385E3; }
		.tag-artigo  { color: #22AAD6; }
		.tag-webinar { color: #5CB99A; }
		.tag-ferramenta { color: #8a5a00; }

		.content-card h3 {
			font-size: 15px;
			font-weight: 700;
			color: var(--navy);
			line-height: 1.35;
			margin-bottom: 10px;
		}

		.content-card p {
			font-size: 13px;
			color: var(--gray-600);
			line-height: 1.6;
			clear: both;
			border-top: 1px solid var(--gray-100);
			padding-top: 10px;
			margin-top: 4px;
		}

		.content-card-footer {
			clear: both;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 10px;
			padding-top: 8px;
			border-top: 1px solid var(--gray-100);
			font-size: 11.5px;
			color: var(--gray-400);
		}

		.content-card-link {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			font-size: 12.5px;
			font-weight: 600;
			color: var(--green);
		}

		.content-card-link:hover {
			color: var(--navy);
		}

		/* ══════════════════════════════════════════
       CARROSSEL DE CONTEÚDO
    ══════════════════════════════════════════ */
		.carousel-wrapper {
			position: relative;
		}

		.carousel-nav {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 12px;
			margin-top: 28px;
		}

		.carousel-arrow {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: 1.5px solid var(--gray-200);
			background: var(--gray-200);
			color: var(--gray-600);
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background .15s, border-color .15s, color .15s;
			flex-shrink: 0;
			user-select: none;
			padding: 0;
		}

		.carousel-arrow.active-dir {
			background: var(--green);
			border-color: var(--green);
			color: var(--white);
		}

		.carousel-arrow svg {
			width: 18px;
			height: 18px;
			stroke: currentColor;
			stroke-width: 2;
			fill: none;
			stroke-linecap: round;
			stroke-linejoin: round;
		}

		.carousel-arrow:hover:not(:disabled) {
			background: var(--gray-400);
			border-color: var(--gray-400);
			color: var(--white);
		}

		.carousel-arrow.active-dir:hover:not(:disabled) {
			background: #4aa888;
			border-color: #4aa888;
		}

		.carousel-arrow:disabled {
			opacity: .35;
			cursor: default;
		}

		.carousel-dots-row {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			min-width: 0;
			gap: 6px;
			align-items: center;
		}

		.carousel-dot {
			flex-shrink: 0;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: var(--gray-200);
			border: none;
			padding: 0;
			cursor: pointer;
			transition: background .2s, transform .2s;
		}

		.carousel-dot.active {
			background: var(--green);
			transform: scale(1.4);
		}

		.carousel-viewport {
			overflow: hidden;
		}

		.carousel-track {
			display: flex;
			gap: 20px;
			transition: transform .35s cubic-bezier(.4, 0, .2, 1);
		}

		.carousel-track .content-card {
			flex: 0 0 calc(50% - 14px);
			min-width: 0;
		}

		@media (max-width: 768px) {
			/* Controles compactos, com folga nas duas laterais do celular. */
			.carousel-nav {
				width: min(320px, calc(100% - 24px));
				margin: 28px auto 0;
				gap: 8px;
			}
			.carousel-dots-row {
				flex: 1 1 0;
				gap: 6px;
			}
			.carousel-track .content-card {
				flex: 0 0 100%;
			}
		}


		/* ══════════════════════════════════════════
       PESQUISA NACIONAL
    ══════════════════════════════════════════ */
		.survey-section {
			background: linear-gradient(135deg, #0a2540 0%, #0d3d6e 60%, #0a4a3a 100%);
			position: relative;
			overflow: hidden;
		}

		.survey-section::after {
			content: '';
			position: absolute;
			bottom: -100px;
			left: -100px;
			width: 500px;
			height: 500px;
			background: radial-gradient(circle, rgba(77, 217, 172, .1) 0%, transparent 70%);
			border-radius: 50%;
		}

		.survey-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 60px;
			align-items: center;
			position: relative;
			z-index: 1;
		}

		.survey-grid .section-title {
			color: var(--white);
		}

		.survey-grid .section-sub {
			color: rgba(255, 255, 255, .7);
		}

		.survey-bullets {
			margin-top: 24px;
			display: flex;
			flex-direction: column;
			gap: 12px;
		}

		.survey-bullet {
			display: flex;
			align-items: center;
			gap: 12px;
			font-size: 14px;
			color: rgba(255, 255, 255, .85);
		}

		.survey-bullet-dot {
			width: 8px;
			height: 8px;
			background: var(--green-light);
			border-radius: 50%;
			flex-shrink: 0;
		}

		.survey-card {
			background: rgba(255, 255, 255, .08);
			backdrop-filter: blur(8px);
			border: 1px solid rgba(255, 255, 255, .15);
			border-radius: 16px;
			padding: 36px 32px;
			text-align: center;
		}

		.survey-logo-row {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 20px;
			margin-bottom: 24px;
		}

		.survey-logo-pill {
			background: rgba(255, 255, 255, .12);
			border-radius: 8px;
			padding: 10px 20px;
			font-size: 13px;
			font-weight: 700;
			color: var(--white);
			letter-spacing: .05em;
		}

		.survey-logo-plus {
			font-size: 20px;
			color: rgba(255, 255, 255, .4);
		}

		.survey-card h3 {
			font-size: 18px;
			font-weight: 700;
			color: var(--white);
			margin-bottom: 10px;
		}

		.survey-card p {
			font-size: 14px;
			color: rgba(255, 255, 255, .65);
			line-height: 1.6;
			margin-bottom: 24px;
		}

		.btn-survey {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: var(--white);
			color: var(--navy);
			padding: 13px 28px;
			border-radius: 7px;
			font-size: 16px;
			font-weight: 400;
			transition: transform .15s, box-shadow .15s;
			 white-space: nowrap;
		}

		.btn-survey:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
		}

		/* ══════════════════════════════════════════
       FAQ
    ══════════════════════════════════════════ */
		.faq-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 40px;
		}

		.faq-item {
			border-bottom: 1px solid var(--gray-200);
		}

		.faq-question {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 18px 0;
			font-size: 15px;
			font-weight: 600;
			color: var(--navy);
			cursor: pointer;
			background: none;
			border: none;
			text-align: left;
			font-family: var(--font-body);
			gap: 16px;
		}

		.faq-question:hover {
			color: var(--green);
		}

		.faq-icon {
			font-size: 20px;
			color: var(--green);
			flex-shrink: 0;
			transition: transform .2s;
			font-weight: 300;
			line-height: 1;
		}

		.faq-item.open .faq-icon {
			transform: rotate(45deg);
		}

		.faq-answer {
			font-size: 14px;
			color: var(--gray-600);
			line-height: 1.7;
			max-height: 0;
			overflow: hidden;
			transition: max-height .3s ease, padding .3s;
		}

		.faq-item.open .faq-answer {
			max-height: 300px;
			padding-bottom: 18px;
		}

		/* ══════════════════════════════════════════
       DEPOIMENTOS / CREDIBILIDADE
    ══════════════════════════════════════════ */
		.credib-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 24px;
		}

		.credib-card {
			background: var(--white);
			border-radius: var(--radius);
			padding: 28px 24px 24px;
			box-shadow: var(--shadow-md);
			position: relative;
			display: flex;
			flex-direction: column;
		}

		.credib-quote {
			font-size: 48px;
			color: var(--green);
			font-family: var(--font-display);
			line-height: .8;
			margin-bottom: 12px;
			opacity: .4;
		}

		.credib-text {
			font-size: 14.5px;
			color: var(--gray-600);
			line-height: 1.65;
			font-style: italic;
			margin-bottom: 20px;
			flex: 1;
		}

		.credib-author {
			display: flex;
			align-items: center;
			gap: 14px;
			padding-top: 18px;
			border-top: 1px solid var(--gray-100);
			margin-top: auto;
		}

		.credib-logo {
			height: 32px;
			width: auto;
			max-width: 90px;
			object-fit: contain;
			flex-shrink: 0;
			filter: grayscale(30%);
		}

		.credib-name {
			font-size: 13px;
			font-weight: 700;
			color: var(--navy);
		}

		.credib-role {
			font-size: 12px;
			color: var(--gray-600);
		}

		/* ══════════════════════════════════════════
       NÚMEROS / STATS
    ══════════════════════════════════════════ */
		.stats-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 1px;
			background: var(--gray-200);
			border-radius: var(--radius);
			overflow: hidden;
		}

		.stat-item {
			background: var(--white);
			padding: 32px 24px;
			text-align: center;
		}

		.stat-num {
			font-family: var(--font-display);
			font-size: 42px;
			color: var(--navy);
			letter-spacing: -.03em;
			line-height: 1;
			margin-bottom: 8px;
		}

		.stat-num sup {
			font-size: 22px;
			vertical-align: super;
		}

		.stat-label {
			font-size: 13px;
			color: var(--gray-400);
			line-height: 1.4;
		}


		/* ══════════════════════════════════════════
       CTA FINAL
    ══════════════════════════════════════════ */
		.cta-section {
			background: var(--green);
			padding: 72px 0;
			text-align: center;
			position: relative;
			overflow: hidden;
		}

		.cta-section::before {
			content: '';
			position: absolute;
			inset: 0;
			background: linear-gradient(135deg, #3f8b72 0%, #5CB99A 50%, #5CB99A 100%);
			
		}

		.cta-section .container {
			position: relative;
			z-index: 1;
		}

		.cta-section h2 {
			font-family: var(--font-display);
			font-size: clamp(28px, 3.5vw, 42px);
			color: var(--white);
			letter-spacing: -.02em;
			margin-bottom: 14px;
		}

		.cta-section p {
			font-size: 17px;
			color: rgba(255, 255, 255, .85);
			max-width: 720px;
			margin: 0 auto 36px;
			line-height: 1.6;
		}

		.cta-actions {
			display: flex;
			gap: 14px;
			justify-content: center;
			flex-wrap: wrap;
		}

		.btn-white {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: var(--white);
			color: var(--green);
			padding: 13px 28px;
			border-radius: 7px;
			font-size: 16px;
			font-weight: 400;
			transition: transform .15s, box-shadow .15s;
			cursor: pointer;
			border: none;
		}

		.btn-white:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
		}

		.btn-white-outline {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: transparent;
			color: var(--white);
			padding: 12px 26px;
			border-radius: 7px;
			font-size: 15px;
			font-weight: 500;
			border: 2px solid rgba(255, 255, 255, .5);
			transition: border-color .15s, background .15s;
			cursor: pointer;
		}

		.btn-white-outline:hover {
			border-color: var(--white);
			background: rgba(255, 255, 255, .1);
		}

		/* ══════════════════════════════════════════
       FOOTER
    ══════════════════════════════════════════ */
		.footer {
			background: var(--gray-50);
			padding: 56px 0 32px;
			
			color: var(--navy);
		}

		.footer-grid {
			display: grid;
			grid-template-columns: 2fr 1fr 1fr 1fr;
			gap: 40px;
			margin-bottom: 40px;
		}

		.footer-brand p {
			font-size: 13.5px;
			line-height: 1.7;
			margin-top: 14px;
			max-width: 280px;
		}

		.footer-brand .footer-logo {
			font-family: var(--font-display);
			font-size: 20px;
			color: var(--white);
		}

		.footer-col h4 {
			font-size: 12px;
			font-weight: 700;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: var(--navy);

			margin-bottom: 16px;
		}

		.footer-col ul {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.footer-col a {
			font-size: 13.5px;
			color: var(--navy);
			transition: color .15s;
		}

		.footer-col a:hover {
			color: var(--green-light);
		}

		.footer-bottom {
			border-top: 1px solid var(--white);
			padding-top: 24px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 12.5px;
		}

		.footer-bottom a {
			color: var(--navy);
		}

		.footer-bottom a:hover {
			color: var(--green-light);
		}

		/* ══════════════════════════════════════════
       MODAL FORMULÁRIO
    ══════════════════════════════════════════ */
		.wplex-overlay {
			display: none;
			position: fixed;
			inset: 0;
			background: rgba(10, 37, 64, .65);
			backdrop-filter: blur(4px);
			z-index: 9999;
			align-items: center;
			justify-content: center;
			padding: 20px;
			overflow-y: auto;
		}

		.wplex-overlay.open {
			display: flex;
		}

		.wplex-modal {
			background: var(--white);
			border-radius: 16px;
			width: 100%;
			max-width: 560px;
			padding: 36px 32px 28px;
			position: relative;
			animation: modalIn .25s ease;
			margin: auto;
		}

		@keyframes modalIn {
			from {
				opacity: 0;
				transform: translateY(16px) scale(.97);
			}

			to {
				opacity: 1;
				transform: translateY(0) scale(1);
			}
		}

		.modal-close {
			position: absolute;
			top: 14px;
			right: 16px;
			background: none;
			border: none;
			font-size: 24px;
			color: var(--gray-400);
			cursor: pointer;
			line-height: 1;
			padding: 4px;
		}

		.modal-close:hover {
			color: var(--gray-600);
		}

		.modal-badge {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			text-transform: uppercase;
			color: var(--green);
			margin-bottom: 8px;
		}

		.wplex-modal h2 {
			font-size: 22px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 6px;
			font-family: var(--font-body);
		}

		.modal-sub {
			font-size: 13.5px;
			color: var(--gray-600);
			margin-bottom: 22px;
			line-height: 1.5;
		}

		.modal-origem {
			display: inline-block;
			font-size: 11px;
			font-weight: 600;
			background: var(--green-pale);
			color: #1a7a56;
			padding: 3px 10px;
			border-radius: 100px;
			margin-bottom: 18px;
		}

		.modal-section-label {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: var(--gray-400);
			margin-bottom: 12px;
		}

		.modal-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 12px;
			margin-bottom: 12px;
		}

		.modal-group {
			display: flex;
			flex-direction: column;
			gap: 5px;
		}

		.modal-group label {
			font-size: 11.5px;
			font-weight: 600;
			color: var(--gray-600);
		}

		.modal-group input,
		.modal-group select {
			height: 40px;
			border: 1.5px solid var(--gray-200);
			border-radius: 6px;
			padding: 0 12px;
			font-size: 14px;
			color: var(--gray-800);
			background: var(--gray-50);
			outline: none;
			font-family: var(--font-body);
			transition: border-color .15s, background .15s;
			width: 100%;
			appearance: none;
		}

		.modal-group input:focus,
		.modal-group select:focus {
			border-color: var(--navy-mid);
			background: var(--white);
		}

		.modal-group input::placeholder {
			color: var(--gray-400);
		}

		.select-wrap {
			position: relative;
		}

		.select-wrap::after {
			content: '';
			position: absolute;
			right: 12px;
			top: 50%;
			transform: translateY(-50%);
			border: 5px solid transparent;
			border-top-color: var(--gray-400);
			pointer-events: none;
		}

		.select-wrap select {
			padding-right: 32px;
		}

		.modal-divider {
			border: none;
			border-top: 1px solid var(--gray-100);
			margin: 16px 0 14px;
		}

		.modal-submit {
			width: 100%;
			height: 46px;
			background: var(--navy);
			color: var(--white);
			font-size: 14.5px;
			font-weight: 700;
			border: none;
			border-radius: 7px;
			cursor: pointer;
			margin-top: 16px;
			font-family: var(--font-body);
			transition: background .15s, transform .15s;
		}

		.modal-submit:hover {
			background: var(--navy-mid);
			transform: translateY(-1px);
		}

		.modal-submit:disabled {
			background: var(--gray-400);
			cursor: not-allowed;
			transform: none;
		}

		.modal-footer {
			text-align: center;
			font-size: 11px;
			color: var(--gray-400);
			margin-top: 12px;
		}

		.modal-footer a {
			color: var(--navy-mid);
			text-decoration: underline;
		}

		.modal-error {
			font-size: 12px;
			color: var(--red);
			margin-top: 8px;
			text-align: center;
			display: none;
		}

		.modal-success {
			display: none;
			text-align: center;
			padding: 20px 0 8px;
		}

		.success-icon {
			width: 60px;
			height: 60px;
			background: var(--green-pale);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 16px;
			font-size: 28px;
		}

		.modal-success h3 {
			font-size: 20px;
			font-weight: 700;
			color: var(--navy);
			margin-bottom: 10px;
		}

		.modal-success p {
			font-size: 14px;
			color: var(--gray-600);
			line-height: 1.6;
		}

		.grecaptcha-badge {
			visibility: hidden !important;
		}

		/* ══════════════════════════════════════════
       UTILITIES
    ══════════════════════════════════════════ */
		.mt-8 {
			margin-top: 8px;
		}

		.mt-16 {
			margin-top: 16px;
		}

		.mt-24 {
			margin-top: 24px;
		}

		.mt-32 {
			margin-top: 32px;
		}

		.mb-8 {
			margin-bottom: 8px;
		}

		.mb-24 {
			margin-bottom: 24px;
		}

		.flex {
			display: flex;
		}

		.items-center {
			align-items: center;
		}

		.gap-16 {
			gap: 16px;
		}

		.text-center {
			text-align: center;
		}

		.text-green {
			color: var(--green);
		}

		.text-red {
			color: var(--red);
		}

		.text-amber {
			color: var(--amber);
		}

		.bg-green-pale {
			background: var(--green-pale);
		}

		.rounded {
			border-radius: var(--radius);
		}

		.p-24 {
			padding: 24px;
		}

		/* Scroll reveal */
		.reveal {
			opacity: 0;
			/*transform: translateY(24px);*/
			transition: opacity .6s ease, transform .6s ease;
		}

		.reveal.visible {
			opacity: 1;
			transform: translateY(0);
		}

		/* Apresentação do WPLEX-EP */
		.ep-product-grid {
			display: grid;
			grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
			gap: 48px;
			align-items: center;
		}
		.ep-product-screen img {
			width: 100%;
			height: auto;
			border-radius: var(--radius);
			box-shadow: var(--shadow-md);
		}
		.ep-product-benefits {
			display: grid;
			gap: 12px;
			margin: 24px 0 28px;
			font-size: 14px;
			color: var(--gray-600);
		}
		.ep-product-benefits li {
			display: flex;
			align-items: flex-start;
			gap: 10px;
		}
		.ep-product-benefits li::before {
			content: '✓';
			flex: 0 0 22px;
			text-align: center;
			border-radius: 50%;
			background: var(--green-pale);
			color: var(--navy);
		}
		.ep-product-link {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 12px;
			max-width: 100%;
			padding: 12px 22px;
			border: 1.5px solid var(--navy);
			border-radius: 7px;
			color: var(--navy);
			font-size: 15px;
			font-weight: 500;
			transition: background .15s;
		}
		.ep-product-link:hover { background: var(--green-pale); }
		.ep-product-link:focus-visible {
			outline: 3px solid var(--green);
			outline-offset: 4px;
		}
		@media (max-width: 768px) {
			.ep-product-grid { grid-template-columns: 1fr; gap: 28px; }
			.ep-product-copy { grid-row: 1; }
			.ep-product-screen { max-width: 560px; margin: 0 auto; }
		}
		/* ══════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════ */
		@media (max-width: 1024px) {
			.hero-grid {
				grid-template-columns: 1fr;
			}

			.hero-card {
				max-width: 480px;
			}

			.impacts-grid {
				grid-template-columns: 1fr 1fr;
			}

			.stats-grid {
				grid-template-columns: 1fr 1fr;
			}

			.credib-grid {
				grid-template-columns: 1fr 1fr;
			}

			.footer-grid {
				grid-template-columns: 1fr 1fr;
			}
		}

		@media (max-width: 768px) {

			.navbar-links {
				display: none;
			}

			.hero {
				padding: 52px 0 48px;
			}

			.impacts-grid {
				grid-template-columns: 1fr;
			}

			.hub-panel.cols-3 {
				grid-template-columns: 1fr;
			}

			.hub-panel.cols-2 {
				grid-template-columns: 1fr;
			}

			.sim-grid {
				grid-template-columns: 1fr;
			}

					.sim-screenshot-wrap {
				max-width: 480px;
				margin: 0 auto;
			}
				
			.survey-screenshot-wrap {
				width: 70%;
				margin: 0 auto;
			}

			.survey-grid {
				grid-template-columns: 1fr;
			}

			.faq-grid {
				grid-template-columns: 1fr;
			}

			.calc-wrapper {
				grid-template-columns: 1fr;
			}

			.modal-grid {
				grid-template-columns: 1fr;
			}

			.credib-grid {
				grid-template-columns: 1fr;
			}

			.stats-grid {
				grid-template-columns: 1fr 1fr;
			}

			.footer-grid {
				grid-template-columns: 1fr;
			}

			.cta-actions {
				flex-direction: column;
				align-items: center;
			}

			.hub-tabs {
				overflow-x: auto;
				width: 100%;
			}
		}
	

		/* ══════════════════════════════════════════
		   RELATÓRIO MODAL STYLES
		   ══════════════════════════════════════════ */
		.relatorio-overlay {
			display: none;
			position: fixed;
			inset: 0;
			background: rgba(10, 37, 64, 0.7);
			z-index: 999;
			align-items: center;
			justify-content: center;
		}
		.relatorio-overlay[style*="display: flex"],
		.relatorio-overlay.open { display: flex !important; }

		.relatorio-modal {
			background: white;
			border-radius: 12px;
			max-width: 480px;
			width: 90%;
			max-height: 85vh;
			overflow-y: auto;
			padding: 32px;
			position: relative;
			box-shadow: 0 20px 60px rgba(10, 37, 64, 0.2);
		}

		.relatorio-close {
			position: absolute;
			top: 16px;
			right: 16px;
			background: none;
			border: none;
			font-size: 28px;
			cursor: pointer;
			color: #94a3b8;
			padding: 0;
			width: 32px;
			height: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: color 0.2s;
		}
		.relatorio-close:hover { color: #1e293b; }

		#rel-form-content h3 {
			font-size: 22px;
			font-weight: 700;
			color: #0a3d62;
			margin-bottom: 6px;
		}

		.rel-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 12px;
			margin-bottom: 12px;
			margin-top: 16px;
		}

		.rel-group {
			display: flex;
			flex-direction: column;
			gap: 5px;
		}

		.rel-group label {
			font-size: 11.5px;
			font-weight: 600;
			color: #4a5568;
		}

		.rel-group input,
		.rel-group select {
			border: 1.5px solid #e2e8f0;
			border-radius: 6px;
			padding: 0 11px;
			font-size: 13.5px;
			color: #1a202c;
			background: #f8fafc;
			outline: none;
			transition: border-color .15s;
			width: 100%;
			font-family: inherit;
			height: 38px;
			appearance: none;
			-webkit-appearance: none;
		}

		.rel-group input:focus,
		.rel-group select:focus {
			border-color: #1a6496;
			background: #fff;
		}

		.rel-group input::placeholder { color: #b0bec5; }

		.rel-group input.relatorio-invalid,
		.rel-group select.relatorio-invalid { border-color: #F4B740; }

		.rel-error {
			font-size: 12px;
			color: #ED2E5C;
			margin-top: 2px;
			display: none;
		}

		.rel-select-wrap { position: relative; }
		.rel-select-wrap::after {
			content: "";
			position: absolute;
			right: 12px; top: 50%;
			transform: translateY(-50%);
			width: 0; height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 6px solid #718096;
			pointer-events: none;
		}
		.rel-select-wrap select { padding-right: 32px; }

		.rel-btn-submit {
			height: 44px;
			width: 100%;
			padding: 0 32px;
			background: #0a3d62;
			color: #fff;
			font-size: 14px;
			font-weight: 700;
			border: none;
			border-radius: 6px;
			cursor: pointer;
			margin-top: 16px;
			transition: background .18s, transform .15s;
			letter-spacing: .01em;
			font-family: inherit;
		}
		.rel-btn-submit:hover    { background: #1a6496; transform: translateY(-1px); }
		.rel-btn-submit:disabled { background: #a0aec0; cursor: not-allowed; transform: none; }

		.rel-footer-note {
			font-size: 12px;
			color: #a0aec0;
			margin-top: 12px;
			line-height: 1.5;
		}
		.rel-footer-note a { color: #1a6496; text-decoration: none; }

		.rel-msg { font-size: 13px; font-weight: 600; margin-top: 12px; padding-left: 2px; display: none; }
		.rel-msg.success { color: #88B822; display: block; }
		.rel-msg.error   { color: #ED2E5C; display: block; }

		.rel-success-box {
			display: none;
			text-align: center;
			padding: 24px 0 8px;
		}
		.rel-success-box .rel-success-icon {
			width: 56px; height: 56px;
			background: #e6faf3; border-radius: 50%;
			display: flex; align-items: center; justify-content: center;
			margin: 0 auto 16px;
			font-size: 32px;
		}
		.rel-success-box h3 { font-size: 18px; font-weight: 700; color: #0a3d62; margin-bottom: 8px; }
		.rel-success-box p  { font-size: 13.5px; color: #718096; line-height: 1.6; margin-bottom: 24px; }

		.rel-download-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			height: 44px;
			padding: 0 32px;
			background: #0a3d62;
			color: #fff !important;
			font-size: 14px;
			font-weight: 700;
			border-radius: 6px;
			text-decoration: none !important;
			transition: background .18s, transform .15s;
			letter-spacing: .01em;
		}
		.rel-download-btn:hover { background: #1a6496; transform: translateY(-1px); }

		.rel-hp { display: none; }

		@media (max-width: 600px) {
			.rel-grid { grid-template-columns: 1fr; }
			.relatorio-modal { padding: 24px; }
		}