/* components/_table-politicas.css */

.c-table-compare-politicas{
	width: 100%;
	border-spacing: 0;
	padding-left: clamp( calc( 1rem * 10 / var(--font-size) ),  5vw ,calc( 1rem *  60 / var(--font-size) ) );
	padding-right: clamp( calc( 1rem * 10 / var(--font-size) ),  5vw ,calc( 1rem *  60 / var(--font-size) ) );
	table-layout: fixed;
	display: block;
    overflow-x: auto;
	font-size: clamp( calc( 1rem * 12 / var(--font-size) ), 3vw, calc( 1rem * 20 / var(--font-size) ) );
	
}

@media ( max-width: 800px ) {
	.c-table-compare-politicas {
		width: calc( 100vw - 20px );
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}

.c-table-compare-politicas thead,
.c-table-compare-politicas tbody {
    display: table;
    width: 100%;
	min-width: 480px;
}

.c-table-compare-politicas td, 
	.c-table-compare-politicas th{
		text-align: start;
  		height: 80px;
  		word-wrap: break-word;
  		white-space: normal;
  		padding: 8px;
    
	}
	.c-table-compare-politicas th[scope="row"] {
		padding-left: 0;
	}

	.c-table-compare-politicas img {
		display: inline-block;
	}

	.c-table-compare-politicas > thead > tr > th:not(:empty),
	.c-table-compare-politicas > tbody > tr > :not(th) {
		width: clamp( 120px, 16vw, 240px );
	}

	.c-table-compare-politicas thead th {
		height: 120px;
	}

	.c-table-compare-politicas thead > tr:last-child > * {
		border-bottom: 1px solid var(--color-grey-600);
	}

	.c-table-compare-politicas tbody th {
		text-align: left;
	}

	.c-table-compare-politicas > * > tr > *:first-child {
		width:20%;
	}

	.c-table-compare-politicas tbody > tr > * {
		border-top: 1px solid var(--color-grey-600);
	}

	.c-table-compare-politicas tbody > tr:first-child > * {
		border-top: 0px solid var(--color-grey-600);
	}

	.c-table-compare-politicas tbody > tr:last-child > * {
		padding-bottom: 80px;
		height: 160px;
	}

	.c-table-compare-politicas__logo {
		width: clamp( 80px, 20vw, 193px );
	}

	.c-table-compare-politicas img[src$="ok.svg"] {
		filter: grayscale(100%) brightness(0);
	}
	.c-table-compare-politicas img[src$="no.svg"] {
		filter: grayscale(100%) brightness(1.5);
	}