/*********************************
 * 
 * Big numbers
 *  
 **********************************/

.bigNumbers .twist-big-numbers {
	display: grid;
	gap: var(--gap);
}

.bigNumbers .et_pb_row .container-numeros:has(.twist-big-numbers) {
	display: grid;
	grid-template-columns: repeat(var(--twist-count) , 1fr);
	gap: var(--gap);
	justify-items: center;
}

.bigNumbers .twist-big-numbers .wrapper {
	font-size: var(--H3) !important;
	font-family: var(--fontePadrao);
	color: var(--corAzul) !important;
	font-weight: 400;
	display: flex;
	justify-content: center;
	height: 1em;
	line-height: 1em;
	overflow: hidden;
}

.bigNumbers .twist-big-numbers .wrapper .roll.small {
	font-weight: normal !important;
}

.bigNumbers .twist-big-numbers .wrapper .roll {
	display: block;
	width: max-content;
	transform: translateY(100%);
}

.bigNumbers .twist-big-numbers .wrapper .roll .item {
	display: block;
	text-align: center;
	width: 100%;
	height: 1em;
	line-height: 1em;
}

.bigNumbers .twist-big-numbers p {
	text-align: center;
	color: var(--corBranca) !important;
	font-size: var(--textoCorrido);
}

.bigNumbers .container-numeros {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--paddingMenor);
}

.bigNumbers .container-numeros .percent {
  height: max-content;
}

.bigNumbers .container-numeros .percent p {
    font-size: calc(var(--H1)* 2) !important;
    font-weight: 600;
    display: flex;
    justify-content: center;
    height: 1em;
    line-height: 1em !important;
    overflow: hidden;
    color: var(--corBegeEscuro) !important;
}

body .bigNumbers .container-numeros h3 {
    text-align: center;
    color: var(--corAzul) !important;
    font-size: var(--textoMenor) !important;
    font-family: var(--fontePadrao) !important;
    line-height: 1.4em !important;
}

 /*********************************
 * 
 * Mobile
 *  
 **********************************/

@media only screen and (max-width: 1435px) {
	.bigNumbers .et_pb_row .container-numeros:has(.twist-big-numbers) {
		grid-template-columns: repeat(var(--twist-count), 1fr) !important;
	}
}

@media only screen and (max-width: 767px) {
	.bigNumbers .et_pb_row .container-numeros:has(.twist-big-numbers) {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.bigNumbers .twist-big-numbers .wrapper {
		font-size: var(--H1) !important;
	}

	.bigNumbers .twist-big-numbers p {
    text-align: center;
    color: var(--corBranca) !important;
    font-size: var(--textoMenu);

	}
}

@media only screen and (max-width: 767px) {
	.bigNumbers .et_pb_row .container-numeros:has(.twist-big-numbers) {
		grid-template-columns: repeat(1, 1fr);
	}
}