/*------------------------------------------------------------------
[67. Offer-text-area css - Versão Linha Fina Sem Texto]
------------------------------------------------------------------*/

.offer-text-area .offer-text-wrap {
    direction: rtl;
    background-color: var(--primary-font-color);
}

.offer-text-area .offer-text-wrap .offer-text {
    /* Define o gradiente e o tamanho do background */
    background: linear-gradient(90deg, #ff3300 0%,#b9ce00 20%, #00ce00 60%,#f1efd8 80%, #0e3aff 100%);
    background-size: 200% 100%;
    
    /* Aplica a animação */
    animation: gradient-animation 10s ease-in-out infinite;
    
    /* Define a altura da linha (ajuste aqui se quiser mais fino) */
    height: 30px; 
    overflow: hidden;
    display: block;
}

/* Define a animação de keyframes para o gradiente */
@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Remove completamente a exibição da lista de textos */
.offer-text-area .offer-text-wrap .offer-text ul {
    display: none !important;
}

/* Mantém as animações originais caso queira reativar no futuro, 
mas o 'display: none' acima já desativa a visualização */
.offer-text-area .offer-text-wrap .offer-text ul li {
    display: none;
    padding: 0;
}

@-webkit-keyframes slide1 {
    0%{transform: translateX(100%);} 100%{transform: translateX(-100%);}
}
@keyframes slide1 {
    0%{transform: translateX(100%);} 100%{transform: translateX(-100%);}
}