/* ==========================================================================
   Clube de Desconto — restyle do markup legado.
   Carregado DEPOIS do style2.css para vencer as regras antigas (que pintam o
   menu de branco sobre fundo navy e quebram a grelha dos cards).
   ========================================================================== */

.pgDesconto.assem-pg,
.pgDesconto.assem-pg .pgDesconto__left,
.pgDesconto.assem-pg .pgDesconto__right {
	background: transparent !important;
	color: inherit;
}

.pgDesconto.assem-pg .pgDesconto__container {
	max-width: var(--wrap);
	margin: 0 auto;
	padding: 0 24px 10px;
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
}

/* ---- Menu de categorias ---- */
.pgDesconto.assem-pg .pgDesconto__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	position: sticky;
	top: 16px;
}
.pgDesconto.assem-pg .pgDesconto__menu-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid #d7d9e2;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.pgDesconto.assem-pg .pgDesconto__menu-item i,
.pgDesconto.assem-pg .pgDesconto__menu-item span {
	color: var(--navy) !important;
	font-size: 15px !important;
	font-weight: 500;
	transition: color .15s ease;
}
.pgDesconto.assem-pg .pgDesconto__menu-item i { font-size: 17px !important; width: 20px; text-align: center; }

.pgDesconto.assem-pg .pgDesconto__menu-item:hover,
.pgDesconto.assem-pg .pgDesconto__menu-item.active {
	background: var(--navy);
	border-color: var(--navy);
}
.pgDesconto.assem-pg .pgDesconto__menu-item:hover i,
.pgDesconto.assem-pg .pgDesconto__menu-item:hover span,
.pgDesconto.assem-pg .pgDesconto__menu-item.active i,
.pgDesconto.assem-pg .pgDesconto__menu-item.active span {
	color: #fff !important;
}
/* Remove a barra branca do hover legado. */
.pgDesconto.assem-pg .pgDesconto__menu-item:hover::after { content: none !important; }

/* ---- Cards de parceiros ---- */
.pgDesconto.assem-pg .pgDesconto__empresas { display: flex; flex-direction: column; gap: 18px; }

.pgDesconto.assem-pg .pgDesconto__card {
	display: grid !important;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 22px;
	align-items: center;
	background: #fff !important;
	border: 1px solid #d7d9e2;
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .06);
	width: auto !important;
	max-width: none !important;
}
.pgDesconto.assem-pg .pgDesconto__card-col { width: auto !important; padding: 0 !important; }
.pgDesconto.assem-pg .pgDesconto__card-col:nth-child(1) { display: grid; place-items: center; }

.pgDesconto.assem-pg .pgDesconto__card-img {
	width: 100% !important;
	max-width: 150px;
	max-height: 92px;
	object-fit: contain;
	display: block;
}

.pgDesconto.assem-pg .pgDesconto__card-empresa p {
	margin: 0 0 5px;
	font-size: 14.5px !important;
	line-height: 1.5;
	color: #333 !important;
	text-align: left !important;
}
.pgDesconto.assem-pg .pgDesconto__card-empresa p:first-child {
	font-size: 17px !important;
	font-weight: 700;
	color: var(--navy) !important;
	margin-bottom: 7px;
}

.pgDesconto.assem-pg .pgDesconto__card-social {
	display: flex;
	gap: 12px;
	margin-top: 10px;
	font-size: 19px;
}
.pgDesconto.assem-pg .pgDesconto__card-social i,
.pgDesconto.assem-pg .pgDesconto__card-social a { color: var(--navy) !important; }
.pgDesconto.assem-pg .pgDesconto__card-social a:hover i,
.pgDesconto.assem-pg .pgDesconto__card-social a:hover { color: var(--red) !important; }

@media (max-width: 900px) {
	.pgDesconto.assem-pg .pgDesconto__container { grid-template-columns: 1fr !important; }
	.pgDesconto.assem-pg .pgDesconto__menu { position: static; flex-direction: row; flex-wrap: wrap; }
	.pgDesconto.assem-pg .pgDesconto__menu-item { flex: 0 1 auto; }
	.pgDesconto.assem-pg .pgDesconto__menu-item span { display: inline !important; }
}
@media (max-width: 620px) {
	.pgDesconto.assem-pg .pgDesconto__card { grid-template-columns: 1fr !important; }
	.pgDesconto.assem-pg .pgDesconto__card-img { max-height: 70px; }
}

/* ---- Limpezas ---- */

/* O menu de categorias é só texto: os glifos do kit free do Font Awesome não
   cobriam todas as categorias e saíam como quadrados. */
.pgDesconto.assem-pg .pgDesconto__menu-item { padding-left: 16px; }

/* Parceiro ainda sem logótipo: o cartão passa a ter uma coluna só. */
.pgDesconto.assem-pg .pgDesconto__card--sem-logo {
	grid-template-columns: minmax(0, 1fr) !important;
}