/* CSS para adicionar setas nos dropdowns do menu desktop */
.menu-principal>li.menu-dropdown>a .fa-chevron-down,
.menu-principal>li.menu-dropdown>a i.fa-chevron-down {
    display: inline-block !important;
    margin-left: 5px !important;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: transform 0.3s ease, opacity 0.3s ease;
    vertical-align: middle;
    color: #ffffff !important;
}

.menu-principal>li.menu-dropdown:hover>a .fa-chevron-down,
.menu-principal>li.menu-dropdown:hover>a i.fa-chevron-down {
    transform: rotate(180deg);
    color: #b2d454 !important;
}

/* Estilo específico para o ícone de seta */
.menu-dropdown .fa-chevron-down {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: 0px !important;
    padding-left: 4px !important;
}

/* Ajuste para o mobile */
@media (max-width: 992px) {

    .menu-principal>li.menu-dropdown>a .fa-chevron-down,
    .menu-principal>li.menu-dropdown>a i.fa-chevron-down {
        display: none !important;
        /* Oculta a seta interna no mobile */
    }
}