.novo-conteudo-2026{ 
	--ins-azul: #001E60;
	--ins-azul-escuro: #001133;
	--ins-laranja: #FF6720;
	--ins-laranja-claro: #FF8C3A;
	--ins-verde: #00C49A;
	--ins-verde-hover: #00A883;
	--ins-fundo: #F2F5FA;
	--ins-linha: #E2E7EF;
	--ins-texto: #4A5875;
	--ins-texto-forte: #24324F;
	--ins-texto-claro: #C9D3E8;
	--ins-texto-claro-forte: #DCE3EE;
	font-family: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;

	&*,
	&*::before,
	&*::after{
		box-sizing: border-box;
	}

	h2,
	h3,
	ol,
	p{
		margin: 0;
	}
}

.texto-inicial{
	width: 100%;
	margin-top: calc(var(--topo__altura));
	padding: clamp(2rem, 1rem + 3vw, 4rem) 10%;
	background-color: var(--azul-insulfilm);
	font-size: clamp(1.1rem, 1rem + 1vw, 1.4rem);
	text-align: center;
	line-height: 1;
	
	h1{
		margin: 0;
		font-size: 1.7em;
		font-weight: 900;
		color: #fff;
	}

	.texto{
		margin-top: 1rem;
		font-weight: bold;
		color: #ccc;
	}
}

.ins-wrap {
	/* max-width: 1280px; */
	width: clamp(300px, 85vw, 1280px);
	margin: 0 auto;
}

.icone-auto-arq svg{
	fill: #fff;
}


