/* Taula del certificat: barres, consum, emissions i en tràmit */

table.eficiencia-table {
	border-collapse: collapse;
	width: 100%;
}

table.eficiencia-table,
.eficiencia-table th,
.eficiencia-table td {
	border: 1px solid rgba(196, 164, 124, 1);
}

.grau-eficiencia {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.subtitol-energia {
	font-size: 12px;
	text-align: center;
}

.eficiencia-table th {
	text-align: center;
	padding: 10px 20px;
}

td.td-comsum,
td.td-emisiones {
	vertical-align: top !important;
}

.pointer-a {
	margin-top: calc((5px * 1) + (30px * 0)) !important;
	background-color: #00855a;
}

.pointer-b {
	margin-top: calc((5px * 2) + (30px * 1)) !important;
	background-color: #1bb15a;
}

.pointer-c {
	margin-top: calc((5px * 3) + (30px * 2)) !important;
	background-color: #8cc63f;
}

.pointer-d {
	margin-top: calc((5px * 4) + (30px * 3)) !important;
	background-color: #fecd00;
}

.pointer-e {
	margin-top: calc((5px * 5) + (30px * 4)) !important;
	background-color: #faae65;
}

.pointer-f {
	margin-top: calc((5px * 6) + (30px * 5)) !important;
	background-color: #f58220;
}

.pointer-g {
	margin-top: calc((5px * 7) + (30px * 6)) !important;
	background-color: #ed1c38;
}

.a-efficiency {
	background-color: #00855a;
	width: 30%;
}

.b-efficiency {
	background-color: #1bb15a;
	width: 40%;
}

.c-efficiency {
	background-color: #8cc63f;
	width: 50%;
}

.d-efficiency {
	background-color: #fecd00;
	width: 60%;
}

.e-efficiency {
	background-color: #faae65;
	width: 70%;
}

.f-efficiency {
	background-color: #f58220;
	width: 80%;
}

.g-efficiency {
	background-color: #ed1c38;
	width: 90%;
}

.efficiency-bar,
.consumo,
.emisiones {
	margin: 5px 0px 5px 0px;
	color: white !important;
	padding-right: 10px;
	height: 30px !important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: 600;
}

.efficiency-bar {
	clip-path: polygon(0px 0px, calc(100% - 10px) 0px, 100% 50%, calc(100% - 10px) 100%, 0px 100%);
	padding-right: 20px;
	height: 30px;
}

.consumo,
.emisiones {
	clip-path: polygon(100% 0px, 10px 0px, 0px 50%, 10px 100%, 100% 100%);
	float: right;
	width: 90%;
}

table.eficiencia-table td.sense-border {
	border-bottom: transparent solid 0px !important;
	border-top: transparent solid 0px !important;
	vertical-align: top !important;
}

.energia-en-tramit-wrapper { position: relative; }
.energia-en-tramit {
	position: absolute; z-index: 999; display: flex; align-items: center; justify-content: center;
	background-color: transparent; width: 100%; height: 100%; top: 0; left: 0;
	backdrop-filter: blur(3px);
}
.energia-en-tramit span { padding: 12px 24px; background-color: #ed1c38; color: white; }

@media screen and (max-width: 768px) {
	.eficiencia-table th {
		padding: 0 !important;
	}
}