/* Contador regressivo */
:root { 
    --countdown-time-background: var(none); /* color|Cor do fundo do contador */
    --countdown-time-color: var(none); /* color|Cor do texto do contador */
    --countdown-border-color: var(none); /* color|Cor da borda do contador */
    --countdown-title-color: #fff; /* color|Cor do titulo do contador */
    --countdown-title-size: 16px; /* text|Tamanho do titulo do contador */
   
    --countdown-number-padding: 5px 0; /* color|Cor do texto|Números */
    --countdown-number-color: #fff; /* color|Cor do número|Números */
    --countdown-number-size: 16px; /* text|Tamanho do número|Números */
    --countdown-number-weight: 700; /* text|Peso do número|Números */
    
    --countdown-text-color: #fff; /* color|Cor do texto|Texto */
    --countdown-text-size: 16px; /* text|Tamanho do texto|Texto */
    --countdown-text-weight: 700; /* text|Peso do texto|Texto */
  
    --countdown-footer-background: var(none); /* color|Fundo do desconto|Desconto */
    --countdown-footer-color: var(none); /* color|Cor do desconto|Desconto */
    --countdown-footer-size: 14px; /* text|Tamanho do desconto|Desconto */
    --countdown-footer-weight: 700; /* text|Peso do desconto|Desconto */
    --countdown-footer-padding: 10px; /* text|Peso do desconto|Desconto */
    
}

#countdown { background: var(--countdown-time-background, #fff); display: inline-flex; align-items: center; background: var(--primary); padding: 0 16px; gap: 5px; width: 100%; justify-content: center; border-radius: 3px;}

#countdown h4 { margin:0; font-size: 16px; font-weight: 700;}

#countdown .header-countdown{
    background-color: transparent;
    color: var(--countdown-title-color, var(--text));
    font-size: var(--countdown-title-size);
    text-align: center;
    padding:14px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
#countdown-time { display: flex; justify-content: center;}
#countdown-time .countdown-item {
    display: flex;
    justify-content: center;
    flex: 1;
    align-items: center;
    padding: var(--countdown-number-padding);
    /* flex-direction: column; */
    color:#fff;
    font-weight: 700;
	line-height: normal;
}
#countdown-time span { 
    font-size: var(--countdown-number-size); 
    font-weight: var(--countdown-number-weight); 
    color: var(--countdown-number-color, var(--text)); 
}
#countdown-time .item-text { 
    font-size: var(--countdown-text-size); 
    font-weight: var(--countdown-text-weight); 
    color: var(--countdown-text-color, var(--text)); 
}

#countdown-time .item-text::after {
    content: '•';
    margin: 0 5px;
}

#countdown-time .countdown-item:last-child .item-text::after {
    display: none;
}

#countdown-time .countdown-item:last-child {min-width: 51px; justify-content: start;}

#countdown .footer-countdown{
    background-color:var(--countdown-footer-background, var(--primary)); 
    color: var(--countdown-footer-color, #fff); 
    text-align: center; 
    padding:var(--countdown-footer-padding); 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px;
}

@media (max-width: 1400px) {
	#countdown-time span, #countdown-time .item-text, #countdown h4 {font-size: 12px;}
}

@media (max-width: 1200px) and (min-width: 992px) {
	#countdown {flex-wrap: wrap; justify-content: center;}
	#countdown .header-countdown {padding: 5px 0 0;}
}

@media (max-width: 991px) {
    #countdown {width: 100%; justify-content: center; padding: 2px;}
	#countdown-time .countdown-item:last-child {min-width: inherit}
	.header-countdown svg {display: none;}
}