.atendimento-whatsapp {
	width: 90%;
	margin: 2rem auto 0 auto;
	font-size: 1rem;
	background: var(--ins-fundo);
	
	

	.ins-eyebrow {
		font-size: 1.2em;
		font-weight: 800;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--ins-laranja-claro);
		line-height: 1.1em;
	}

	.ins-atend__title {
		font-size: clamp(2.5em, 2.6vw, 4em);
		line-height: 1.15;
		font-weight: 900;
		letter-spacing: -0.02em;
		color: #FFFFFF;
	}

	.ins-atend__icon {
		flex: none;
		border-radius: 18px;
		background: rgba(255, 255, 255, 0.08);
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;

		svg{
			fill: #fff;
		}

		&.automotivo svg {
			width: 100px;
		}

		&.arquitetonico svg {
			width: 50px;
		}
	}


	/* Botão verde de WhatsApp (usado no Atendimento) */
	.ins-btn-wa {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 52px;
		padding: 0 16px;
		border-radius: 999px;
		background: var(--ins-verde);
		color: #001133;
		font-size: 1.2em;
		font-weight: 800;
		line-height: 1.2;
		text-decoration: none;
		white-space: nowrap;
		transition: background-color .2s ease;
	}

	.ins-btn-wa:hover {
		background: var(--ins-verde-hover);
		color: #001133;
	}

	.ins-btn-wa:focus-visible {
		outline: 3px solid var(--ins-laranja);
		outline-offset: 2px;
	}

	.ins-btn-wa svg {
		flex: none;
	}


	/* 1. Atendimento Oficial pelo WhatsApp */
	.ins-atend__box {
		max-width: 1280px;
		margin: 0 auto;
		padding: clamp(24px, 3vw, 40px);
		border-radius: 28px;
		background: var(--ins-azul);
		color: #FFFFFF;
		border: 1px solid rgba(255, 255, 255, 0.08);
		display: flex;
		flex-direction: column;
		gap: 1em;
	}

	.ins-atend__head {
		display: flex;
		flex-direction: column;
		gap: 6px;
		max-width: 760px;
	}

	.ins-atend__sub {
		font-size: 1.2em;
		line-height: 1.5;
		color: var(--ins-texto-claro);
	}

	.ins-atend__grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(440px, 100%), 1fr));
		gap: 20px;
	}

	.ins-atend__card {
		display: flex;
		flex-direction: column;
		gap: 18px;
		padding: 1em;
		border-radius: 22px;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.14);
	}

	.ins-atend__id {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.ins-atend__name {
		font-size: 24px;
		line-height: 1.15;
		font-weight: 900;
		letter-spacing: -0.01em;
		color: #FFFFFF;
	}

	.ins-atend__hint {
		font-size: 1.1em;
		line-height: 1;
		color: var(--ins-texto-claro);
	}

	.ins-atend__body {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.ins-atend__label {
		font-size: 14px;
		font-weight: 800;
		color: var(--ins-texto-claro-forte);
	}

	.ins-atend__regioes {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.ins-atend__note {
		font-size: 14px;
		line-height: 1.45;
		color: var(--ins-texto-claro);
	}

	@media (min-width: 600px) {
		.ins-eyebrow {
			font-size: 1.3em;
		}

		.ins-atend__icon {
			&.arquitetonico svg {
				width: 80px;
			}
		}
	}

	@media (min-width: 1280px){
		width: 1200px;
	}
}


.insulfilm-em-numeros {
	background: var(--ins-azul);
	color: #FFFFFF;
	margin-top: 4rem;
	padding: clamp(2rem, 10vw, 4rem) 3em;
	font-size: 1.1rem;
	
	
	.ins-num__grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
		gap: 40px 48px;
	}

	.ins-num__item {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.ins-num__valor {
		font-size: clamp(3em, 7vw, 3.5em);
		line-height: 1;
		font-weight: 900;
		letter-spacing: -0.03em;
		color: var(--ins-laranja);
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	.ins-num__desc {
		font-size: 1.2em;
		line-height: 1.2;
		color: var(--ins-texto-claro);
	}
}


.quatro-passos {
	margin-top: 4rem;
	background: var(--ins-fundo);
	font-size: 1rem;
	
	.ins-passos__in {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.ins-passos__head {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.ins-passos__title {
		font-size: clamp(36px, 4.4vw, 58px);
		line-height: 1.04;
		font-weight: 900;
		letter-spacing: -0.03em;
		color: var(--ins-azul);
		text-wrap: balance;
	}

	.ins-passos__sub {
		font-size: 19px;
		line-height: 1.5;
		color: var(--ins-texto);
	}

	.ins-passos__track {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.ins-passos__bar {
		height: 4px;
		border-radius: 2px;
		background: var(--ins-laranja);
	}

	.ins-passos__list {
		list-style: none;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
		gap: 20px;
	}

	.ins-passos__item {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 28px;
		border-radius: 24px;
		background: #FFFFFF;
		border: 1px solid var(--ins-linha);
	}

	.ins-passos__n {
		font-size: 3em;
		font-weight: 900;
		line-height: 1;
		color: var(--ins-laranja);
	}

	.ins-passos__nome {
		font-size: 20px;
		line-height: 1.25;
		font-weight: 800;
		color: var(--ins-azul);
	}

	.ins-passos__desc {
		font-size: 16px;
		line-height: 1.5;
		color: var(--ins-texto);
	}
}


.faq {
	background: var(--ins-fundo);
	padding: 3rem clamp(2rem, 9vw, 128px);
	
	.ins-faq__in {
		max-width: 900px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.ins-faq__title {
		font-size: clamp(36px, 4.6vw, 60px);
		line-height: 1.04;
		font-weight: 900;
		letter-spacing: -0.03em;
		color: var(--ins-azul);
	}

	.ins-faq__list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.ins-faq__item {
		border-radius: 20px;
		background: #FFFFFF;
		border: 1px solid var(--ins-linha);
	}

	.ins-faq__item summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
		min-height: 64px;
		padding: 14px 24px;
		font-size: 18px;
		line-height: 1.35;
		font-weight: 800;
		color: var(--ins-azul);
		cursor: pointer;
		list-style: none;
	}

	.ins-faq__item summary::-webkit-details-marker {
		display: none;
	}

	.ins-faq__item summary:focus-visible {
		outline: 3px solid var(--ins-laranja);
		outline-offset: 2px;
		border-radius: 20px;
	}

	.ins-faq__chev {
		flex: none;
		transition: transform .3s ease;
	}

	.ins-faq__item[open] .ins-faq__chev {
		transform: rotate(180deg);
	}

	.ins-faq__answer {
		padding: 0 24px 22px;
		font-size: 17px;
		line-height: 1.6;
		color: var(--ins-texto);
	}

	/* Abas Automotivo | Arquitetônico (botões de opção, sem JavaScript) */
	.ins-faq__radio {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.ins-faq__tabs {
		align-self: flex-start;
		display: inline-flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 4px;
		border-radius: 999px;
		background: #FFFFFF;
		border: 1px solid var(--ins-linha);
	}

	.ins-faq__tab {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		min-height: 48px;
		padding: 0 26px;
		border-radius: 999px;
		font-size: 16px;
		font-weight: 800;
		color: var(--ins-texto-forte);
		cursor: pointer;
		transition: background-color .3s ease, color .3s ease;
	}

	.ins-faq__tab:hover {
		color: var(--ins-azul);
	}

	.ins-faq__panel {
		display: none;
	}

	#ins-faq-auto:checked~.ins-faq__panel--auto,
	#ins-faq-arq:checked~.ins-faq__panel--arq {
		display: flex;
	}

	.ins-faq__tab--auto,
	.ins-faq__tab--arq{
		svg{
			fill: #999;
		}
	}

	#ins-faq-auto:checked~.ins-faq__tabs .ins-faq__tab--auto,
	#ins-faq-arq:checked~.ins-faq__tabs .ins-faq__tab--arq {
		background: var(--ins-azul);
		color: #FFFFFF;

		svg{
			fill: #fff;
		}
	}

	#ins-faq-auto:focus-visible~.ins-faq__tabs .ins-faq__tab--auto,
	#ins-faq-arq:focus-visible~.ins-faq__tabs .ins-faq__tab--arq {
		outline: 3px solid var(--ins-laranja);
		outline-offset: 2px;
	}

	.ins-faq__tab--auto svg{
		width: 60px;
	}

	.ins-faq__tab--arq svg{
		width: 55px;
	}
}


/* Celular */
@media (max-width: 600px) {
	.ins-atend__box {
		border-radius: 22px;
		padding: 22px 14px 18px;
		gap: 22px;
	}

	.ins-atend__card {
		padding: 18px 14px;
	}

	.ins-atend__name {
		font-size: 22px;
	}

	.insulfilm-em-numeros{
		padding-left: 16px;
		padding-right: 16px;
	}

	.ins-passos__item {
		padding: 22px;
	}

	.ins-faq__item summary {
		padding: 14px 18px;
		font-size: 17px;
	}

	.ins-faq__answer {
		padding: 0 18px 20px;
		font-size: 16px;
	}

	.ins-faq__tab {
		padding: 0 18px;
	}
}


@media (max-width: 380px) {
	.ins-btn-wa {
		font-size: 15px;
		padding: 0 10px;
		gap: 6px;
	}

	.ins-btn-wa svg {
		width: 16px;
		height: 16px;
	}
}


@media (prefers-reduced-motion: reduce) {
	.ins-btn-wa,
	.ins-faq__chev,
	.ins-faq__tab {
		transition: none;
	}
}