/* Tabela comparativa responsiva — §7.4 item 9, §9: scroll horizontal +
   primeira coluna fixa + sombra indicadora. */

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-inline: -1rem;
	padding-inline: 1rem;
}

.table-comparativa {
	border-collapse: collapse;
	width: 100%;
	min-width: 480px;
}

.table-comparativa th,
.table-comparativa td {
	padding: 0.75rem 1rem;
	text-align: center;
	border-bottom: 1px solid var(--boek-creme);
	white-space: nowrap;
}

.table-comparativa thead th {
	font-family: var(--boek-font-heading);
	color: var(--boek-petroleo);
}

.table-comparativa thead th.is-atual {
	color: var(--boek-ink);
	font-weight: 700;
}

.table-comparativa__col-fixa {
	position: sticky;
	left: 0;
	background-color: var(--boek-white);
	text-align: left;
	box-shadow: 2px 0 4px rgba(15, 14, 26, 0.08);
}