/* Mega menus do cabeçalho: Serviço e Intelligence (inc/mega-menus.php). */

.im-painel {
	--im-tinta: #18181b;
	--im-cinza-7: #52525b;
	--im-cinza-5: #71717a;
	--im-cinza-4: #a1a1aa;
	--im-fio: #e4e4e7;
	--im-fundo: #fafafa;
	--im-azul: #2b6bd9;
	--im-azul-escuro: #1f51b3;
	--im-azul-claro: #6ea0f5;
	background: #fff;
	border-top: 1px solid var(--im-fio);
	box-shadow: 0 40px 60px rgba(0, 0, 0, .15);
}
.im-caixa {
	max-width: 1440px; margin: 0 auto; padding: 32px 48px 36px;
	display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: stretch;
}
.im-colunas { display: grid; grid-template-columns: repeat(var(--im-cols, 5), minmax(0, 1fr)); gap: 28px 28px; align-content: start; }
.im-coluna__titulo {
	margin: 0 0 12px !important; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--im-azul);
}
.im-coluna ul { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 9px; }
.im-coluna a {
	display: block; font-size: 14px; line-height: 1.35; color: var(--im-tinta) !important; text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}
.im-coluna a:hover, .im-coluna a:focus-visible { color: var(--im-azul) !important; transform: translateX(2px); }
.im-rodape {
	grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 28px; padding-top: 18px; border-top: 1px solid var(--im-fio);
}
.im-rodape a { font-size: 13.5px; font-weight: 600; color: var(--im-tinta) !important; text-decoration: none !important; }
.im-rodape a:hover { color: var(--im-azul) !important; }

/* Cartão de um quarto da largura */
.im-cartao {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px;
	min-height: 360px; border-radius: 20px; overflow: hidden; text-decoration: none !important;
}
.im-cartao--foto { background: var(--im-tinta); color: #fff; }
.im-cartao__foto {
	position: absolute; inset: 0; background-size: cover; background-position: 38% 26%;
	transition: transform .6s ease;
}
.im-cartao--foto::after {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(12, 12, 14, 0) 30%, rgba(12, 12, 14, .82) 68%, rgba(12, 12, 14, .95));
}
.im-cartao--foto:hover .im-cartao__foto { transform: scale(1.04); }
.im-cartao__texto { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; padding: 22px; }
.im-cartao__rotulo { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--im-azul-claro) !important; }
.im-cartao__titulo { font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; color: #fff !important; }
.im-cartao__botao {
	align-self: flex-start; margin-top: 6px; display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 16px; border-radius: 999px; background: #fff; color: var(--im-tinta) !important;
	font-size: 13.5px; font-weight: 600; text-decoration: none !important; transition: background .2s ease;
}
.im-cartao--foto:hover .im-cartao__botao { background: #f4f4f5; }

.im-cartao--produto {
	justify-content: flex-start; padding: 22px; color: #fff;
	background: radial-gradient(120% 90% at 100% 0%, rgba(43, 107, 217, .45), rgba(43, 107, 217, 0) 60%), var(--im-tinta);
}
.im-jornada { list-style: none; margin: 10px 0 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 9px; }
.im-jornada li { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 10px; font-size: 12px; }
.im-jornada li span { color: var(--im-cinza-4) !important; }
.im-jornada i { display: block; height: 8px; border-radius: 99px; background: rgba(255, 255, 255, .28); }
.im-jornada li.is-furo span { color: #fff !important; }
.im-jornada li.is-furo i { background: var(--im-azul-claro); box-shadow: 0 0 0 3px rgba(110, 160, 245, .25); }
.im-cartao__nota { font-size: 11px; color: var(--im-cinza-5) !important; }
.im-cartao__botao--azul { margin-top: auto; background: var(--im-azul); color: #fff !important; }
.im-cartao__botao--azul:hover { background: var(--im-azul-escuro); }
.im-cartao__apoio { font-size: 12px; color: var(--im-cinza-4) !important; }

@media (max-width: 1279px) {
	.im-caixa { padding: 28px 32px 32px; gap: 28px; grid-template-columns: minmax(0, 1fr) 240px; }
	.im-colunas { gap: 24px 18px; }
}

/* Gaveta do celular: colunas como listas que abrem */
.im-gaveta { display: flex; flex-direction: column; gap: 2px; padding-left: 16px; border-left: 2px solid #e5e7eb; }
.im-gaveta details summary { list-style: none; cursor: pointer; padding: 6px 0; font-size: 15px; font-weight: 500; color: #18181b; }
.im-gaveta details summary::-webkit-details-marker { display: none; }
.im-gaveta details summary::after { content: '+'; float: right; color: #71717a; }
.im-gaveta details[open] summary::after { content: '–'; }
.im-gaveta details ul { list-style: none; margin: 0 0 8px !important; padding: 0 0 0 10px !important; display: flex; flex-direction: column; gap: 6px; }
.im-gaveta details a { font-size: 14.5px; color: #3f3f46 !important; text-decoration: none !important; }
.im-gaveta__rodape { display: flex; flex-direction: column; gap: 6px; padding: 6px 0; }
.im-gaveta__rodape a { font-size: 14.5px; font-weight: 600; color: #2b6bd9 !important; text-decoration: none !important; }