/* Contador */
.contador {
	display: flex;
	flex-flow: column;
	color: var(--color-pink);


	&.blue-tjsp{
		color: var(--color-blue);
	}

	figure {
		margin: 0 0 10px;
	}

	h3 {
		margin: 0;
		color: inherit;
		font-family: var(--font-body);
		font-size: 25px;
		font-weight: 300;
		line-height: 1.125;
		letter-spacing: -0.04em;

		.numero {
			display: block;
			font-family: var(--font-accent);
			font-size: 39px;
			font-weight: 300;
			line-height: 1.125;
			letter-spacing: -0.04em;

			strong,
			small {
				font: inherit;
				letter-spacing: inherit;
			}
		}

		& > strong {
			display: block;
			font: inherit;
			letter-spacing: inherit;
		}
	}

	&.contador-align-esquerda {
		align-items: flex-start;
		text-align: left;
	}

	&.contador-align-centro {
		align-items: center;
		text-align: center;
	}

	&.contador-align-direita {
		align-items: flex-end;
		text-align: right;
	}
}