.separator-image{
    width:20px;
    height:20px;
}


.rotative-text {
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.5;
}

.rotative-word {

    margin:0px 15px;
    display: inline-block;
    font-size: 80px; /* Tamanho da fonte */
   /* font-family: 'Roboto', sans-serif; Família da fonte */
    font-weight: 500; /* Peso da fonte */
    font-style: normal; /* Estilo da fonte */
    line-height: normal; /* Altura da linha */
    text-transform: uppercase; /* Transformação para maiúsculas */
    color: transparent; /* Cor do texto */
    -webkit-text-stroke: 1px #D9BD6C; /* Cor do contorno do texto */


}

.rotative-word.preenchido {

color: #D9BD6C;
font-family: Roboto;
font-size: 80px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}

@media (max-width:768px){
    .rotative-word {
    font-size: 40px;
        
    }
    
    .separator-image{
    width:10px;
    height:10px;
}
     .rotative-word.preenchido{
        font-size: 40px;
    }
}
@media (min-width:769px) and (max-width:1024px){
    .rotative-word.preenchido{
        
    }
}

.rotative-text {
    overflow: hidden; /* Oculta o conteúdo fora da área visível */
    position: relative;
    width: 100%; /* Ajusta conforme o layout */
    height: auto; /* Permite ajustar à altura do conteúdo */
}

.rotative-content {
    display: inline-flex; /* Organiza os itens em linha */
    white-space: nowrap; /* Evita quebra de linha */
    animation: scroll-loop 50s linear infinite; /* Animação contínua */
}

.rotative-word,
.separator-image {
    display: inline-block;
    margin-right: 20px; /* Espaçamento entre itens */
}

/* Duplicação do conteúdo para o looping contínuo */
.rotative-content:after {
    content: attr(data-duplicate); /* Duplica o conteúdo automaticamente */
    display: inline-flex;
}

/* Animação de scroll infinito */
@keyframes scroll-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%); /* Move metade do conteúdo */
    }
}