/* 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: var(none); /* color|Cor do titulo do contador */
    --countdown-title-size: 20px; /* text|Tamanho do titulo do contador */
   
    --countdown-number-padding: 5px; /* color|Cor do texto|Números */
    --countdown-number-color: var(none); /* color|Cor do número|Números */
    --countdown-number-size: 35px; /* text|Tamanho do número|Números */
    --countdown-number-weight: 800; /* text|Peso do número|Números */
    
    --countdown-text-color: var(none); /* color|Cor do texto|Texto */
    --countdown-text-size: 14px; /* text|Tamanho do texto|Texto */
    --countdown-text-weight: 800; /* 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: 800; /* text|Peso do desconto|Desconto */
    --countdown-footer-padding: 10px; /* text|Peso do desconto|Desconto */
    
}

#countdown { margin-bottom: 20px; background: var(--countdown-time-background, #fff); border-radius: 4px; border: solid 1px var(--countdown-border-color, #efefef);}
#countdown h4{margin:0}
#countdown .header-countdown{
    background-color: transparent;
    color: var(--countdown-title-color, var(--text));
    font-size: var(--countdown-title-size);
    text-align: center;
    padding:10px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#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;
}
#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 .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;
}